Smashing Magazine - we smash you with the information that will make your life easier. really.
40+ Cartoon Character Illustration Tutorials
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:
- 50 Excellent Digital Photography Photoshop Tutorials
- 35 Beautiful Vintage and Retro Photoshop Tutorials
- Adobe Illustrator Tutorials: Best Of
- Adobe Photoshop Tutorials: Best Of
Cartoon Illustration Tutorials
Draw figures in an anime style
Melissa Somerville uses drawing and inking techniques in Photoshop to create an enchanting anime-style fairy.
Color your fantasy figures
Refine your Photoshop tool skills to color your characters and situate them in magical fantasy environments.
How to illustrate a cute Emo kid
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.
Digital manga illustration
Just as Harajuku Girls mix fashion styles, Joanna Zhou combines several drawing techniques to create a new twist on manga art.
Primitive art man cartoon
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.
How to create a killer chainsaw bunny character
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.
Create a vector pirate cartoon character from a hand-drawn sketch
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.
How to create a cartoon character with expressive lines
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.
Create a super-happy octopus character
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!.
How to turn a sketch into a fat cat vector illustration
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.
Draw vector-looking cat illustration using Photoshop
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.
Build your character’s back story
Danilo Brandão reveals a simple yet effective way to breathe life into your characters by developing personality and creating their environment.
PAINTING TUTORIAL
This painting tutorial was done using Photoshop and a Wacom Intuos 2 (6×8) tablet.
Create the first page of a fairy-tale storybook, with a hint of kitsch
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?
Drunken monkey Photoshop tutorial
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.
Creating vector characters in Illustrator
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.
How to create a cute bunny vector character
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!
How to create your own vector cartoon character
Follow this tutorial to create your own vector character, Freddy the Fish.
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.
Drawing a character’s face in Illustrator
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.
Inking and coloring the comic strip “The Brads”
Follow tips by cartoonist Brad Colbow to create your own comic strip.
Create a cute panda bear face icon
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.
How to add fur to vector animal illustrations
In this tutorial, you learn how to add fur to a vector animal illustration very professionally.
Digital art tutorial
This is an old tutorial but very worthwhile and interesting.
Making of a Clown
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.
Create a robotic angel using line art and textures
Create a robotic angel using textures and line art in Photoshop.
Creating a character
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.
Tips And Tricks
From sketch to vector illustration
A very informative tutorial. Follow the steps here to produce high-impact digital creations from hand-drawn sketches.
Re-color artwork using Illustrator’s Live Color
Draw a realistic eye for cartoon character
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.
How to create super-malleable effects with colorful lines
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.
Takumy vector tutorial: eyes
Use Adobe Illustrator CS2 to color CG with no outlines.
7 more things you didn’t know Adobe Illustrator could do
Fun with Illustrator’s lesser-known yet powerful tools
Coloring pencil drawings with Photoshop
Photoshop’s pen tool: The comprehensive guide
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.
A comprehensive introduction to Photoshop selection techniques
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.
Cartoon Character Resources
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.
Portrait Illustration Maker
Portrait Illustration Maker provides character icons completely free of charge! Use them for your blog or social network service.
Make your own cartoon strip online
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.
Simpsonize Me
Turn yourself into a Simpsons character.
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.
Meez
Build and animate your own 3-D avatar. It’s free.
Related posts
You may want to take a look at the following related posts:
- 50 Excellent Digital Photography Photoshop Tutorials
- 35 Beautiful Vintage and Retro Photoshop Tutorials
- Adobe Illustrator Tutorials: Best Of
- Adobe Photoshop Tutorials: Best Of
(al)
Aquil Akhter is doing his job as a web graphic designer and working in this field since 8 years. He also runs the blog webdesigncore.com, which focuses on free web resources and inspiration especially for designers and developers.
- 65 Comments
- 1
- 2April 16th, 2009 3:03 am
cool……… really like this,
thanks - 3April 16th, 2009 3:06 am
this is awesome!!!
thanks for this great post - 4April 16th, 2009 3:17 am
Oh My God
Really useful articles and many new tuts.
Thank You SM - 5April 16th, 2009 3:18 am
awesome i impressed
- 6April 16th, 2009 3:20 am
Great this is a beautiful selection, i like anime style tuts and cat character, thanks a lot for those useful Tutorials
- 7April 16th, 2009 3:21 am
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
- 8April 16th, 2009 3:38 am
Very good stuff
- 9April 16th, 2009 3:40 am
Great thanks..
this is really what I want to learn.. - 10April 16th, 2009 4:20 am
Very helpful, thanks ;)
- 11April 16th, 2009 4:33 am
Oh, awesome post. Just started getting my hands dirty with Illustrator and this will help a lot. Thanks!
- 12April 16th, 2009 4:48 am
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(
- 13April 16th, 2009 5:27 am
Truly g r e a t
- 14April 16th, 2009 5:41 am
Some good tuts there, nice job!
- 15April 16th, 2009 5:58 am
Emo is a really popular character.
- 16April 16th, 2009 6:34 am
You read my mind, I was looking for something like that this morning :D
- 17April 16th, 2009 6:53 am
Great collection! I think this is my favorite one so far
- 18April 16th, 2009 7:49 am
It is really very HUGE and Beautiful collection i have ever seen, Smashing Magazine you guys are really rock!
- 19April 16th, 2009 8:11 am
What an amazing inspiration!!!
I love this post! I might take it to bed with me tonight!
Thanks for the hard work
- 20April 16th, 2009 8:36 am
Wow, this is great. Thanks a lot! =)
- 21April 16th, 2009 9:20 am
Awesome post! Good job SM.
- 22April 16th, 2009 11:10 am
I’ll add my 5 cents as well – http://blackmoondev.com/flash-cartoon-tutorial/ Cheers
- 23April 16th, 2009 11:22 am
A great selection in an underated area. Thanks for the post, I enjoyed it. :)
- 24April 16th, 2009 12:28 pm
My advice get a Wacom Tablet and Practice.
Thanks SM…cheers!
- 25April 16th, 2009 12:28 pm
Right On this s way cool! SHAZAM!
- 26April 16th, 2009 1:07 pm
captain black spoon wears a knife… oO
- 27
- 28April 16th, 2009 8:00 pm
This is awesome!…………………………………………………………….
C O O L ……………………………………………………………………….. - 29April 16th, 2009 8:32 pm
pretty awesome stuff.
The cartoonize yourself stuff are really cool, I am getting addicted to your blog site.
- 30April 17th, 2009 8:42 pm
2 more links I highly recommend:
http://webcomics.com/
http://cetriya.deviantart.com/gallery/#Tutorials - 31April 18th, 2009 1:01 am
Soooo Coooool as usual, I started to learn illustrator and this will definitely help. thanks Aquil and thanks Smashing
- 32April 19th, 2009 4:37 am
many of them few years old.. but still ok. =) still, a need for something FRESH guys.. refreshingmagazine.com ? ;)
- 33June 1st, 2009 6:49 pm
I just came across this, definitely gonna have to check it out! Looks rad.
- 34June 16th, 2009 10:32 pm
It is an awesome tutorial, thanks for it.
- 35August 25th, 2009 12:52 am
Waooo, this is great. Thanks a lot
- 36September 15th, 2009 5:26 am
thank you very much for sharing so valuable experience. God bless you.
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- The Big Showcase Of Online T-Shirt Stores - http://bit.ly/5Tq8uA
- @ilmv oh ok then ;)
- @ilmv no, the SM Book will not be out of date :) We made sure it contains universal design, usability and marketing principles.
- Apple ad bombing Windows 7 on Google - http://bit.ly/28ctPq
- Atatonic - a fresh CSS framework - http://bit.ly/4oOV2w (via @umutm)
- @HrvojeKC yes, that's an interesting idea. Maybe when the waiting is over, we'll write a detailed post about it.















































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).