fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Comic Book Effect in Photoshop

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

Photoshop Photocopy Filter

Duplicate the original Girl Layer again and apply the Photocopy Filter found in the same Sketch category of Photoshop Filters. Change the Blending Mode of this layer to Color Burn 100%.

Maybe you wonder why so many Filters, well the last one for example, adds a nice black contour to the girl so that it looks even more like a hand drawn sketch. You can adjust the contour lines of the Photocopy Layer by using the Brush Tool and a black 5px round brush.

So we have use almost all the Sketch Filters so you might wonder who is next? The answer is Halftone Pattern again but in a different way. So create a new layer above all the other layers and fill it with white color. Apply Halftone Pattern filter, Pattern Type Circle, like in the image:

Change the Blending Mode of this layer to Color Burn 100%.

Sunburst Photoshop Brush

If you want to add another cool effect you can even add a Sunburst Brush in another layer. Use white for the sunburst color and apply Halftone Pattern Filter with the same settings used in the previous step. Make sure the sunburst has the center in the center of the image.

Change the Bending Mode of the Sunburst Layer to Linear Light 55%.

Go to the Sunburst Layer and Create a Layer Mask by pressing the Add Layer Mask button from the Layers Tab. Make sure you are in the Layer Mask by pressing the Layer Mask Thumbnail. Use a soft round brush to draw the Girl shape with color black.

Add a similar Mask Layer to the previous Halftone Pattern Layer(circle pattern).

Color Effects

Create a new layer above all the other and call it Color Layer. With the help of Brush Tool, paint over the image where you want to add color, it's entirely up to you. Use more than one layer and set the Blending Mode to Multiply and/or Overlay with different opacities.

Comic Book Font

For the final touches add some comic book sound effect "Bang" using this Comic Book Font. Add also the date in the bottom left of the image using the same Comic Font.

It is really a matter of taste, you can search the internet for inspiration or you can use one of these free Comic Brushes.

Vintage Effect

Add a new layer and call it Border Layer. Fill it with white color. Set the Fill to 0%. Add a Stroke, inside 10px white. Add an Inner Glow, normal 100%, black, size 15 px, range 1%.

To give a vintage look copy an Old Paper Texture in a new layer and set the Blending Mode to Multiply 60%. You can obtain a more realistic look by adding some Stain Brushes. And you're done, hope you like it!

Comics Book Photoshop Generator

You can also try this useful comic book Photoshop generator that will transform your photos into comics in just a few seconds. Save time and money with this powerful tool. The pack includes also comics speech bubbles and comics sound effects that you can use to obtain unlimited results.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

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
Download for free the skeleton bones text effect Photoshop style. This Halloween text style is free ...
Free blood brushes for Photoshop, ready to be used for this year Halloween. Add dripping blood effec...
Learn how to turn a person into a vampire in Photoshop using some simple techniques. You will learn ...
Learn how to create a an old parchment that looks like a page out of Leonardo Da Vinci's Codex. As y...

      Diamond Gold Silver and Pearls Jewelery Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
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

      Metal Tag Photoshop Creator
top