Creating Cartoon Effects in Photoshop

Free Tutorials Send by Email

Free Web Design Newsletter

Opportunities to Win Free Prizes

Subscription to our RSS Feed

Posted on 22. Jun, 2008 by Michael in Photoshop

Learn how to create Cartoons in Adobe Photoshop

Ideally your target will be set against a clear background for easy manipulation.

Step 1 – Open up your chosen picture in Photoshop. Select the pen tool (see left of picture), and select ‘Paths’ mode (see top of picture). Preset your brush to a basic 3 pixel width ‘Hard Round’ (see second picture), as you will need to use this for your stroking. Create a new layer (Ctrl + Shift + N) – name this layer ‘Lines’.

Step 2 – Carefully start to trace the outline of your picture with the pen tool – use the anchor points to manipulate then pen selection to fit the target, you can do this in sections if it is not a complete loop. Remember that you don’t have to follow the outline to the finest detail as you are trying to simplify the image into cartoon form, so nice round edges work well.

Step 3 – Once you finish each section of tracing, right-click on the pen selection and choose ‘Stroke Path’. Select ‘Brush’ from the drop-down menu and click OK. Your first section should now be stroked. Your primary colour defines what colour the edges will become.

Step 4 – Now carry on with this until you have covered the edges and defining lines of your picture.

Step 5 – Now create a new layer and name it ‘Fill’. Set the opacity of this layer to 50%, so you can see the image you are tracing behind. Remember to keep checking back to 100% fill to ensure the colours you are selecting are appropriate for your image, as 50% opacity will dull your colours. Now it is down to you to decide which colours are most appropriate for different sections of your image. Remember to select darker colours for shaded areas as shading is vital to this cartoon style.

Step 6 – Increase the brush size, and very it depending on the area you are filling in. Make the ends of the fill fit under the previously drawn edges. Fill the areas with the colours that dominate that area of the original image, or whatever seems most appropriate.

Step 7 (Optional) – There are a few effects that can be added to make an image appear more cartoon-like. Check the scan lines tutorial for more information.

Tags: Cartoon, Jim Phillips

11 Responses to “Creating Cartoon Effects in Photoshop”

dan

04. Aug, 2008

Great tutorial!

was just curious how you got the sketch onto your computer?

Reply to this comment
Schreiende Hand – The Reaction

07. Aug, 2008

[...] dem Tutorial Creating Cartoon Effects wird eine schreiende Hand in Photoshop nach gezeichnet und anschließend dezent koloriert. Wer [...]

Reply to this comment
james

08. Aug, 2008

@dan

he used a scanner

btw great tut!

Reply to this comment
Yonas

30. Dec, 2008

Nice going mate.. but i really liket your hand better when it was without color =)

Reply to this comment
Gini

06. Jan, 2009

Great tutorial! Freaky drawing…

Gini’s last blog post..Petal People Portraits – How to Turn a Person into a Flower in Photoshop

Reply to this comment
Nhoel

10. Mar, 2009

yeah, the black and white hand has more to say…

nyways, nice tips here…

Nhoel’s last blog post..Nine Years Old Whiz-Kid Programmed an iPhone Application

Reply to this comment
Bob Fast

11. Mar, 2009

This blog is very interesting, I’ll be visiting here again. Keep up the good work!

Reply to this comment
Rosenrod

16. Mar, 2009

Thanks.. Interesting – and always important to be aware!

Reply to this comment
niche blueprints

20. Mar, 2009

Hi, I can?t understand how to add your site in my rss reader. Can you Help me, please

Reply to this comment
Jacob

21. Mar, 2009

hey id like to talk with you about your blog. please email me – thanks.

Reply to this comment
Web Design Sarasota

02. Jun, 2009

Love the hand and think the few pointers you gave were key in showing some one how to draw an image in photoshop. Too many people are unfamiliar with how the fill stroke and other options do.

Reply to this comment