How to Create a Three Color Wolf Skull in Illustrator
Jan 16th in Illustration by Designious
Clients often ask us for mind blowing vector images with a low number of colors and no gradients. The question is how can you add depth to an illustration, give it an artistic feel, and still keep it commercial? One solution: concept, variable line thickness, contour, shadow and fill color.
In this tutorial I thought of sharing with you the process of designing an aggressive wolf skull using just white, black, and grey . I previously drew a similar one for a clothing company whose name I cannot disclose. I am using Adobe Illustrator CS3, a Wacom tablet (not compulsory), and a picture of a wolf skull.
Designious is a design studio specialized in creating vector packs, illustrations, t-shirt designs for the design community. We create designs for web, print, and the apparel industry.
Final Image Preview
Below is the final design we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join VECTORTUTS PLUS for just $9/month.
Step 1
This time I will not use a hand draw sketch, but an image of a real skull. I got mine from a museum that I've visited a while back. Note: If you try using pictures from museums or expositions please check the copyright issues with the museum's personnel before using pictures of exposed items. If you don't plan to visit a museum soon, you can access the source image of this tutorial, and use mine.
Open a new file in Illustrator (Command + N), browse on your computer to where you have the picture of the skull, select and copy it (Command + C). Go to Illustrator again and paste it (Command + V) into your Illustrator file.
Step 2
Now that you have the skull image in Illustrator, you need to lower the transparency so you can trace it easier. Select the picture using the Selection Tool (V) and bring down the Opacity to 70% from the Transparency Box (Command + Shift + F10).
Step 3
Now lock the layer with the image and open a new one on top so you can start drawing the vectors.
Step 4
Before you start drawing the vector outlines you need to make sure you have the proper brushes handy. For PLUS Members, I included a set of eight custom brushes I usually use for tracing.
Step 5
New lets start tracing! Set your Fill Color to none and Stroke Color to black.
Step 6
Bring up the Stroke panel because you'll need to change the stroke weight of the brushes in the next steps.
Step 7
Bring up the Brushes panel Window > Brushes (F5) and select the brush you will use for tracing.
Step 8
You start with the contour and then you continue with the inner shapes. For the contour you select a regular calligraphic brush (7 pt. Round) and use the Pen Tool (P) to start tracing.
Step 9
After finishing tracing the contours, now let's try to spice things up by adding stylized (jagged ) interior lines to the skull. I will start with adding them to the outer side of the drawing and continue towards the interior using Art Brush 2.
Step 10
To draw the eye socket you need to change the brush to Art Brush 12 with a stroke of 3 px and draw the outer part of it.
Step 11
Next add the jagged lines to the eye socket as well using Art Brush 4 with a stroke of 3 px.
Step 12
Next, continue adding shades (jagged lines), using different brushes and stroke weights until most of the line art is done. Feel free to experiment, and take hints from the image below.
Step 13
Now add a few lines to the interior of the drawing to give it more depth. If the skull doesn't have any, it doesn't mean you cannot draw any, use your imagination here.
Step 14
Now that you've finished drawing the lines, you have to add the grey part of the design. Before you go further; Select all (Command + A), Expand the appearance (Object > Expand Appearance), and Clean up (Command + Shift + C).
Step 15
Using the Pen tool (P) with no Stroke color and a grey fill color, start drawing towards the black outlines without overlapping them.
Step 16
Now select the gray shapes and Send to Back (Command + Shift + Left Bracket).
Step 17
Repeat Steps 15-16 until you think the amount of grey is enough to add some shading and interest to the design.
Step 18
Now we need to add the white, so select white as a fill color. Next, select all (Command + A), bring up the paint bucket (K), and-double click on an empty area of the skull to fill the color. Finally, press the expand button.
Final Image
Below is the final image. Have fun making this!
Subscribe to the VECTORTUTS RSS Feed to stay up to date with the latest vector tutorials and articles.
User Comments
( ADD YOURS )Marcel January 16th
Wow, great tut. I can definitely use the shading techniques here for other work. Thanks!
( )Richard Andersson January 16th
Really nice tut bro! Rerally enjoyed it! Will try it out as soon as I finish up work here.
( )Richard Andersson January 16th
Oops, that should be *really enjoyed it! Sorry…
( )Tássia Pellegrini (shaknovsk) January 16th
Great tuto! Thanks for sharing this. Interesting techniques with “ordinary” tools.
( )Timothy January 16th
Nice! Thanks for the tutorial. Delicioused
( )Max January 16th
Thats a pretty cool tracing tut, i need some cool brushes like the ones youve used
( )B January 16th
Max- They are extremely easy to create. All you need are some basic shapes and they’ll do wonders for an illustration. I think there is a create brush tut on here somewhere.
( )Rachelle January 16th
Great TUT. I’ve learned (like most probably already knew) that just taking a picture of what you are trying to create if at all possible can do wonders for the quality of your illustration.
It’s like tracing, but really not because you’re adding so much more and stylizing.
Love it!
( )Brent Nelson January 16th
Can make a great series and sell it.
( )Track6 January 16th
@ Max -
Need lineart brushes? I made available a selection of the brushes I use for lineart illustrations like this one. Have at em:
http://tracksix.wordpress.com/2008/02/06/freebie-illustrator-brushes/
Nice tut. Only thing I would do differently is, use the outline of the entire shape as the white fill but inset it one or two points. Using the paint bucket can cause some trapping issues in print. The rest is spot on though.
( )Ryan Baum January 16th
One of THE BEST tuts I have seen in a long time. I have been trying to figure out those jagged lines for ages. You sir have just enticed me to buy PLUS with those sexy brushes
( )Brent Nelson January 16th
Thanks for the line art brushes Track6. Should come in handy!
( )Corey O's January 16th
Thanks for the tutorial and thanks to Track6 for the brushes!
( )Adam January 16th
really nice. Thanks!
( )devlim.com January 17th
Wow ,really good tutorial, i like it
( )Mr Kuzio January 17th
Veeeeeeeeeeeeery good.
Now want the wolf to tell us something ?? XD
( )moih60 January 17th
amazing tut .. i like the way look simple ..i’ll try it
( )Mark January 19th
Nicely detailed tutorial! thanks!!!
( )Cory January 19th
Great tutorial, thanks for the posting!
In step 2, would it be easier to use the “Template” option for the picture layer? It would save a few moments of setting the opacity, and it auto-locks the layer.
( )Colin January 20th
I purchased plus, but I can’t find any of the brushes or anything for this tutorial. Can someone help me out?
( )IwasFramed January 28th
Thanks for sharing the tutorial. Great resource! Have a great year!
( )Mike Bernstall January 30th
Awesome tutorial you guys rock!
( )Erkan January 31st
Thanks Very Nice
( )cubexon February 3rd
thanks for the tuto sir… !
( )Daniel Linthwaite February 8th
The Final Illustration Looks Amazing.
( )Daniel Linthwaite
J.H February 24th
Thanks,
:http://img6.imageshack.us/my.php?image=sudenkallo1280×1080.jpg
( )Sietse Smith April 8th
This looks awesome! Going to try it right away!
cheers
( )ZBryan2 July 2nd
I second the missing brushes in the zip source, but great tut otherwise! Posting the brushes would make it even better.
( )Shinfo August 27th
Has anyone found the brushes? I purchased PLUS pretty much for them…
( )Brian September 1st
i was just about to purchase for the brushes! has anyone found them yet?
( )has anyone contacted the author of the article for them?
Mattias October 14th
Sometimes you find a tutorial like this one. You think “aaaa I wish I would have found it two years ago” but cant help feeling really happy for it anyway. Thank you.
( )