Blog.SpoonGraphics

How to Create a Crafts Inspired Vector Kids Illustration

Read the article

This post was originally published in 2009
The tips and techniques explained may be outdated.

Learn how to create a couple of cute and simple kids illustrations of a car and airplane using Adobe Illustrator’s basic shapes. Take inspiration from hand crafted artwork to give each graphic a plaid effect fabric texture and stitching effect.

Simple vector car illustration

Simple vector airplane illustration

Start work by opening up Adobe Illustrator. Grab the ellipse tool and draw a large oval on the artboard.

With the direct selection tool, select and move the lower most point vertically. Hold Shift to constrain the axis.

Next, select each of the two Bezier curves from the bottom point, and extend them outwards to create a tighter curve on the two lower corners.

Draw another oval, this time smaller and size. Position it to the front of the car body.

Use the direct selection tool to manipulate the shape to blend into the main body.

With both shapes selected, merge them together with the Add to Shape Area option from the Pathfinder tool.

Elsewhere on the artboard, draw a small square and fill with a light green.

Copy (CMD+C) and paste in front (CMD+F) the square and fill the duplicate with a darker green. Go to Object > Transform > Scale, and enter 50% in the horizontal option under the Non-Uniform section.

Copy and paste a copy of this new graphic, then rotate it by 90 degrees. Lower the transparency of both pieces to 20%. This gives us the basic repeating swatch to create the plaid pattern effect.
Select the complete graphic, then drag it into the Swatches palette. Add this swatch as a fill to the main body shape.

If the pattern is too large or small in size, go to Object > Transform > Scale, and deselect the Objects checkbox. Adjust the scale percentage to alter the size of the pattern.

Add a 2pt stroke to the shape and give it a green colouring picked from the green tones of the pattern.

Draw another oval onto the artboard, and begin manipulating the shape to form the window.

Move the Bezier curves of each of the two side points upwards to reduce the size of the corners. Aim to leave a straight edge along the bottom.

Fill the window with a light blue, and give it a stroke of white.

Grab the ellipse tool once more and draw a range of concentric circles. The accuracy doesn’t matter too much, as the odd misalignment adds to the ‘craft’ theme of the design. Give each circle a fill, and add a dashed stroke to the centre circle by selecting the ‘Dashed Line’ option in the Stroke palette. Adjust the dash and gap options to suit.

Make two copies of these groups of circles, then position them as wheels on the car body.

Draw another oval onto the artboard and position at the front of the car. Make a copy of the overall body shape and use it as a tool along with the Intersect Shape Area option from the Pathfinder palette to crop out the excess, leaving a simple headlamp graphic.

At the rear, use the Pen tool to draw some wavy shapes. Make sure the Bezier curves are smooth enough to avoid any sharp angles. Add the dark grey dashed stroke used on the wheels.

Select the window graphic, then go to Object > Path > Offset Path. Enter -2mm in the options to create a duplicate path running parallel to the original.

Give this new path a dark blue dashed stroke. Use the line tool to draw a centre line, also with the same dashed stroke.

Repeat the process with the overall body graphic, creating another -2mm offset path. Add another dashed stroke, this time with the dark grey colouring.

Simple vector car illustration

There we have a cute little car, inspired by the simple styles as dreamed up by kids. The mix of textures gives the craft like feel, as if it has been cut and stitched together with fabrics and thread. Next up, we’ll use similar steps to create a super duper airplane!

The airplane also starts off with a plain old oval. Use one large oval to form the main plane body, and a smaller oval as the tail fin.

Draw another repeating pattern to form the plaid style texture. This time start with a small blue square, then copy and paste in a duplicate. Fill the duplicate with a darker shade of blue, then scale horizontally by 50%. Duplicate this new graphic, set to 20% transparency and rotate by 90 degrees. Drag the whole graphic into the Swatches palette.

Merge the plane body with the tail fin by using the Add to Shape Area option from the Pathfinder palette, then add the blue plaid pattern fill. Make any adjustments by altering the Scale, remember to select just the pattern in the options. Add a light blue stroke at 2pt in size.

Draw an ellipse to fill the space of the cockpit window. Then select the main body graphic along with the new oval, and use the Subtract from Shape Area option from the Pathfinder palette to punch out the shape.

Switch out the default black stroke with a light blue, matching the outline of the plane body. Draw a couple of small circles to act as highlights on the window.

Select the plane body, then go to Object > Path > Offset path. Use the same -2mm option as before to create a new path running parallel to the original.

Add a dashed stroke to this new path to give the appearance of a stitched outline.

Elsewhere on the artboard, draw an ellipse and add a green fill and lighter green stroke. Use the Direct Selection Tool to adjust one of the side points to flatten out the curve.

Add an inner dashed stroke by creating another offset path. Fill this stroke with a dark green colour.

