Cartoon Yourself The Easy Way In Photoshop

31

In this Photoshop tutorial, we will turn a photo into a cartoon. You can use this technique to create an avatar for yourself, to see what you’d look like as a cartoon or to have fun turning your friends and family into cartoons.

bannerblog2

Some tips to achieve success with your own photos: choose a photo that is similar in size to this one in the tutorial or you’ll have to adjust some of the filter settings. Use a photo with a light background that is not too busy and finally, use a photo where you don’t see dark contrasty shadows on the face.

The image below is what we will be creating. Ok let’s start!

Cartoon Yourself Photoshop

Step 1

Grab the picture below, this is the image we will use for this tutorial.

base image

Step 2

Now to add a black line around his face and facial features, we will add a POSTER EDGES effect to the image. (Filter > Artistic > Poster Edges)

Enter the settings you see below. Note that if your photo is different in size, you may have to play with the settings a little to get a similar result.

2

This is how it looks now:

3

Step 3

Now add a TORN EDGES effect to our image. (Filter > Artistic >Β Torn Edges) BUT before you do, make sure on the Tool palette that the color Black is above the color White as this filter will use those colors.

4

Now enter those settings for Torn Edges. Note that here again, depending on the size of your image, you may have to play with the settings to get a satisfactory result.

6

This is how it should look like now.

5

Step 4

Now use a small White Paint Brush, with a Hardness of 100% and start cleaning up his face. Paint over any black dots or lines that are not attached to anything. You can also smooth out some lines if you want.

This is how it looks like now.

7

Step 5

Now let’s use the Topaz plugin Clean to smooth out the lines. If you don’t have it already, you can download it HERE and use it completely free for 30 days.

Once the plugins are installed, go to Filter > Topaz Labs >Β Topaz Clean and then on the left side, choose the preset ‘Cartooned’.

This is how it looks now with the smoother lines.

Topaz Clean

Step 6

Now what we need to do to be able to paint underneath the black lines is first, Select the entire image, Copy and then click on the CHANNELS tab.

On the Channel tab, at the bottom of the channel panel, click on the small icon represented by a page being lifted, this one is called ‘Create a New Channel’.

Once the ALPHA channel is created, click on it and PASTE our image on it.

Now we will need to INVERT our image so the contour is white and everything else is black. (Image > Adjustments > Invert)

Once that done, CTRL+CLICK (Cmd+CLICK) on the Alpha channel to create a selection around anything that is white.

That done, click back on the LAYERS tab, Create a New Layer and Fill the selection with the color Black.

Then right below, create a New Layer and fill it with the color White. (deselect first)

What we did here is to separate the black and the white so we will be able to paint below the black lines.

This is how it looks when working with channels.

9

And this is how it looks on the Layer palette.

10

Step 7

At this point, we can do some cleaning up again by adding a Layer Mask (click small icon illustrated by square with circle inside at the bottom of the layer palette) to the “Black” layer and erase with a small White Paint Brush, Hardness 100%, anything that you don’t like, I for example, smoothed out the thick black line defining the left cheek. Note that you can simply use the Eraser if you want here, the benefit of using a Layer Mask is to work in a non-destructive way so we can modify things later without issues.

This is how it looks now.

12

Step 8

Now let’s add some colors.

Under the “Black” layer, create 3 Layers on which we will be applying the colors.

First layer, you can use this color #e7c5b3 to color the skin.

Second layer, color the shirt.

Third layer, use white to color the eyes.

This is how it looks now.

13

Step 9

Now let’s add some shadows and highlights to the boy’s face.

Create a New Layer on top of the layer stack and call it ‘Shadows’ and then another right above and call it ‘Highlights’.

Let’s first add shadows and to see what we are doing, reduce the ‘Shadows’ Layer Opacity to 50%. Then use a Black Paint Brush with a Hardness of 100% and a size of maybe 90px and start to trace a shadow on his left side like you see below and on the ‘Highlights’ layer, do the same thing. Then use a smaller brush and trace some highlights and shadows on both side of his nose. Use the Eraser to fine tune the highlights/shadows around his nose.

This is how it looks.

14

Step 10

Now change the Layer Blending Mode of the ‘Shadows’ layer to SOFT LIGHT and lower the layer Opacity to 30%.

Change also the Layer Blending Mode of the ‘Highlights’ layer to OVERLAY and lower the layer Opacity to 20%.

Now we don’t see any black or white paint going over the edge of the face but that’s because the background is white. Since we want to add color to the background, we will have to erase anything that spill outside of the face.

To do so, select the “Black” layer (the black contour of the face) along with the 3 “color” layers, DUPLICATE them and then MERGE the duplicated layers.

Now on that layer, use the MAGIC WAND TOOL with a Tolerance of about 25 and click the background. Then go to Selection > Modify > Expand and expand the selection 1px.

Now hide that layer since we don’t need it anymore and go on the ‘Shadows’ Layer. Now INVERSE the selection and create a Layer Mask. Automatically, you will see on the Layer mask that inside the selection, the boy, is white and the background is black. Black on a layer mask hides whatever is there, which is what we want.

Now do the same exact thing for the ‘Highlights’ layer.

This is how it looks now.

15

Step 11

Now let’s do the background. Add a New Layer under everything and call it ‘Background’.

