Menu Search
Jump to the content X X
The Smashing Book #5

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. new Smashing Book 5 features smart responsive design techniques and patterns.

40+ Cartoon Character Illustration Tutorials

Advertisement

Everybody likes cartoon characters. They make us happy and keep our mind tension-free. We present here beautiful and mind-blowing Cartoon Illustration Tutorials for you. This article contains a mixture of Photoshop and Illustrator tutorials. Some are intermediate level and some are advanced tutorials that include coloring processing, character sketching, pen tool tricks for tracing line art sketches, shapes processing, vector conversions and much more.

We are sure all of the tutorials in this post will be a great help to you. We have made sure to include illustrations that will guide you step by step to easily learn how to create cool and interesting cartoon characters in Illustrator and Photoshop. You will also learn the basic skills required to create your own interesting and attractive characters. We also feature some powerful tips, tricks, tools and other resources that may help you make a variety of cartoon character illustrations.

You may want to take a look at the following related posts:

Cartoon Illustration Tutorials Link

Draw figures in an anime style5
Melissa Somerville uses drawing and inking techniques in Photoshop to create an enchanting anime-style fairy.
Screenshot6

Color your fantasy figures7
Refine your Photoshop tool skills to color your characters and situate them in magical fantasy environments.

Screenshot

How to illustrate a cute Emo kid8
In this tutorial, the artist takes you through the process of drawing these cuties. The concept is based on the popularity of Emo, and you are taken through all the steps, from sketch to full-color vector using Illustrator CS3, to pen, paper, scanner and Wacom tablet.

Screenshot9

Digital manga illustration10
Just as Harajuku Girls mix fashion styles, Joanna Zhou combines several drawing techniques to create a new twist on manga art.

Screenshot11

Primitive art man cartoon12
This Photoshop tutorial takes you from scan to finished line art composition, step by step. It has great pointers for lighting and coloring your work. If you want to draw your own cartoon, check out this great tutorial.

Screenshot13

How to create a killer chainsaw bunny character14
This tutorial shows you how to build a Bucket o’ Thought character and add a dynamic background effect. This process can be applied to any sketch you are vectorizing.

Screenshot15

Create a vector pirate cartoon character from a hand-drawn sketch16
In this tutorial, you will learn how to trace a scanned image in Illustrator using the pen tool and color it. You’ll find it a very valuable tutorial.

Screenshot17

How to create a cartoon character with expressive lines18
Cartoon-character drawing involves a lot of techniques and styles, whether it is for one-tone characters or colorful multi-layered ones. In this tutorial, you’ll see the necessary steps for creating a multi-colored cartoon character with shading.

Screenshot19

Create a super-happy octopus character20
With Illustrator, it’s really easy to create fun characters just with simple shapes and the Pathfinder panel. Use these techniques and elements to create whatever character you want!.

Screenshot21

How to turn a sketch into a fat cat vector illustration22
This tutorial guides you from sketchbook to screen: a “fat cat” doodled with biro and translated into a neat vector caricature. Intermediate knowledge of Adobe Illustrator is recommended.

Screenshot23

Draw vector-looking cat illustration using Photoshop24
This tutorial aims to put in the clearest light the process of creating this cat image. Step by step, the artist shows the whole process and clarifies every stage with the help of his notes.

Screenshot25

Build your character’s back story26
Danilo Brandão reveals a simple yet effective way to breathe life into your characters by developing personality and creating their environment.

Screenshot27

PAINTING TUTORIAL28
This painting tutorial was done using Photoshop and a Wacom Intuos 2 (6×8) tablet.

Screenshot29

Create the first page of a fairy-tale storybook, with a hint of kitsch30
Once upon a time, there was a tutorial, a tutorial that told of magical and enchanting ways to create fairy-tale pages in Adobe Illustrator. Are you sitting comfortably?

Screenshot31

Drunken monkey Photoshop tutorial32
In this tutorial, the artist explains step by step how he designed this attractive character. He reviews the entire design process, from first sketches and drafts to final touches with Adobe Photoshop.

