Try Tuts+ Premium, Get Cash Back!
How to Create a Stylish Deer with Brushes and Graphic Styles in Adobe Illustrator

How to Create a Stylish Deer with Brushes and Graphic Styles in Adobe Illustrator

Tutorial Details
  • Program: Adobe Illustrator CS5
  • Difficulty: Advanced
  • Estimated Completion Time: 8+ hours
Download Source Files

Final Product What You'll Be Creating

In this tutorial we are going to draw a deer with custom Art Brushes, Graphic Styles and Blends in Adobe Illustrator, all of them created by us, so let’s get started.


Step 1

First we start by creating a New document (Cmd + N), the size of the artboard will be 600 x 1000 px. In the Layers panel, create four new layers: the bottom layer "Sketch" is where we are going to draw our sketch, the layer "Lines" we draw our base lines, in the layer "Shapes" is for some black figures that we need to do and finally in the layer "Details" its where all tiny details and magic is going to happen.


Step 2

With the Blob Brush Tool (Shift + B) we start to draw half of our deer. You can use a picture as a reference or simply get inspired, personally I don’t do my sketches clean I use the sketch just as a base for my final illustration so in the process I can add or remove details.


Step 3

Now select your sketch and set the Opacity to 50%. Lock the "Sketch" layer and now we are going to start drawing our basic lines.


Step 4

To make our brushes first draw four lines with different Stroke Weights, in my case are 3pt, 2pt, 1pt and .5pt, in black and white. Then select all and in the Stroke panel select the Profile and select the one as in the image, this will make our lines more like brushes.


Step 5

You can select and drag one line by one to the Graphic Styles panel, give them a name to save them. With that you can now draw some lines and select them and use the Graphic Style that you need instead of changing the Stroke Profile in the Stroke panel. Every line you drag to the Graphic Style panel remember to rename it, this to make it easier to find. I also use in the options list, "Small list view" to find the Graphic Style I need a lot quicker, as the strokes will look the same it’s only the Stroke Weight which is different.


Step 6

We start by drawing the contour and some detail lines of our illustration. You can draw it all with the Pen Tool (P) or with the Pencil Tool (N). With the Pencil Tool when you draw a line you can select it and if you press Alt with the Pencil Tool selected you can use the Smooth Tool. With this tool you can make a line more smooth and curvy.

With the Smooth Tool you can make more fluid lines as we can see in the image below.


Step 7

For most of our base lines we will use the 3pt Stroke Weight Black graphic style and sometimes the 2pt Stroke Weight, you can do it as you want.
To draw some fancy lines like the ones in the blue circles you can do them with the Transform Again Command (Cmd + D).


Step 8

All you need to do is select your line and then with the Rotation Tool (R), put your rotation point with a click like in the image and then drag and Alt to duplicate the figure. Finally use the Transform Again Command (Cmd + D) and you get your line duplicated at the same distance and rotation.

You can also modify other lines with the Width Tool (Shift + W). To use this tool just select your line or click directly with the tool and you can change the width of the brush and adjust it at your will.


Step 9

These are our base lines. Now go to the "Shapes" layer, remember to Lock the other layers.


Step 10

As we can see in the screen shot below, there are some shapes that we add to give more detail and life to our illustration. Some of them are created with the Width Tool (Shift + W). Remember to change your cap and corner of the stroke in the Stroke panel to make the ends rounded.


Step 11

Experiment with simple lines and the Width Tool (Shift + W) you can create some cool shapes in a quick and easy way.

You can draw some shapes with the help of the Pathfinder panel.

The nose was traced with the Pen Tool (P), and adjusted with the Smooth Tool.


Step 12

Now go to the "Details" layer and here we are going to draw some lines, most of them with the 0.5pt Black and make some effects with the Blend Tool (W).

Here is a detail of the face, where we used our 0.5pt Black Graphic Style and Blend Tool (W).


Step 13

To do this lines all you need is two lines with the same Graphic Style applied, in this case 0.5pt Black, then select the Blend Tool (W) and click one and then the other line. Then with the blend selected press Enter and in the spacing option put Specified Steps and click preview to see your result. Experiment with the lines and the spaces between them to obtain different results.


Step 14

As I see the illustration I think it need more details. So I go back to my "Sketch" layer and start to draw some more lines and shapes. You can always modify your illustration just do it during the process and not after finishing the work, try to see what your work needs to get better.


Step 15

Now we go back to our "Details" layer and draw the figures with the process we’ve seen through out the tutorial: some shapes, some blends, some Width Tool (Shift + W).


Step 16

Our "Details" layer is done. Focus on little things like the eyes add some lines and shapes to give them more detail. We also need some more layers to make a more detailed illustration. At this time you can remove your "Sketch" layer.

Here’s a closer look at the additional details I’ve added.

And here is some more.


Step 17

Create a couple of new layers: one named "Brushes", in this one we are going to use some brushes we are going to make, and another called "White Details" in this one we are going to do with the white Graphic Styles for our final details of the illustration.


Step 18

To create brushes its pretty easy, just draw some lines with the profile you need or some shapes, for instance a circle. Almost everything can be turned into a brush and in this case we are going to create some pretty simple brushes.


Step 19