Choose the GRADIENT TOOL then on top horizontal menu, choose Linear Gradient and enter those 2 colors, #5d849a and #9cb5c3. The click somewhere on the lower left side, drag it up and release the mouse button somewhere in the upper right side of the image.

Now right above the background, we can create a New Layer and add a White outline all around the boy like you see blow. It is simple to do, just CTRL+CLICK the Layer Mask of the “Shadows” Layer, the one where the boy is white and the background is black, then go to Select > Modify > Expand and enter 4px. Make sure you are on the New Layer you just created and fill the selection with white. Then you can lower the layer Opacity to 50%.

Then you can add some black borders, a texture to the background and some text. If you do all of this, it will probably look like this.

Cartoon Yourself Photoshop

Avatar size:

Avatar Photoshop

I hope you have enjoyed this tutorial, share if you did πŸ˜‰

bannerblog2

If you have any questions, feel free to ask below.

.

The following two tabs change content below.
Tags:
  • Ibrahim Murtala Jimson

    nice tut….. thanks so much

  • Ibrahim Murtala Jimson

    pls can d tips on how i can achieve this effect

    • http://learnphotoediting.net/ Pat

      Ibrahim, this is digital painting, no quick easy way to do this one πŸ˜‰

    • Jeremy

      Hey Ibrahim, what I have done in the past to play around is to get a picture of what you want to paint and drop the opacity right down and then literally just paint over it πŸ™‚ Of course its good to keep adding with layers and not just all on the one layer.

  • Jeremy

    Thanks Pat, worked great. Very easy to follow.

    • http://learnphotoediting.net/ Pat

      Thanks buddy!

  • Christiana Paul

    good tut , thanks
    http://trollbash.com

  • Nitin Raut

    superb

  • http://babybiey.blogspot.com/ Mommy Pinky

    Awesome ! πŸ™‚

  • aishah

    how to copy image from layer to channel? please.. -_-

    • http://learnphotoediting.net/ Pat

      Hi Aishah, Select the entire image/layer, COPY, then go on the Channel Panel, click on the little button at the bottom of the Channel panel called ‘create new channel’ (it’s like a sheet of paper with one corner being pulled up) and then you PASTE your image on that new channel you just created. Let me know if that works for you.

  • ruqayyah

    how to do step 7 and 8 ..? I wish you can explain to me with detail..pleass…

  • nabil nadzir

    i have problem at step 7 and 8.. when i want to add color skin..it fill out all picture..
    do u have video tutorial.. it can help better πŸ˜€

  • Hafis Rahman

    someone plez teach me how to crop the hair..teach me master

  • Nur Fadhilah Nfbs

    if use photoshop cs6 where i can find filter artistic ?

  • http://www.pantiqu.blogspot.com Agus Mulyadi

    what a nice post, I’m going to try……thanks.

  • Hendry Agusti Anwar

    awesome

  • http://majalahberbisa.blogspot.com Ular Berbisa

    yang butuh versi video, monggo disruput

    http://youtu.be/ig181WOk79E

    • Noushi R Noushi

      lol…. your first song really intrsting…………….

    • http://learnphotoediting.net/ Pat

      Thanks for the video, good work Ular!

  • Ivan Romero

    Can u give me a link where are u editing?

  • http://www.droidsimplified.com/ Lakshman Teja

    Can I use the svalues for any image image which i wish to turn them into cartoon πŸ˜€

  • ziko
  • farmnwife

    Doing everything ok til I get to step six. It’s not working for me. When do you deselect? I can’t get the new layer to fill with black.

    • http://learnphotoediting.net/ Pat

      Hi Farmwife, ok, we use the selection so we can fill it with the color black on one layer (call it ‘Black’) and then we create a new layer that we place just below (call it ‘white’). Because we want to fill that entire layer with the color white, we must first DESELECT the selection and then use the paint bucket to fill the layer with the color white as this will be the background… You can check out the video Ular made of this tutorial, it should help! Thanks!

      • farmnwife

        Thank you for replying. Here is what I have found to work. “select-select all, edit-cut, edit-paste, select-deselect”
        I really like the looks of this cartoon. Thanks for making the tutorial.

        • http://learnphotoediting.net/ Pat

          Great, thanks, I’m glad you like it πŸ˜‰

  • Michael Dublin

    I wasn’t satisfied with my output, so I’ve decided to use pro service. Check out : http://gocartoonme.com/wp-content/uploads/2015/04/cartoon-avatar-maker.png

  • http://www.clippingpathspecialist.com/image-manipulation/ James Cooper

    I have seen some of the online tools are available which can convert the Photo directly to a cartoon avatar within minute may be.And no one even require the photoshop skill for that. What is the actual difference between these two way of converting photo into cartoon?

  • https://www.clippingpathspecialist.com/image-masking/ Jordan

    Till now I have used the free online editor to convert an image to such cartoon portrait. But after seeing some tutorials like above now I am going to try this in Photoshop as well.

  • https://www.technikola.com/ technikola

    Very good explanation. But there are many online services for making cartoon of yourself . here is the list on online cartoon making sites goo.gl/ubPcWE

© 2014 Photoshop Tutorials & More!. All rights reserved.
Proudly designed by Theme Junkie.