Screenshot33

Creating vector characters in Illustrator34
Characters can add a recognizable element to your work. But how do you go from a sketch to finished product? Peskimo walks you through the process.

Screenshot<

/p>

How to create a cute bunny vector character35
In this Illustrator tutorial, the artist shows you how to create a cute bunny character. This tutorial makes use of simple shapes and gradients that are easy to apply to illustrations of other characters. The great thing is that you don’t have to be an amazing artist to do it!

Screenshot36

How to create your own vector cartoon character37
Follow this tutorial to create your own vector character, Freddy the Fish.

Screenshot38

A lovely cartoon character
In this tutorial, you will learn how to draw shapes with the pen tool, perform a shading trick with the burn and dodge tools and create a perfect lighting effect.

Screenshot

Drawing a character’s face in Illustrator39
Creating a cartoon- or human-like caricature in Illustrator is a fun and rewarding project. If you’re pretty good with the pen tool, it doesn’t take very long either. In this tutorial, the artist helps you create an elf.

Screenshot40

Drawing cute anime kids

Screenshot

Inking and coloring the comic strip “The Brads”41
Follow tips by cartoonist Brad Colbow to create your own comic strip.

Screenshot42

Create a cute panda bear face icon43
In this easy-to-follow tutorial, the artist shows you how to create a cute panda bear face icon, all from ellipses (well, and one rectangle for the background). The great thing is that you can easily apply these techniques to your other projects.

Screenshot44

How to add fur to vector animal illustrations45
In this tutorial, you learn how to add fur to a vector animal illustration very professionally.

Screenshot46

Digital art tutorial47
This is an old tutorial but very worthwhile and interesting.

Screenshot48

Making of a Clown49
In this tutorial, the artist explains the making of his “Balance Attack” creation. This picture took him about six hours to complete; take your time with it and be patient.

Screenshot50

Create a robotic angel using line art and textures51
Create a robotic angel using textures and line art in Photoshop.

Screenshot52

Creating a character53
In this tutorial, the artist teaches you how to create a funny futuristic character. You’ll see the basic principles of drawing, designing and coloring.

Screenshot54

Tips And Tricks Link

From sketch to vector illustration55
A very informative tutorial. Follow the steps here to produce high-impact digital creations from hand-drawn sketches.

Screenshot56

Re-color artwork using Illustrator’s Live Color57

Screenshot58

Draw a realistic eye for cartoon character59
In this tutorial, you will learn how to make a realistic eye for your cartoon character. The tutorial also explains the theory behind creating eyes and how to match colors for different parts of the eye. Of course, you can choose your own favorite color for your eye.

Screenshot60

How to create super-malleable effects with colorful lines61
In this tutorial, you’ll learn how to create these fantastic colorful effects using only Photoshop. They fit in anywhere and can look really awesome.

Screenshot62

138 tips for drawing hands63

Screenshot64

Takumy vector tutorial: eyes65
Use Adobe Illustrator CS2 to color CG with no outlines.

Screenshot66

7 more things you didn’t know Adobe Illustrator could do

Screenshot

Fun with Illustrator’s lesser-known yet powerful tools67

Screenshot68

Coloring pencil drawings with Photoshop69

Screenshot70

Photoshop’s pen tool: The comprehensive guide71
The pen tool appears across Adobe’s almost entire product range. Its function and behavior vary depending on the application, but by mastering it, you’ll find you work more quickly and smoothly and with better results. This guide gives you a comprehensive basis for working with the pen tool in Photoshop.

Screenshot72

A comprehensive introduction to Photoshop selection techniques73
Have you ever had difficulty making selections and thought there was a better way? Here, you’ll review two quick solutions and details of the techniques for making selections.

Screenshot74

Cartoon Character Resources Link

Here at the end, we have listed some of the most fun and beautiful websites to help you create a cartoon character and represent yourself in online profiles and avatars in a very interesting, cartoony way. You can use your avatar for your blog profile, Facebook, Orkut, Hi5, MySpace, Friendster or just for fun. They are very simple to do.

