Create a Cute Little Tiger in Illustrator

Advertisement

The tiger is one of the coolest animals in the earth. It’s a very powerful, dangerous, yet fascinating animal. In this tutorial, we will be drawing the tiger, but we will be doing it a little bit different. Instead of portraying the tiger as a savage and mean creature, I will teach you how to draw a cute little tiger that you will be able to use in your projects, as a desktop wallpaper, etc. You will also learn lots of Illustrator techniques as well. This is the perfect tutorial for year 2010, the year of the tiger. So what are we waiting for? Let’s begin, r-r-r-r…

Step 1: Set Up

Open Illustrator and set up a new document. Rename “Layer 1” to “Head”. Select the ellipse Tool (L) and draw a circle.

Circle

Step 2: Head

With the Direct Selection Tool (A) click on the top anchor point to select it and drag in down to modify your circle like this.

Tiger

Select the left anchor point and rotate the handles so the path will look more rounded. Do the same thing to the right anchor point.

Tiger

Tiger

Step 3: Nose

Make a copy of the head path. Select the Ellipse Tool and draw an ellipse on the top of the head shape.

Tiger

Select this ellipse and the head path copy that we’ve made by shift clicking and pressing the Intersect button in the pathfinder palette.

Tiger

With the Pen Tool (P) try to draw nostrils path as you see below.

Tiger

Move the nose path down a little.

Tiger

Select the lowest anchor point of the nose path and move it up to hide it behind the nostrils path.

Tiger

Step 4: Cheeks

Draw an ellipse and rotate it 8 degrees counterclock-wise.

Tiger