Move two copies of the ovals into place to represent the wings of the plane. Use the shortcut CMD+Shift+[ with the upper wing to alter the stacking order and send the wing graphic to the bottom, giving the impression that it’s behind the main body.

Simple vector airplane illustration

That’s the plane complete! Give it a home in the sky by creating a soft blue gradient, and place in a couple of clouds by merging together a few ellipses.

Download the source file

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

74 Comments

  1. designfollow says:

    great tutorial

    thank you

    (1)
  2. Stunt says:

    nice nice nice

    (0)
  3. somoka says:

    This what i’m looking for ^^ thank you so much!

    (0)
  4. saiful says:

    its too nice.

    (0)
  5. Diana says:

    Wonderful!! Nice!! Thank u for sharing!!

    (0)
  6. Gerasimos says:

    Hehe, excellent little things! thanx!

    (0)
  7. Carla says:

    Really cute!

    (0)
  8. vectorss says:

    very nice thanks Chris. Lovely ıllustration.

    (0)
  9. Sebastian says:

    Very nice and cute results. A perfect tutorial.
    Good to have it right before x-mas! ;)
    Thank you for sharing.

    (0)
  10. Roland says:

    Aww…it’s awesome :) So simple and good step-by-step screenshots :) Thanks

    (0)
  11. Anda says:

    … your stuff is great. you helped me so many times. THX

    (0)
  12. Anginha says:

    Gostei mto!!! Obrigada!

    (0)
  13. Designi1 says:

    Great tutorial :D love it as usual!!! :D

    (0)
  14. Bronwyn says:

    This is cute, thanks! :-)

    (0)
  15. Alex Rogahn says:

    Very nice tutorial; good techniques! (Y) :)

    (0)
  16. Great tutorial! Your the illustrator king :)

    (0)
  17. Wow.. cute as pie. Thanks.

    (0)
  18. squareart says:

    Very cute!: ) and good tut as eva!

    (0)
  19. Guilherme says:

    Very very nice! thx for this tutorial

    (0)
  20. WOW! This is an awesome tutorial. Thanks Chris!

    (0)
  21. Waasys says:

    I like the result! really nice!

    (0)
  22. Love this – thanks Chris – useful tutorial.

    (0)
  23. Really nice tutorial, thank you!
    But, how can you pick the colors in the pattern? There is 3 colors in the pattern, is there a way to get the eyedropper tool to pick them?

    (0)
  24. SilverShark says:

    Great job Chris. Thanks! :)

    (0)
  25. SilverShark says:

    Great job Chris! Thanks! :)

    (0)
  26. Very cute! Thank you Chris.

    (0)
  27. w3planting says:

    very nice thanks ıllustration.

    (0)
  28. Looks great Chris. If I had kids I bet they would love this. haha

    (0)
  29. Great project, a tutorial that can be fun for the whole family.

    (0)
  30. Bene says:

    Excellent, excellent as usual. You are the man!

    (0)
  31. Jan says:

    Nice, very cute!

    (0)
  32. Fabio says:

    best tutorial so far, and you surely made a bunch of good ones!

    (0)
  33. logolitic says:

    this is a great tutorial! Very nice and innovative, and yet very simple!

    (0)
  34. Blue Buffalo says:

    Very cool! This is great for designs that relate to kids.

    (0)
  35. Lam Nguyen says:

    So cute … That’s great! Next time, draw an addition Canon to shoot it down. :D

    (0)
  36. Tutsking says:

    Very nice! :)

    (0)
  37. Simon Misra says:

    Great as always chris!

    (0)
  38. Really nice tutorial. Very simple and funny :)

    (0)
  39. Petrus says:

    Nice tutorial. Great work Chris. Thx!

    (0)
  40. The texture! It’s soooo good and inspiring! Mind if i steal it? :)

    (0)
  41. alina n. says:

    you are the best :X

    (0)
  42. laura says:

    LOOOVEEEE IT =)

    (0)
  43. RubbyGold says:

    awesome concept..will blend well with some character design.
    u really are a messiah to the design community..GR8!!

    (0)
  44. akida says:

    lovely!

    (0)
  45. tashi says:

    that is so sweet!!..simple and sweet!!

    (0)
  46. Natalie says:

    Awasome!!! love it :)

    (0)
  47. Autonomy says:

    This is such a great idea for a tutorial! Thanks Chris, I love your work.

    (0)
  48. aldrin says:

    Thanks for the great post, I really love this tutorial, Though I’m still trying to learn more into illustrator and this is really helps a lot.

    (0)
  49. Pinoko says:

    Very useful and easy to understand.. congrats!

    (0)
  50. Boon Ong says:

    I open my Illus and I cannot seem to find any circle tool. There’s only rectangle for me.

    How do I add on the stroke? I added 2pts stroke but I do not see any thick color around the edge. (By the way, I am doing a X shape.)

    I also cannot bend the sharp edge to like the bubble corner shap. Is there a way to do? Pretty lost on that one tho.

    (0)
  51. As always, absolutely brilliant Chris Spooner! Love this guy!

    Thanks for sharing

    (0)
  52. zuwairiaiman says:

    great work… thanks

    (0)
  53. shira says:

    Hi,
    Since I’m a beginner in illustrator that tutorial was great for me, thanks (:
    Still, I have no clue how to get the effect of car background,
    I’d be happy if someone could explain that to me (:
    thanks…

    (0)
  54. use the gradient tool to color it in

    (0)
  55. turisuna says:

    Wow you are a good teacher, you teach the tutorial step by step patiently. I rarely use the Adobe Illustrator because sometimes I get confuse on it lol, this tutorial is very useful for me, thanks for the sharing :)

    (0)
  56. Future Webs says:

    Great Tut, Thanks

    (0)
  57. simple and effective greate cheers

    (0)

Comments are now closed