Cartoon Me
Have a photo of yourself or a friend cartooned! Enter your details in the space provided and submit your photo.

Screenshot

Portrait Illustration Maker75
Portrait Illustration Maker provides character icons completely free of charge! Use them for your blog or social network service.

Screenshot76

Make your own cartoon strip online77
Strip Generator is a project that was created to embrace the Internet blogging and strip-creation culture, helping people with no drawing ability (yeah, I’m one of them, too) express their opinion via strips for free.

Screenshot78

Simpsonize Me79
Turn yourself into a Simpsons character.

Screenshot80

South Park Studio
Create your own South Park alter-ego or make one of a family member or friend! When you’re done, save it to your computer and use it on your website or print it out.

Screenshot

Meez
Build and animate your own 3-D avatar. It’s free.

Screenshot

You may want to take a look at the following related posts:

(al)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2008/12/07/50-excellent-digital-photography-photoshop-tutorials/
  2. 2 https://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/
  3. 3 https://www.smashingmagazine.com/2008/02/05/illustrator-tutorials-best-of/
  4. 4 https://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/
  5. 5 http://www.computerarts.co.uk/tutorials/premium_content/2d__and__photoshop/draw_figures_in_an_anime_style
  6. 6 http://www.computerarts.co.uk/tutorials/premium_content/2d__and__photoshop/draw_figures_in_an_anime_style
  7. 7 http://www.computerarts.co.uk/tutorials/premium_content/2d__and__photoshop/colour_your_fantasy_figures
  8. 8 http://www.computerarts.co.uk/tutorials/premium_content/2d__and__photoshop/colour_your_fantasy_figures
  9. 9 http://vector.tutsplus.com/tutorials/illustration/how-to-illustrate-a-cute-emo-kid/
  10. 10 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/digital_manga_illustration
  11. 11 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/digital_manga_illustration
  12. 12 http://www.eyesontutorials.com/articles/32/1/Primitive-Art-Man-Cartoon/Page1.html
  13. 13 http://www.eyesontutorials.com/articles/32/1/Primitive-Art-Man-Cartoon/Page1.html
  14. 14 http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-killer-chainsaw-bunny-character/
  15. 15 http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-killer-chainsaw-bunny-character/
  16. 16 http://www.blog.spoongraphics.co.uk/uncategorized/create-a-vector-pirate-cartoon-character-from-a-hand-drawn-sketch
  17. 17 http://www.blog.spoongraphics.co.uk/uncategorized/create-a-vector-pirate-cartoon-character-from-a-hand-drawn-sketch
  18. 18 http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-cartoon-character-with-expressive-lines/
  19. 19 http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-cartoon-character-with-expressive-lines/
  20. 20 http://design.tutsplus.com/tutorials/create-a-super-happy-octopus-character--vector-15
  21. 21 http://design.tutsplus.com/tutorials/create-a-super-happy-octopus-character--vector-15
  22. 22 http://vector.tutsplus.com/tutorials/illustration/how-to-turn-a-sketch-into-a-fat-cat-vector-illustration/
  23. 23 http://vector.tutsplus.com/tutorials/illustration/how-to-turn-a-sketch-into-a-fat-cat-vector-illustration/
  24. 24 http://www.tutorialpark.com/drawing-vector-looking-cat-illustration-using-photoshop/
  25. 25 http://www.tutorialpark.com/drawing-vector-looking-cat-illustration-using-photoshop/
  26. 26 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/build_your_characters_back_story
  27. 27 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/build_your_characters_back_story
  28. 28 http://www.studioqube.com/tutorials/painting/index.html
  29. 29 http://www.studioqube.com/tutorials/painting/index.html
  30. 30 http://vector.tutsplus.com/tutorials/designing/create-the-first-page-of-a-fairy-tale-story-book-with-a-hint-of-kitsch/
  31. 31 http://vector.tutsplus.com/tutorials/designing/create-the-first-page-of-a-fairy-tale-story-book-with-a-hint-of-kitsch/
  32. 32 https://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/
  33. 33 https://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/
  34. 34 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/creating_vector_characters_in_illustrator
  35. 35 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/creating_vector_characters_in_illustrator
  36. 36 http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-cute-bunny-vector-character/
  37. 37 http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-your-own-cartoon-character
  38. 38 http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-your-own-cartoon-character
  39. 39 http://pinkzap.com/tutorial/drawing-a-characters-face-in-illustrator/
  40. 40 http://pinkzap.com/tutorial/drawing-a-characters-face-in-illustrator/
  41. 41 http://design.tutsplus.com/tutorials/inking-and-coloring-the-comic-strip-the-brads--vector-540
  42. 42 http://design.tutsplus.com/tutorials/inking-and-coloring-the-comic-strip-the-brads--vector-540
  43. 43 http://vectips.com/tutorials/create-a-cute-panda-bear-face-icon/
  44. 44 http://vectips.com/tutorials/create-a-cute-panda-bear-face-icon/
  45. 45 http://vector.tutsplus.com/tutorials/illustration/how-to-add-fur-to-vector-animal-illustrations/
  46. 46 http://vector.tutsplus.com/tutorials/illustration/how-to-add-fur-to-vector-animal-illustrations/
  47. 47 http://spiritwolf77.deviantart.com/art/Digital-Art-Tutorial-25660523
  48. 48 http://spiritwolf77.deviantart.com/art/Digital-Art-Tutorial-25660523
  49. 49 http://www.photoshoptalent.com/photoshop-tutorials/pst/968/Making-of-a-Clown.html
  50. 50 http://www.photoshoptalent.com/photoshop-tutorials/pst/968/Making-of-a-Clown.html
  51. 51 http://www.simplypsd.com/effects/create-a-robotic-angel-using-lineart-and-textures/
  52. 52 http://www.simplypsd.com/effects/create-a-robotic-angel-using-lineart-and-textures/
  53. 53 http://www.eyesontutorials.com/articles/273/1/Creating-a-character/Page1.html
  54. 54 http://www.eyesontutorials.com/articles/273/1/Creating-a-character/Page1.html
  55. 55 http://www.gomediazine.com/tutorials/from-sketch-to-vector-illustration/
  56. 56 http://www.gomediazine.com/tutorials/from-sketch-to-vector-illustration/
  57. 57 http://veerle.duoh.com/blog/comments/recolor_artwork_using_illustrators_livecolor/
  58. 58 http://veerle.duoh.com/blog/comments/recolor_artwork_using_illustrators_livecolor/
  59. 59 http://yuumei.deviantart.com/art/Semirealistic-Eye-Tutorial-103658891
  60. 60 http://yuumei.deviantart.com/art/Semirealistic-Eye-Tutorial-103658891
  61. 61 http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-super-malleable-effects-with-colorful-lines/
  62. 62 http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-super-malleable-effects-with-colorful-lines/
  63. 63 http://www.ratemydrawings.com/tutorials/drawing/138-Tips_for_drawing_hands.html
  64. 64 http://www.ratemydrawings.com/tutorials/drawing/138-Tips_for_drawing_hands.html
  65. 65 http://takumy.deviantart.com/art/Takumy-Vector-Tutorial-eyes-116142012
  66. 66 http://takumy.deviantart.com/art/Takumy-Vector-Tutorial-eyes-116142012
  67. 67 http://www.bittbox.com/illustrator/fun-with-illustrators-lesser-known-yet-powerful-tools/
  68. 68 http://www.bittbox.com/illustrator/fun-with-illustrators-lesser-known-yet-powerful-tools/
  69. 69 http://www.elfwood.com/farp/colorps/pcolorps.html
  70. 70 http://www.elfwood.com/farp/colorps/pcolorps.html
  71. 71 http://psd.tutsplus.com/tutorials/tools-tips/photoshops-pen-tool-the-comprehensive-guide/
  72. 72 http://psd.tutsplus.com/tutorials/tools-tips/photoshops-pen-tool-the-comprehensive-guide/
  73. 73 http://psd.tutsplus.com/tutorials/tools-tips/a-comprehensive-introduction-to-photoshop-selection-techniques/
  74. 74 http://psd.tutsplus.com/tutorials/tools-tips/a-comprehensive-introduction-to-photoshop-selection-techniques/
  75. 75 http://illustmaker.abi-station.com/index_en.shtml
  76. 76 http://illustmaker.abi-station.com/index_en.shtml
  77. 77 http://stripgenerator.com/
  78. 78 http://stripgenerator.com/
  79. 79 http://simpsonizeme.com/
  80. 80 http://simpsonizeme.com/
  81. 81 http://www.meez.com/
  82. 82 https://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/
  83. 83 https://www.smashingmagazine.com/2008/02/05/illustrator-tutorials-best-of/
  84. 84 https://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/
