How to Convert Image to Cartoon Effect - Photoshop Tutorial

Hello Everyone! In this tutorial, I'm going to show you How to Convert Image to Cartoon Effect with Caricature Cartoon Effect in photoshop tutorial. At the end of the tutorial and with the power of smart objects. You will be able to re-apply the whole effect on any image with a COUPLE OF CLICKS! Let's get started!

How to Convert Image to Cartoon Effect

Step 1 - Create the Caricature Effect:

Let's start by creating a New Document. Change both Width and Height to 2200 and 1600, then click Create. From File,>Place Embedded, import your image. Press Enter to confirm, then go and pick the Quick selection Tool Start selecting your object like that. Let's speed up this part! Please take your time to adjust your selection for a better result! After finishing your selection, Create a layer mask out of it. Right-click your layer and choose "Rasterize Layer". 

Then Right-click the mask and choose "Apply layer Mask" Now as you can see, we have a fully isolated layer. Now Pick the Lasso Tool, and start selecting the head like that. With your layer selected, Press CTRL+J to take it to a new layer. Now Select the bottom layer, then press CTRL+T and make it smaller. And for the "head", make it bigger. Now I want to connect this big head to the body!! Just select the "head" layer, and go to the Liquify Filter. and with the forward warp tool, start moving from the neck edges like this. 

Now Pick the Brush Tool with the black foreground color. Select the "Head" layer and make a mask for it. right-click and decrease brush hardness first, and with the mask selected... ...start painting over the neck edge to blend it with the body below. Now make a solid color layer below both 2 layers. Pick any color you want. Then click OK. With your layer selected, hold the SHIFT key and select the top layer to select all 3 layers. Right-click them and choose "Convert to Smart Object" Now with your layer selected, Go to the Liquify Filter again. Under the Face-Aware Liquify section, Photoshop will recognize all human faces in your image. 

And it will give you some good settings to manipulate them. This updated Liquify filter is available only in all Photoshop versions above CC2015. if you're still using an older version, please consider updating it to be able to use this feature. Now, let's change the eyes settings. Just Increase the Eye Size, Height, and Width to the given values. And also increase both Eye Tilt and Distance. 

And for the Nose: change both nose Height and Width to 100. And for the mouth: increase both upper and lower lips and leave all other values 0. and finally for the Face shape: Change it to -50, -10, -70, and 10. then click OK. Here is the final result!! and now let's move on to the next step. 

Step 2 - Create the Cartoon Effect:

First, select your layer then Press CTRL+J to duplicate it 2 times. Rename them from bottom to top like that. Hide the top 2 layers. and select the "Effect" layer. And from Filter> Sharpen> choose the Smart Sharpen Filter. Change values to 200, 1.5, and 0. As you can see, this will increase the overall sharpness of your image. Since we are working with smart objects, all filters will be applied as smart filters. Now with your layer selected, go to Filter> Stylize> and choose Oil Paint Filter. Change values to 5, 3, 0.1, 0, and uncheck Lightening. 

If your Oil paint filter is greyed out or doesn't work, please check the article description for a proper solution. Now go to Filter Gallery. and under the Artistic folder, choose the Poster Edges filter. This will divide the skin tone to different levels like this! Just change values to 0, 0, and 2, then click OK. Now go to Filter> Blur > Surface Blur. Change Radius to 15 and Threshold to 7, then click OK. This will make the skin smoother. 

How to Convert Image to Cartoon Effect

With your layer selected, Re-apply the oil paint filter again. Keep all values as previous, and click OK. Finally, Go to Filter> Sharpen> and apply the Unsharp Mask Change Amount to 140, Radius to 5, and Threshold to 2, then click OK. Here is the Before&After! and now let's move on to the next step! 

Step 3 - Add The Details: 

First, select the "Details" layer and unhide it. and with your layer selected go to Filter and choose Filter Gallery Choose the Poster Edges filter. and change values to 4, 4, and 6. then click OK. Apply the Oil Paint filter. But this time, increase Stylization to 10, and leave all other values as they are! Now change Blend Mode to overlay, and decrease the opacity to something below 30%. As you can see, This will add some little details lines to enrich your final cartoon effect like that. Now with your layer selected, press CTRL+J to duplicate it. 

And with your duplicated layer selected, Change Blend Mode to Pin Light. Double-click the Filter Gallery to open it. Change its values to 6, 7, and 6, then click OK. Increase Layer Opacity to see what's going on! If you zoom in, you will see some black outlines added to your final effect. Now decrease the opacity to a value below 50%. 

Rename the layer "Outlines". and let's finish the last layer! Just unhide the "skin" layer and select it, then go to Filter> Other> and choose High Pass. Change Radius to 1.5 then click OK. And change Blend Mode to Overlay. Now Select the 4 layers by holding the SHIFT key, then drag and drop on the group icon to group them. Give a name to the group and let's move on to the final step! 

Step 4 - Extra Tips:

As you can see, You can add some adjustment layers depending on your image if you like. But for now, let's see how to re-apply the whole effect on a new image. Just open any smart object by double-clicking its thumbnail like this. once you're inside your smart object, Import your image right here. Just go to File > Place Embedded and choose your image. 

Repeat the process of step one to enlarge the head. And after you finish, press CTRL+S to update your effect. Now Get back to your main document and that's it! If you want a more detailed effect, just go to image size and increase your document size by 500 pixels. Click OK and wait a little bit. 

And If you decreased your image size, you will get a low detailed result like this. This is how to control the Intensity of your final effect. Finally, you can change the style of your final effect by showing and hiding this Filter. 

Post a Comment