Drag your figures one by one to the Brushes panel, select Art Brush in the New Brush dialog window and then click OK. I’ve used the settings below.


Step 20

To create this brush we draw a circle and adjust one of the nodes as in the image below. In the Brush Scale Options we select Stretch Between Guides. Position the Start and End of the guides between the stretched out node, so the Art Brush doesn’t alter the ratio of the circle/dot.


Step 21

This brush is created with five lines and then select the nodes of one side and align them to the center with the Align Panel. With all of the brushes, create a black and a white version.


Step 22

Finally we create another Stroke to add to our Graphic Style panel. To create this one adjust the values of stroke as in the image below. Put the dash in 0pt and the gap adjust it at your preference (this is the space between circles), just put your Cap and Corner in rounded to obtain a line of circles.


Step 23

We use our brushes to create some more fancy detailing. You can adjust the strokes with the Smooth Tool remember that and can change the Stroke Weight too, so with this you can have some pretty forms.


Step 24

Using the original lines, you can apply some of your newly created brushes. Experiment with different Stroke Weights to create either bold or more delicate effects.

You can also, with the "dot" brush can segment the lines of a circle. In this case we made four cuts with the Scissors Tool (C) and there are four brushes and create forms like this.


Step 25

Now in the "White details" layer we add the final touches to our illustration. In this part just have fun adding details to the black shapes and to some of lines use the methods we’ve seen through out the tutorial.


Step 26

For example in the eye I added a three line brush and some simple lines, in the nose the dot brush and a little texture i made with the Pathfinder panel and circles, in some lines I add circles.


Step 27

You can add as much detail as you want but try to keep the lines fluid and taking as base the form of the shapes. You can create some good effects by using our fun white brush like in the image, try to experiment with shapes and brushes.


Step 28

Now that we have everything we can select our drawing and duplicate it, then reflect it with the Reflection Tool (O).


Step 29

I aligned it from the bottom of the illustration and then modified it from there.

If some lines cross or don’t look good, draw a vertical line along the edge of your illustration, as shown below and then subtract any elements which overlap. Then reflect your illustration again and align it.


Conclusion

This is our final illustration! I hope you have enjoyed this tutorial, and hope you got some new tips. Keep on drawing and experimenting, saludos!

  • Alon

    would be great a video from tutorial.
    Thanks.

    • http://twitter.com/helbetico Beto Garza

      Thank’s and ill hope someday ill do a video tutorial, i feel more comfortable writing tutorials, maybe because im not that good at speaking english :P.

      • http://ducsu.com/ Duc Su

        I actually like written tutorial better. I find I have to stop, replay video tutorials over & over again to catch up with my work.

      • gold9design

        Agreed

  • http://www.justbeingcreative.co/ Just Being Creative

    Great tutorial. The image of the deer caught my attention right away which led me to read the tut. Will bookmark it and give it a go later :)

    • http://twitter.com/helbetico Beto Garza

      Thank’s

  • Julio Ramos

    Great tutorial. Thanks for Sharing

    • http://twitter.com/helbetico Beto Garza

      Gracias :D

  • bassam

    good

    • http://twitter.com/helbetico Beto Garza

      :)

  • hashim

    thanks it is great and very useful

    • http://twitter.com/helbetico Beto Garza

      Thanks :D I’m glad you like it :D

  • http://ducsu.com/ Duc Su

    That is very nice. A bit out of my league, but I may just try it.

    • http://twitter.com/helbetico Beto Garza

      That’s the attitude

  • http://www.arenareviews.com/ Mohammad Zahid

    Amazing design’ thanks to share that tutorial.

  • tupa

    Hello sir, I have some problem at steps 12,it’s like that image below. I try to fix it so much but same results, so can you help me?
    Ps:Sorry for my bad English and thank you for share your great expriences,sir !

    • http://twitter.com/helbetico Beto Garza

      I exactly don’t know why this occur, but i think it’s because you draw one line from left to right and the other from right to left, if you draw both lines in the same direction the blend will be just fine :D :D, in this blend you can fix it by selecting the larger line and with the pen tool click on the side were both lines touch as if you’re going to keep tracing it and it should work :D :D

      Hope this info works for you :D :D

      • tupa

        Yes, you’re right, it’s exactly my mistake :D thanks for your help, my friend ;)

  • Justin Wagoner

    Great tutorial guys! I love this image, its just cool! You provide such a good source of tutorials and insights that i featured this tutorial on my blog last week. I just wanted to say thanks for the hard work and keep the tuts comin.

    p.s. here is the link to my blog you’d like to take a look.

    http://www.theagencysd.com/2013/03/ten-helpful-illustrator-tutorials/

  • http://www.facebook.com/caleb.yamamoto Caleb T. Yamamoto

    Awesome tutorial !!!

  • Guest

    Awesome tutorial !!! Loved

  • http://twitter.com/RacingColour Racing Colour

    Great tutorial. I’ve been trying to replicate this style for ages, so hopefully can make some progress with this one

  • virginalforces

    Thanks!
    Really helpfull even for beginner

  • Isbjørn

    In step 4 is it done with the pencil tool(N)? and is it necessary to make the lines straight?

  • Jimmy

    AWESOME. One question tho – did you use a tablet while making this, or did you just use pen tool?