SmashingConf Oxford

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Oxford, on March 15—16, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Aquil Akhter is a web graphic designer and has been working in this field for 8 years. He also runs the blog webdesigncore.com, which focuses on free web resources and inspiration for designers and developers.

Advertisement
  1. 1

    Here’s a shout-out for Creaza, another strip-generator:

    http://www.creaza.com

    You’ll need to sign-in to be able to use it, but we are working around this issue now (yes, I am a minor part of the development team).

    0
  2. 2

    cool……… really like this,
    thanks

    -2
  3. 3

    this is awesome!!!
    thanks for this great post

    0
  4. 4

    Oh My God
    Really useful articles and many new tuts.
    Thank You SM

    -2
  5. 5

    awesome i impressed

    0
  6. 6

    Great this is a beautiful selection, i like anime style tuts and cat character, thanks a lot for those useful Tutorials

    -2
  7. 7

    I recommend the John K blog. It’s a fantastic resource. John Kricfalusi is the Ren and Stimpy creator and is a prolific blogger.

    http://johnkstuff.blogspot.com/search/label/Cartoon%20College

    -2
  8. 8

    Very good stuff

    -3
  9. 9

    Great thanks..
    this is really what I want to learn..

    0
  10. 10

    Very helpful, thanks ;)

    -3
  11. 11

    Oh, awesome post. Just started getting my hands dirty with Illustrator and this will help a lot. Thanks!

    0
  12. 12

    I would love to see some tutorials on making photographs cartoonish… I found a few, but they’re not that great…

    These articles are great though…Its a shame I can’t draw 8(

    -2
  13. 13

    Truly g r e a t

    -2
  14. 14

    Two Socks - Graphic design and print

    April 16, 2009 5:41 am

    Some good tuts there, nice job!

    -1
  15. 15

    Great collection! I think this is my favorite one so far

    1
  16. 16

    Emo is a really popular character.

    0
  17. 17

    You read my mind, I was looking for something like that this morning :D

    -1
  18. 18

    It is really very HUGE and Beautiful collection i have ever seen, Smashing Magazine you guys are really rock!

    0
  19. 19

    What an amazing inspiration!!!

    I love this post! I might take it to bed with me tonight!

    Thanks for the hard work

    0
  20. 20

    Wow, this is great. Thanks a lot! =)

    0
  21. 21

    Awesome post! Good job SM.

    0
  22. 22

    A great selection in an underated area. Thanks for the post, I enjoyed it. :)

    0
  23. 23

    My advice get a Wacom Tablet and Practice.

    Thanks SM…cheers!

    0
  24. 24

    Right On this s way cool! SHAZAM!

    -1
  25. 25

    captain black spoon wears a knife… oO

    0
  26. 26

    Thanks for these awsome resources!
    Cheers,
    Alex!

    -1
  27. 27

    This is awesome!…………………………………………………………….
    C O O L ………………………………………………………………………..

    -1
  28. 28

    pretty awesome stuff.

    The cartoonize yourself stuff are really cool, I am getting addicted to your blog site.

    -1
  29. 29
  30. 30

    Nobian Princess

    April 18, 2009 1:01 am

    Soooo Coooool as usual, I started to learn illustrator and this will definitely help. thanks Aquil and thanks Smashing

    -1

↑ Back to top