Press Shift + Ctrl+[ to send it back.

Tiger

Make a copy of this path, move it to the left and reflect.

Tiger

Select both paths and press the Unite button in the Pathfinder palette.

Tiger

With the Direct Selection Tool (A) select the anchor point that connects the two cheeks path and convert it to a smooth anchor point and then make the path more narrow.

Tiger

Step 5: Chin

For the chin, draw another small ellipse and press Shift +Ctrl + [ to send it back.

Tiger

Step 6: Ears

Draw an ellipse and rotate it counter-clock-wise about 50 degrees.

Tiger

Draw a circle that intersects this ellipse and then press the Minus Front button in the pathfinder to extract this circle from the main ear path.

Tiger

Tiger

With the resulting path selected, go to Object > Path > Offset Path and create a smaller copy of this path inside it by entering negative Offset values.

Tiger

Move the resulting path down and to the left.

Tiger

Place the ear on the tiger’s head, create a reflection of it and place it on the left side.

Tiger

Step 7: Adding Color

Select the head path and give it a radial gradient from #F79442 to #C86735 and a 3pt #9E4D2A stroke. Adjust the position and Aspect Ration of the gradient.

Tiger

Apply the same gradient to the nose using the eyedropper Tool (I) but give it a 2pt stroke with #B3512B.

Tiger

On the cheek path apply a radial gradient from #C24B37 to #FCCB88 and a 0.25pt Tapered stroke (#8C372F) .

Tiger

Select the nostrils path and give it a gradient fill from #341214 to #60180C.

Tiger

Apply the same gradient and stroke that we used for the cheeks to the chin but make it linear this time.

Tiger

Select the biggest shape of the ear and Eyedropper tool and then click on the head path to apply the same settings to it. Select the smaller path, make it have no stroke and give it a linear gradient from #9E4D2A to #C86735.

Tiger

Step 8: Eyes

Draw a circle, give it a 2pt white stroke and a radial gradient from #2B3990 to #27AAE1.

Tiger

Create another, smaller circle. That way, their centers coincide and then fill it with 90% gray.

Tiger

Draw two highlights, those will be two white circles, one a little bigger than the first.

Tiger

Make a copy of this eye.

Tiger

Draw small shadow under the eyes by making copies of the biggest paths and pasting them back.

Tiger

Step 9: Tiger Pattern

Draw a small black ellipse with no stroke and drag it into brush palette, check the “New Art Brush” and click ok. Name the new brush “Tiger Lines” and leave all setting with their default values.

Tiger

Now, Select the Pen Tool (P) and draw some lines with no fill, where you want your tiger to have lines.

Tiger

Select all these lines and click on the newly created brush in the brushes palette.

Tiger

With the lines still selected go to Object > Expand Appearance to expand the lines.

Tiger

Select the head path, make a copy of it and bring it to front.

Tiger

By shift-clicking, select the copy and all expanded lines, right-click on the copy of the head path and select Make Clipping Mask.

Tiger

Tiger

Select all lines and apply a linear gradient from #341214 to #60180C to them.

Tiger

Step 10: Cheeks Details

Draw a small circle and give it a vertical, linear gradient from #F79442 to #FCCB88 .

Tiger

Make lots of copies of this circle and place these copies on the cheeks.

Tiger

Step 11: Face Shadows and Highlights

Select the Pen Tool and draw highlights on the tiger’s face, eyebrow, nose and ears. Fill these paths with #FCCB88 .

43Tiger

Set the Blending mode to Soft Light.

Tiger

Select the nostrils path, press Ctrl + C and Ctrl + B to create a copy behind it. Move the copy down a little and to right and fill it with #C86735.

Tiger

Step 11: Body

Create a new layer, name it “Body” and drag in under the “Head” layer. Use Pen Tool or Ellipse Tool to create an egg-like path and fill it with the same gradient that we’ve used for the head but adjust its position and angle.

Tiger

Select the Rotate Tool (R), hold down the Alt key and click on the center of the body shape to bring up the options dialog box. Check preview, set 12 as Angle value and hit ok.

Tiger

Place this path under the head.

Tiger

Step 12: Belly

Our tiger has a big bright spot on his belly. Take the Pen Tool and draw it. Pay attention only to the left side of the spot because the right edge will be covered by a hand. Apply a gradient from #FCCB88 to #DBAD75 and no stroke.

Tiger

Extract a small part of the top of the belly path to add some detail to it.

Tiger

Step 13: Hands

Select the Pen Tool and draw an open path for the hand. Select the Eyedropper Tool and lick on the body path to apply the same setting to the hand, but make the gradient linear this time and adjust the angle.

Tiger

Drag a copy of this hand to the left and press Shift + Ctrl + [ to send it back under the body path.

Tiger

Repeat step 9 to draw lines on the tiger’s hands.

Tiger

For the fingers, draw six ellipses with the same settings as the chin path and arrange them on the hands.

Tiger

Step 14: Legs

Select the Pen Tool and try to draw a legs path. This will probably take a couple of tries before you get the needed result.

Tiger

Make a copy of the right hand fingers and place them on the leg.

Tiger

Make a copy of the whole leg, drag the copy to the left a little and press Shift + Ctrl + [ to send it back.

Tiger

Repeat Step 9 and draw lines on the right leg.

Tiger

Now, draw some more lines to the body, but make them bigger.

Tiger

Step15: Tail

Our tiger looks pretty good already but he won’t be a real tiger without a tail. Create a new layer and name it “Tail”. Drag it under the “Body” layer. Select the Pen Tool and draw the ttail path. Give it a 20pt stroke of any color.

Tiger

Expand it, (go to Object >Expand), select the Eyedropper Tool and click on the body path. Make it linear and position it vertically.

Tiger

Repeat Step 9 one again and draw lines on the tail.

Tiger

Step 16: Background

Create a new layer under the  “Tail” and name it “background”. Select the Rectangle Tool (M) and draw a rectangle with the same dimensions as your art board and fill it with a radial gradient from #99CA3C to #006838.

Tiger

Lock this sublayer. Draw an ellipse under the tiger and fill it with #006838. Go to Effect > Blur > Gaussian Blur and set the Radius to 30 pixels.

Tiger

Step 17: Text

Add some text to your Illustration and we’re done!

Tiger

Thank you for reading the tutorial. If you have any questions about the tutorial, please leave your comments below.

We’d love to hear your comments about this tutorial. Please leave some feedback about your opinion on this tiger tutorials. You must also follow Design Informer on Twitter1.

Footnotes

  1. 1 http://www.twitter.com/designinformer

↑ Back to topShare on Twitter

My name is Ilie Ciorba and I am a graphic designer and illustrator from Chisinau, Moldova. I am also the creator of Vectelligence.

Advertising
  1. 1

    really cute :D nice work!!!
    .-= Designi1´s latest Blog Entry – 3# The best readings for this week – designi1 suggestions =-.

    0
  2. 3

    Awesome I have to retweet and stumble it

    Nice work buddy
    .-= Ahmed´s latest Blog Entry – Pulse WordPress Theme =-.

    0
  3. 5

    really a nice work !!!

    0
  4. 10

    Excellent tutorial and a great result!
    Definitely sharing it!
    .-= Indrek´s latest Blog Entry – Top Commentators Without a Plugin =-.

    0
  5. 12

    Hey Jad,
    Nice start in Illustrator. Really cool Tiger!
    Keep it up, cheers.

    0
  6. 15

    Very nice tutorial! thanks for sharing.
    .-= Antonio´s latest Blog Entry – Optimize your wordpress blog for search engines =-.

    0
  7. 17

    It says “ILLUSTATOR” in the finished picture on top of the page :-)
    Which makes it even cuter ;-)

    0
  8. 19

    Cute Tiger :-) Love the head. His pose is a bit looks like he is going to poop :-p
    Anyway, love your explanation.
    .-= Kuswanto´s latest Blog Entry – 20 Best Music Album Illustration =-.

    0
  9. 21

    haha..that’s so cute, it kinda looks like it has little monkey hands lol..but the way you scribbled the “r”s for the roar are another cute touch…nice job.
    .-= Melody´s latest Blog Entry – Artist Showcase: Dominique Regnier =-.

    0
    • 22

      Monkey hands? Now that you mention it, it does seem like it.

      I also like the way Ilie scribbled the text. Very nice touch to the entire design.

      0
  10. 23

    Thank you very much everyone :)

    0
  11. 25

    This is really cute, these are the kind of illustrations that I love to work with in Illustrator, great job!

    0
  12. 27

    Nice job on the Tiger and the tutorial, very complete.

    0
  13. 29

    nice work buddy , i tried it and i tried it here for my http://digg.com/d31GJ96?t project365 design, check out , it really comes good,

    0
  14. 31

    Go get’em tiger…show’em what you can do….. Nice

    0
  15. 33

    Amazing tut! so complete and so well explained. Love the result. Thanks for sharing so much.

    0
  16. 35

    Tesekkürler … (Thank You)
    .-= Ibrahim´s latest Blog Entry – Finallerim gün itibarı ile BİTER =-.

    0
  17. 37

    aww that is sooooo cute :)
    .-= michelle´s latest Blog Entry – My Guest Post on Fuel Your Blogging =-.

    0
  18. 39

    Amazing tutorial! The outcome was very good and very detail. Nice :)
    .-= Marcell Purham´s latest Blog Entry – Create a awsesome images gallery using css3 and jquery =-.

    0
  19. 43

    sweet! :) that’s too cute, thanks for the nice tutorial.

    0
  20. 45

    Great tutorial! I’ve just started working with Illustrator (made a cartoon already: http://www.jacobras.nl/cartoons/alien-head/ :), I’m gonna try this tutorial as soon as I have some time!

    0
  21. 49

    Great tutorial! Just in time for my Chinese New Year’s card – it’s the year of the tiger!

    0
  22. 51

    Right tutorial in the right time. Wondering why? The upcoming Chinese New Year (Feb 14, 2010) celebrates the year of tiger. Great tutorial indeed.

    0
  23. 53

    Hey nice tutorial!
    but I don’t think that’s really a CUTE tiger, looks more like one with an accident to me ;-)

    0
  24. 55

    hey! thanks for the tutorial! very nice and sweet tiger!!
    .-= Manuel´s latest Blog Entry – Inspiración: Viernes Flash – 10 sorprendentes sitios creados en Flash =-.

    0
  25. 57

    really professional training for create tiger using Adobe Illustrator, this is really easy and helping tutorial. thanks
    .-= Tutorial Lounge´s latest Blog Entry – Rainbow Colorful Glowing Text Effect Using Adobe Photoshop =-.

    0
  26. 59

    hey JAD thnx, I hv posted it on my blog. Have a look at http://designikx.wordpress.com/2010/02/03/create-a-cute-little-tiger-in-illustrator/

    And plz let me know if it is ok with you.

    thnx again…
    Have a nice day !!!
    .-= nikhil´s latest Blog Entry – Create a Cute Little Tiger in Illustrator =-.

    0
  27. 61

    Awesome tutorial
    Rawr~
    Nice technique in there.
    But, why is he standing like a Monkey? Hehe :P

    0
  28. 62

    Either your comments are fixed or I’m the only one having an issue with this tut.
    There is no “Unite” button in the pathfinder in Illustrator. What seemed like a “simple” tut has turned into “not-so-simple”
    Also, this tut isn’t detailed either, there were a lot of things you failed to mention that I needed to do.
    Cute Tiger, very poorly written tutorial.

    1
  29. 63

    yes, great tutorial :) you can also see mine on my blog.
    .-= logolitic´s latest Blog Entry – Twitter weekly follow recommendations #4 =-.

    0
  30. 64

    Paul van der Heyde

    August 21, 2010 4:58 am

    Great tutorial,man!
    Very nice step-by-step explaining… just finished the tut and I love the result!
    Thanks!

    0
  31. 65
  32. 66

    Venkatesh Bashetty

    May 26, 2011 2:06 pm

    There is no words to describe about this tutorial… Wonderful post… I love DESIGNER INFORMER website from today…

    0
  33. 67

    Kishore Krishnan

    June 21, 2013 9:47 am

    Cool Tutorial!!!

    0

↑ Back to top