fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Polaroid collage Photoshop Dispersion Rays of Light Photoshop Action

Comic Book Effect in Photoshop

www.psd-dude.com
Tutorials Photo Effects 141742 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%.

Part 1Part 2Part 3

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

27 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
PSDDude
3:43 AM Friday, December 26, 2014
Nice comic book effect, keep up the good work! reply
Frustrated
Frustrated
8:34 AM Tuesday, February 10, 2015
I can't desaturate the picture at step 12 because the Desaturate option is greyed out (unselectable)!

Any ideas...? reply
PSDDude
8:45 AM Tuesday, February 10, 2015
There are multiple reasons for grey and inactive menu items in Photoshop. If you have a regular raster layer with an image, you are in RGB or CMYK color modes, I don't know why the Desaturate menu is inactive.

Try to copy the layer in another PSD file and see if the menu is grayed out.

Why Are Photoshop Menus Grayed Out
http://www.digitalfelix.net/blog/35-blog-posts/73-why-are-photoshop-menus-greyed-out reply
Jon
Jon
3:10 AM Monday, February 16, 2015
Hi, Thanks for the tutorial.
How do I set the Foreground and Back ground color in Step 15?
I'm not seeing the option to control the Foreground/Background

As soon as I apply the Stamp Filter the entire image goes solid Black. :(

Step 15: "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. "

Thanks,
Jon
reply
PSDDude
3:24 AM Monday, February 16, 2015
You set the Foreground and Background color before you apply the Photoshop Stamp Filter. reply
Guillermo
Guillermo
7:08 AM Wednesday, April 22, 2015
Didn't apply everything tutorial, but manage to get this. (YA casi means "Almost there...:" reply
Bobby Boo
Bobby Boo
2:25 AM Thursday, June 04, 2015
My Swagerslime Epic Fan Castle #SWAGERSLIME reply
PSDDude
11:16 AM Saturday, January 23, 2016
Turn your favorite action movies screenshots into old style comics. This comic book Photoshop fan art was made by Brigita.Ksl reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to change season in Photoshop. Create a spring to autumn effect in Photoshop using simple ...
In this tutorial you will learn how to create lava or magma text effect in Adobe Photoshop using lay...
Create realistic snowfall effect in Photoshop using this free snow brush set. You have different sno...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...

      Stiched Furry Plush Toys Photoshop Creator
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Pixel Mix Artist Photoshop Action
top