Create a student character mascot with Adobe Illustrator

posted by reADactor, 13th January 2010, Categories: Front Page Posts, gosad, Tutorials Tags: , , , , , , , , , , ,
Create a student character mascot with Adobe Illustrator

This is an intermediate Illustrator tutorial level where you can learn how to create a vector student character mascot from a sketch in Adobe Illustrator. The techniques can easily be applied to other character design, illustrations or icons. Make a sketch or use mine for following steps.

sketch

1. Make a full contour the character.

contur-step-1

2. Duplicate it and apply an “offset path” with 3px.

contur-step-2

3. Make the following shape for coat with “Pen Tool”. You can draw it above the sketch. Apply a blue gradient to it. To use same colors like mine, use a free and simple color picker like “pixie“. Will be more easy for you to copy the code of color instead writing it.

coat-step-2

4. Make the pants. Use the following gradient settings.

pants-step-3

5. Make the legs shape, using same “Pen Tool”.

legs-step-4

6. For shoes we will use three layers (in second one we mix and the socks). First shape:

feet-step-5

Pages: 1 2
About reADactor

Try to be a mixer of inspiration, source of tutorials, tips and a reactor of your future design ideas, a place from where you can download freebies, vectors and web templates. Follow us on Twitter and Facebook

View all posts

Network News

Feedbox

