|
|
||
|
|
Creating Cartoon Effects in Photoshop
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.













dan
04. Aug, 2008
Great tutorial!
was just curious how you got the sketch onto your computer?
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 [...]
james
08. Aug, 2008
@dan
he used a scanner
btw great tut!
Yonas
30. Dec, 2008
Nice going mate.. but i really liket your hand better when it was without color =)
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
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
Bob Fast
11. Mar, 2009
This blog is very interesting, I’ll be visiting here again. Keep up the good work!
Rosenrod
16. Mar, 2009
Thanks.. Interesting – and always important to be aware!
niche blueprints
20. Mar, 2009
Hi, I can?t understand how to add your site in my rss reader. Can you Help me, please
Jacob
21. Mar, 2009
hey id like to talk with you about your blog. please email me – thanks.
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.