fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Comic Book Effect in Photoshop

Tutorials Photo Effects 81441 Views January 11th, 2012

To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them together to obtain that well known sketch effect. You can of course use a simple Graphic Pen Filter or a Halftone Pattern Filter, but if you want to obtain a more complex and realistic comic effect you have to use more than one Photoshop Filter.


And to complete the image we'll use Comic Brushes and/or add text using a Comic Font. The Old Paper Texture used in the final step helps us obtain that authentic vintage look.

Advertisment

I've studied other tutorials before creating my own comic book effect so if you want to see how other people created comics effect, check out this list of Photoshop Comic Effect Tutorials

Take a look of the before and after preview image. So you will get a picture on what we'll be creating in this tutorial.

So let's star by opening the School Girl in Photoshop. Beside the fact that is a really good photo, this image has all the elements of a comic book image: a cool School Girl character, action/motion and a good balance between the focus element and the background.

The first conclusion is that not all the images can be transformed with good results in a comic effect image so you have to choose carefuly.

Duplicate the Girl Layer and change the Brightness/Contrast Balance. You will have to adjust the parameters two times as shown in the image:

Duplicate the previous layer and desaturate the image. Go Image, Adjustments and choose Desaturate.

Photoshop Stamp Filter

Duplicate the Desaturate layer and go to Filter, Sketch menu and choose Stamp Filter. It is very important to set the Foreground color Black and the Background color White. Set the Blending Mode of this layer to Color Burn 100%.

Photoshop Halftone Pattern Filter

Duplicate the Stamp Layer and go to Filter, Sketch and choose Halftone Pattern Filter with the following settings. Set the Blending Mode of this layer to Color Burn 100%.

Photoshop Graphic Pen Filter

Copy the Desaturate Layer and add Graphic Pen Filter that you will find in the same Sketch Menu. This Photoshop Filter has three settings: the Stroke Lenght, the Light/Dark Balance and the Stroke Direction. I will apply this filter two times with different settings like shown in the image. Set the Blending Mode of this layer to Darken 100%.

Now duplicate the original Girl Layer and add again Graphic Pen Filter this time with another settings. Change again the Blending Mode of this layer to Darken 100%.

After applying all these filters our image should now look like this:

Part 1Part 2

19 comment(s) for "Comic Book Effect in Photoshop"

amar
8:35 AM Friday, January 13, 2012
It was gr8 to visit your site and found excellent things here. Thanks. reply
PSDDude
8:41 AM Friday, January 13, 2012
thank you, we hope you came back soon :) reply
DENDXU
DENDXU
7:09 AM Wednesday, January 18, 2012
heyyyy que genialllllllll, no se me habia ocurrido seguro que aprendere mas por aqui. reply
Kadin
9:38 AM Wednesday, January 18, 2012
Excellent tutorial,I love this! thanks for sharing. reply
PSDDude
9:40 AM Wednesday, January 18, 2012
Gracias amigo! reply
rod rodriguez
2:53 PM Thursday, March 22, 2012
Cool concept, I like the outcome and the tutorial is clear and concise. Thanks for posting this. reply
Anthony
Anthony
4:52 AM Wednesday, January 16, 2013
Hey,
Absolutey love this effect. A lot better than many of the other comic effects out there on the net.

However, I am really struggling to complete it. All goes well until the graphic pen filter. By changing the blending option to darken with 100% opacity, the image just goes completely black. Is there something I am doing obviously wrong?
reply
PSDDude
4:59 AM Wednesday, January 16, 2013
Hi Anthony,

I am glad you like this comic book effect. I really don't know why you are getting a black image but what I suggest you to do is to convert each image into a smart object; and than apply the filters (as Smart Filters). That way you can adjust the settings to obtain a good result. For example you might have to change the setting of the Graphic Pen, lower the opacity etc.

I assume you are using the same image, because if not, it is a must to adjust ALL the settings for the filters because each image is unique.

-------

Here are some other sketch tutorials and resources that you might like reply
Ferdinand
12:23 AM Monday, February 11, 2013
the photocopy filter nailed it! I like this tutorial. the result is amazing! Thanks. reply
Xitrena
Xitrena
1:46 PM Monday, July 15, 2013
I really, really liked your lesson! Thank you very much! reply
PSDDude
1:51 PM Monday, July 15, 2013
very good comics effect, I really like it! reply
John
11:13 AM Monday, August 05, 2013
Great comic book effect made in Photoshop by Asiya94 reply
John
7:42 AM Thursday, August 15, 2013
One of my favorite works inspired by my comic book Photoshop tutorial is made by kolobok555 reply
Chris
Chris
3:46 AM Thursday, January 16, 2014
When I use the text, I only get a solid color. Are there additional steps needed to add the border, highlights and shadows? reply
John
3:50 AM Thursday, January 16, 2014
For the text you can use some layer styles. For example add Stroke, black color of around 4px and Drop Shadow, normal, black color, distance 5px and size 0px reply
Debbie Schow
Debbie Schow
2:22 AM Tuesday, February 11, 2014
Thank you, this is great, easy to follow, and easy enough to add some improvising to suite a personalized photograph.
reply
John
2:31 AM Tuesday, February 11, 2014
I am glad you like our comics book Photoshop tutorial; we are always happy to know that our tutorials are easy to follow and versatile :) reply
troy
troy
1:22 AM Saturday, May 03, 2014
Just curious I am also running into an issue after following the tutorial of the image going almost all black. Are you moving each layer to the top as you duplicate it or is it stacked right above the layer you duplicated. For example the "photocopy layer which states duplicate the original girl layer does it stay at the bottom of your layer stack or do you move it to the top and apply the blending mode? Thanks. reply
John
1:27 AM Saturday, May 03, 2014
Hi Troy, because every image is different you might obtain different results with the same settings. See my reply to "Anthony" comment! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
Learn how to make a spooky pumpkin 3D typography in Photoshop for the upcoming Halloween celebration...
Grab this amazing set of free Halloween web buttons perfect to decorate your website/blog for the up...
Today's giveaway is a great set of flat eCommerce icons perfect for online stores. These icons can b...
The Halloween is coming again and so I decided to create a nigh witch Photoshop manipulation. This p...

      Rubber Stamp Generator Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top