This post was originally published in 2011
The tips and techniques explained may be outdated.
Follow this step by step Adobe Illustrator tutorial to create a simple vector ninja character. The design is made from basic shapes and uses Illustrator’s core tools, which makes this tutorial perfect for beginners.
The ninja character we’ll be creating is made up of simple shapes to create a cute overall appearance. Despite being generally dark in colour we’ll add definition to the character with the help of strokes and gradients using subtle changes in tone.
Open up Adobe Illustrator and draw a circle on the artboard, this will be the base of the ninja’s head.
Continue using the circle tool to draw the eyes, starting with the hole in the mask with a rotated oval, then a couple of generic eyes using two solid circles.
Use the Pen tool to draw the body, click and drag out lines to create a slightly curved, dynamic looking body shape. Press CMD+Shift+[ to send this item underneath the head.
Click and drag flowing lines across the body to represent the arms and legs in an exaggerated combat pose. Drag out long bezier handles for smooth curves.
Increase the stroke of these lines to around 25pt and change the option to Round Cap to smooth off the ends.
With both the lines selected go to Object > Expand. Select just the Stroke option to convert these paths into solid shapes.
Select the head and hit CMD+C to copy, we’ll need this shape again later. Add the body, arms and legs into the selection then click the Merge option from the Pathfinder window.
Change the fill colour to 90% black and adjust the stroke to 8pt black aligned to the outside.
In the Appearances palette select the Add New Stroke option from the fly out menu in the top left corner.
Adjust this new stroke to 4pt 93% black, aligned to the outside to create a double stroke effect.
Press CMD+F to paste in the copied head shape back into position. Change the fill colour to the 90% black and give it the 4pt 93% black stroke aligned to the outside. Press CMD+[ until the head sits under the shapes that make up the eyes.
Select the mask outline and give it the grey stroke, then adjust the fill colour to a natural skin tone. Add a second stroke and align it to the inside then select a slighter darker tone than the skin.
Use the Pen tool to draw some belt shapes across the body of the ninja character, give these a fill of 93% black so they blend with the stroke outline.
Our little ninja character is looking pretty good so far, but to really add some depth and an extra dimension we can make use of some subtle gradients.
Swap the solid fills on both the head and body shapes for a 90% black to 95% black radial gradient. Use the Gradient tool to adjust the flow so it runs smoothly across the shapes.
Finish off the ninja character design with a simple background, then draw a basic rectangular shape with a white fill. Select a pivot point for the Rotate tool then drag out a copy while holding the ALT key.
Repeatedly press CMD+D to repeat the rotation until you have a full circle of flaring shapes. Group all these shapes together and reduce the opacity to around 2%.
Our little ninja character is now complete. The basic shapes help give the character that stylised vector appearance while the subtle gradients and strokes all help add to the ninja’s stealthiness against the dark background.
What a simple yet creative vector. :)
I’ll always count on at spoongraphics.
Thanks!!!
Wow awesome tutorial and nice results at the end
:)
oming up with the simple idea
very cool
Thanks for this great tutorial! I just started using Illustrator and you are helping me a lot!
Also: Ninjas ftw ;D
as usual, i’m impressed by your tutorial. some of the techniques are so easy yet so clever! i’m definitely going to try some of them out in the near future. (: thanks for doing what you do!
Thank you so much for this post. I want to let you know that I posted a link to your blog in CBH Digital Scrapbooking Freebies, under the Page 2 post on Nov. 21, 2011. Thanks again.
thanks a lot . really loved the tutorial
Love him – might make him into a ninja elf, since I’m Christmas crazy already and it isn’t even December! With a red & green background maybe – if I can figure out how…
as I show how you did it, it is very simple but very creative, and in this case that’s the hard part, coming up with the simple idea
very cool
I’ll always count on at spoongraphics.
Thanks!
Realy wonderfull !
As usual great work!
Wow simple paint converted awesome paint!
well laid out screen media and signage creating an easy to follow design process. Well done.
Very Cool. Thank you!
awesome vector tut thanks :DD
cool one! :)
Love it! Go Ninja, Go!
Thanks for the post, I’m learning how to use Illustrator and having step by step guides is great for learning
cool result! :)
I like this tutorial very much. Ninja all the way!