14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop

0
243
14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop

You know it’s so good to learn a new technique or two in Photoshop. So in this article, I wanna show you 14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop. This is really fun and very easy to learn especially when you refer to the pictures I’ve shown below in this tutorial. You will know how to add filters, how to change blending modes, and many more!

If you wanna use the image and border that I used, here’s the link:

Model Image: https://drive.google.com/file/d/0B8kuRveRDoO3QnpmQUtxT08tZ0E/view?usp=sharing

Border Image: https://drive.google.com/file/d/0B8kuRveRDoO3aWk5SE1YWGd5Z00/view?usp=sharing

I hope you enjoy this tutorial. Here we go.

1. Change the Resolution

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop

Let’s start by opening the image that you’re gonna use. The image that you’re gonna use should be in high resolution. Or you can also change the resolution of your image by pressing
ALT + CTRL + I and change the resolution to 150 or more than that because we need high resolution for our halftone effects later.

2. Crop the Image

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Resize the image by cropping it off focusing more on the model’s image from the head to the arms then press enter.

3. Change the Shadow/Highlights

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Click ‘Image’ located at the top bar and select ‘Adjustments’ then choose Shadows/Highlights. Make sure you check the ‘Show More Options’ located at the bottom left of the Shadows/Highlights box. Then set the shadows/highlight settings as shown in the picture.
For the shadows – amount: 15, tone: 20, radius: 30.
For the highlights – amount: 15, tone: 20, radius: 30.

4. Duplicate the Layer

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Press CTRL+J to duplicate the layer and rename
it to lines. You can hide the visibility of it
for now by unchecking the visibility box because we’re only gonna use it later
for the outline effects.

5. Convert to Smart Object

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Click on the layer below the ‘line’ layer and right click it then select ‘Convert to Smart Object’ because we’re gonna apply filters to it and in this way we can just adjust the filter later.

6. Add Poster Edges Filter

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Click ‘Filter’ at the uppermost tab and then select ‘Filter Gallery’. go to ‘Artistic’ tab then select ‘Poster Edges’ then set the Edge Thickness to 0, Edge Intensity to 8 and Posterization to 0.

7. Change the Poster Edges Filter’s Opacity

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Double click on the filter blending options located under Smart Filters, at the right side of filter gallery there’s a blending option icon beside it and change the opacity to 70% then press ok.

8. Add Cutout Filter

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Click on the ‘Filter’ at the uppermost tab and then click ‘Filter Gallery’ and click the ‘Artistic’ tab then select ‘Cutout’. Then change the Number of Level to 6, Edge Simplicity to 4, and Edge Fidelity to 2. Then change the filter’s opacity to 60% just like how you changed Poster Edges Filter’s opacity in step 7 but this time click on the Cutout Filter blending option.

9. Add Color Halftone Filter

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Let’s add another filter, so click ‘Filter’ then select ‘Pixelate’ then choose ‘Color Halftone’. Max radius is 6 or 4 but you can use any of the two just depending on how you want it to look like but I chose 6 for now then later I change it to 4, all the channels should be 45 then press ok. Next is, change the filter’s opacity to 70% by double-clicking the Color Halftone Filter’s blending option. See step 7 how to change opacity. And also change the Mode to ‘Soft Light’ then press ok.

See related article: 13 Step by Step Dispersion Effect Tutorial in Photoshop

10. Add Glowing Edges Filter on the ‘Lines’ Layer

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Before we can add a Glowing Edges Filter on the ‘Lines’ layer, we have to turn on the visibility of ‘Lines’ layer first, then go to ‘Filter Gallery’ and choose ‘Stylize’ then select ‘Glowing Edges’. Set the Edge Width to 1, Edge Brightness to 4, and Smoothness to 15.

11. Add Torn Edges Filter on the ‘Lines’ Layer

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Go to ‘Filter’ then Filter Gallery and click ‘Sketch’ and Choose ‘Torn Edges’. Set the Image balance’ to 6, ‘Smoothness’ to 15 and ‘Contrast’ to 18 then press ok.

12. Blur the ‘Lines’ Layer

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
As you can see, the lines layer’s effect is a bit sharp so what we’re gonna do here is to blur it a little bit. So click ‘Filter’ then select ‘Gaussian Blur’ and set the blur to 0.5.

13. Change ‘Lines’ Layer’s Blending Mode to Multiply

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Select the Lines layer first then click the Blending Mode Options located at the upper left side of the layer’s tab then change the blending mode from ‘Normal’ to ‘Multiply’.

See related article: 17 Step by Step Double Exposure Effect Tutorial in Photoshop

14. Add the Border

14 Step by Step Comic Style Cartoon Effects Tutorial in Photoshop
Go to the halftone border image that you downloaded from here and drag and drop it to the image and fit it properly by pressing CTRL + T to transform it and fitting it on the image then press ok.

So that’s it! I hope you are satisfied with the results!

Comment below if you have any questions regarding this tutorial.

LEAVE A REPLY

Please enter your comment!
Please enter your name here