Share this!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
  1. designi1
    Reply
    January 13, 2010 at 7:07 pm

    Really nice mascot…lovely final result!

  2. tripwire magazine | tripwire magazine

  3. uberVU - social comments

  4. Tweets that mention Create a student character mascot with Adobe Illustrator | reADactor -- Topsy.com

  5. SMiGL
    Reply
    January 14, 2010 at 3:02 pm

    Is wonderful, I am amazed.

  6. Birgit
    Reply
    January 14, 2010 at 11:16 pm

    it looks so easy and yet requires so much practice. thanks for sharing your technique, it’s nice to see you’re using layers/shapes for all the outlines! and nice result :)

  7. reADactor
    Reply
    January 15, 2010 at 12:35 am

    thanks.

  8. 85+ Need to Check Out Fresh Articles for Designers and Developers | Programming Blog

  9. 85+ Need to Check Out Fresh Articles for Designers and Developers | Afif Fattouh - Web Specialist

  10. You are now listed on FAQPAL

  11. Waasys
    Reply
    January 17, 2010 at 12:30 am

    The result is not bad, but the combination of gradient with blues and gray is not really cool.

    • reADactor
      Reply
      January 17, 2010 at 9:40 am

      matter of taste. regards

  12. Waasys
    Reply
    January 17, 2010 at 12:47 pm

    maybe, but it looks old-fashioned for me )

    • reADactor
      Reply
      January 17, 2010 at 4:59 pm

      and you felt is need to tell that twice, in a tutorial about anything then background. :)

  13. Top Tutorials Are Worth Seeing of the Week – #1 | AEXT.NET

  14. This Weeks Twitter Design News Roundup N.20 - Speckyboy Design Magazine

  15. Pattern Inc » A Round-Up of Fresh Illustrator Tutorials

  16. Design resources
    Reply
    January 25, 2010 at 10:32 am

    Great resources. I will add an ref from my site to this tutorial.
    Thanks

    • reADactor
      Reply
      January 26, 2010 at 11:43 am

      thanks

  17. 50+ Current Tutorials From Around The Web | designrfix.com

  18. Barker Design | Graphic & Web Development » Blog Archive » Vectips Monthly Roundup: January 2010

  19. 60 character illustration tutorials | T-shirt Factory Blog

  20. 70+ Excellent Fresh Adobe Illustrator Tutorials | Tutorials | instantShift

  21. Erick
    Reply
    May 8, 2010 at 6:59 pm

    great tut!

  22. Alice Kelly
    Reply
    May 12, 2010 at 7:13 pm

    I always use Adobe illustrator at work because i work in an animation studio. this is really a serious tool for the graphic artist..”‘

  23. 70+ Excellent Fresh Adobe Illustrator Tutorials For You : PIXEL SHOP

  24. 60 Cartoon Character Illustration Tutorials | Drawing Cartoon Characters

  25. 50 Most Creative Character Illustration Tutorials | pro2go Designs Blog

  26. 50 Most Creative Character Illustration Tutorials

  27. 50 Most Creative Character Illustration Tutorials | Programming Blog

  28. Isabelle Gonzales
    Reply
    August 11, 2010 at 7:51 am

    Adobe Illustrator has more features than its competitors `

  29. 50 Most Creative Character Illustration Tutorials | LionWebMedia.com

  30. Ортодонтия
    Reply
    September 4, 2010 at 1:10 pm

    thanks a lot very interesting tutorials

  31. tasarım
    Reply
    September 22, 2010 at 8:28 pm

    thanks a lot very interesting tutorials.

  32. Tutto quello che c’é da sapere sulle mascotte nel web design | Your Inspiration Web

  33. Maskottchen und Character Tutorials | GFC Theme

  34. Roof Helmet ·
    Reply
    November 7, 2010 at 7:30 pm

    adboe illustrator is feature packed and i love all of its great features ”

  35. Kate F. Gautreaux
    Reply
    December 14, 2010 at 2:29 am

    Bookmarked! Thanks.

  36. Inez Joulwan
    Reply
    January 17, 2011 at 4:25 pm

    Super-Duper blog! Love it!! Will be back later to read again. I am taking your feeds also.

  37. Mac Steck
    Reply
    January 30, 2011 at 8:27 pm

    Great article. Waiting for more.

  38. danny
    Reply
    February 23, 2011 at 11:59 am

    I tried and it works thanks for sharing

  39. Ina
    Reply
    July 14, 2011 at 6:14 am

    Thanks heaps for posting this tutorial on mascot character design. The student looks cute in an odd, quirky way. I tried illustrating a mascot design for a project of mine and couldn’t seem to get it right. In the end I decided on getting some professional help. The designers at http://www.mascotdesigncorner.com managed to realize my vision of illustrating a character design that was above expectations. I highly recommend them. For the price I paid it was indeed a steal. I guess I am not good at designing at all. Anyway, thanks for providing a source of inspiration I might add. This site rocks big time!

  40. 50 Best Tutorial Photoshop | Best 50 Photoshop Tutorials « Agus Web Design

  41. 35 (More) Adobe Illustrator Cartoon Character Tutorials

  42. mokatoon.com Adobe Illustrator Cartoon Character Tutorials

  43. mokatoon.com Adobe Illustrator Cartoon Character Tutorials

  44. 35 (More) Adobe Illustrator Cartoon Character Tutorials | Ruturaj Pradeep Kohok | Your Web Advisor

  45. 80 Excellent Adobe Illustrator Cartoon Tutorials

  46. 35+illustrator的漫画角色教程 | Jackchen Design 1984

  47. Android-планшеты
    Reply
    October 8, 2011 at 7:13 pm

    Thanks for the arcticle, very useful!

  48. 42 Quality​​ Characters Design in Adobe Illustrator Tutorials | 1step web design: Best for developer and designer

  49. Ananda
    Reply
    February 28, 2012 at 10:06 am

    I like the mascot but I don’t know how to do

  50. Now It’s Pretty Easy to Design a Cartoon Character [Tutorials] | Dzinepress

  51. 25 Most Useful ‘Cartoon Character’ Tutorials in Adobe Illustrator | Sky Tech Geek

  52. 70+ Best Adobe Illustrator Tutorials | Pillaticos

  53. Tạp chí design
    Reply
    July 1, 2012 at 7:34 pm

    Amazing !

Leave a reply

*

*

Your email address will not be published. Required fields are marked *