RetouchPRO

Go Back   RetouchPRO > Studio > Doodles
Register Blogs FAQ Site Nav Search Today's Posts Mark Forums Read


Doodles Miscellaneous fun projects to help enhance your digital skills

Cartoon/Graphic Image

Reply
 
Thread Tools
  #1  
Old 08-19-2004, 11:35 AM
T Paul's Avatar
T Paul T Paul is offline
Moderator
 
Join Date: Aug 2001
Location: USA
Posts: 2,987
Cartoon/Graphic Image

Take a photo of a person or animal and turn them into a graphic or cartoon image.

When you're done, just reply to this thread. Attach your before and after images to your post (no URLs, please). Don't forget to include a description of your steps.

As always, this challenge doesn't expire, ever.

-T

Last edited by T Paul; 08-20-2004 at 11:18 AM.
Reply With Quote top
  #2  
Old 08-19-2004, 06:31 PM
W. Rose W. Rose is offline
Senior Member
 
Join Date: Aug 2003
Location: Manteca, Ca
Posts: 105
Hi T. Paul,
I have been following your posting for awhile now and would like to join in on one of your threads, but i don't think i'm ready. Maybe soon. But i do follow what everyone is doing on them.
Wayne
Reply With Quote top
  #3  
Old 08-20-2004, 11:11 AM
T Paul's Avatar
T Paul T Paul is offline
Moderator
 
Join Date: Aug 2001
Location: USA
Posts: 2,987
Wayne, glad that you are following the threads, but don't be afraid to get your feet wet and jump right in! These challenges are open to all levels of expertise. Don't worry if you are a beginner, this is a great way to get pointers and learn from others!

~T
Reply With Quote top
  #4  
Old 08-20-2004, 02:38 PM
T Paul's Avatar
T Paul T Paul is offline
Moderator
 
Join Date: Aug 2001
Location: USA
Posts: 2,987
Okay I'll get this started.

1. Duplicated Image

2. Image>Adjust>Posterize to lower the number of colors
Try starting with a value of 3 with and keep increasing it until you like the results. A value of 4 or 5 typically works.

3. Simplified the image more Filter>Artistic>Cutout. To start with try 4 for the number of Levels, 4 for Edge Simplicity and 2 for Edge Fidelity. Again adjust the numbers to your tastes. Note, This is the layer I used as my tracing source.

4. Create a new layer. Use the lasso tool to select an area (for eaxmple the main skin color). Then with the selection still active and while on the new layer choose a color and fill your results. Do this will each band of color, creating a new layer each time until you have your graphic built.

Note you will have to turn these layers on and off in order to still see your tracing layer below.

For a smoother results and more control create clipping paths.

5. Once done. Turn off your tracing layer and create a new layer under all your traced layers and fill with a solid color to create a new background.

In short you use the filters to create a layer to trace and the final image is created by hand.

Photo by wag66 on stockxchng.com
Attached Images
File Type: jpg before.jpg (96.6 KB, 319 views)
File Type: gif after5.gif (75.3 KB, 598 views)

Last edited by T Paul; 08-23-2004 at 09:44 AM.
Reply With Quote top
  #5  
Old 08-20-2004, 04:36 PM
gina gina is offline
Senior Member
 
Join Date: May 2003
Location: Antwerp Belgium
Posts: 134
Wow T Paul, this is really good-i have to try it too!
Seems a rather simple pic is best to start hé!


gina
Reply With Quote top
  #6  
Old 08-20-2004, 04:45 PM
T Paul's Avatar
T Paul T Paul is offline
Moderator
 
Join Date: Aug 2001
Location: USA
Posts: 2,987
Thanks Gina and a great rule of thumb is to keep it simple.

I am going to have to try a version using clipping paths. I haven't experimented with them yet, but I know they can give you a lot of editing control.
Reply With Quote top
  #7  
Old 08-21-2004, 11:39 AM
sjm sjm is offline
Senior Member
 
Join Date: Aug 2001
Posts: 151
here is my effort

but i don't quite understand the lasso and clipping steps. this is just steps 1-2-3
Attached Images
File Type: jpg cartoon3.jpg (68.9 KB, 359 views)
Reply With Quote top
  #8  
Old 08-21-2004, 12:20 PM
T Paul's Avatar
T Paul T Paul is offline
Moderator
 
Join Date: Aug 2001
Location: USA
Posts: 2,987
SJM nicely done!

As for your question, I basically used the first 3 steps to create a template that I could trace....

Once I simplified the colors through posterize and cutout, there were distinct sections of colors. However, these sections had rough edges and still perhaps too many colors. I wanted crisper lines so I used the lasso tool to outline the shapes of colors I wanted using the posterized/cutout layer as a template. Once I traced an area I placed it on a new layer and filled with a solid color. This way I could create crisp lines and fill with any color I chose. Also it gave me the artistic license to change the shapes as I saw fit. Basically the lasso/clipping path step is an extra step but it gives you a lot of creative control over your results.

I’ve included an animated gif showing how I made the image.


~T
Attached Images
File Type: gif graphic_ani.gif (98.3 KB, 268 views)

Last edited by T Paul; 08-21-2004 at 12:27 PM.
Reply With Quote top
  #9  
Old 08-21-2004, 01:27 PM
sjm sjm is offline
Senior Member
 
Join Date: Aug 2001
Posts: 151
i guess i'm pretty dense, but I still don't get it.

what do you suggest i do to make my portrait more 'cartoony'?
Reply With Quote top
  #10  
Old 08-21-2004, 03:48 PM
T Paul's Avatar
T Paul T Paul is offline
Moderator
 
Join Date: Aug 2001
Location: USA
Posts: 2,987
First off you are not dense. It’s not always easy to communicate a technique. Also note that there are lots of different ways to accomplish the same thing. That's the purpose of this thread...to have people try to achieve the same effect and share how they did it. I think your cartoon image looks fine.

Applying the fourth step to your image…
All I did was take your finished image and use it as a template. I used the lasso tool to outline each color area. Once I had an area selected, I created a new layer and filled the selection. I did this for each color. So I had serveral layers for the hair, eyes, nose, mouth, skin and so on. You can fill the areas with whatever color you want...it's your graphic. I did add a few more color streaks to liven up the hair.

Note, for crisp edges make sure you have 0 px selected for the feather option when you use the lasso tool.
Attached Images
File Type: gif sjm2.gif (72.8 KB, 364 views)

Last edited by T Paul; 08-21-2004 at 04:00 PM.
Reply With Quote top
Reply

  RetouchPRO > Studio > Doodles


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Convert a square image to a round image. PastBilly Image Help 9 08-21-2013 02:49 AM
Tutorial 05: Converting a Color Image to Black and White grayscale BW DannyRaphael Photo-Art 101 17 05-22-2011 05:55 PM
Image Retouching Business Proposal Timebiz Classifieds 0 04-23-2007 04:48 AM
DPI? Fuji s5600 settings David M Image Help 2 09-05-2006 04:55 PM
Tutorial 06: Pencil sketch DannyRaphael Photo-Art 101 19 04-10-2004 01:06 PM


All times are GMT -6. The time now is 08:26 AM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
Copyright © 2016 Doug Nelson. All Rights Reserved