Create a student character mascot with Adobe Illustrator

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.

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

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

7. Second one, with socks:

feet-step-6

8. Third one:

feet-step-7

9. With “PenTool” and “Ellipse Tool” make the following shapes for laces.

feet-step-8

10. Details for cloth. Same, use “PenTool” and “Ellipse Tool”.

coat-details-step-9

11. For face, make a shape close to this and apply the gradient from screenshot. Same one like gradient for legs, just is “radial”.

head-step-10

12. The next shapes are used for face details:

head-step-11

13. Student hat shapes. The shadow shape is a black color shape with opacity at 40%.

head-step-12

Your vector character should look like this:

student-step13

In case you want to add a shadow, copy the first layer created and add perspective.


logo-mascot

Thanks for reading.

Published on: January 13th in Tutorials .
Post tags: , , , , , , , , , , ,

10 Comments

  • designi1
    January 13, 2010
  • SMiGL
    January 14, 2010
  • Birgit
    January 14, 2010
  • reADactor
    January 15, 2010
  • Waasys
    January 17, 2010
    • reADactor
      January 17, 2010
  • Waasys
    January 17, 2010
    • reADactor
      January 17, 2010
  • Design resources
    January 25, 2010
    • reADactor
      January 26, 2010

Leave A Comment.