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

Comic Book Effect in Photoshop

Tutorials Photo Effects 79003 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!

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
Here are some interesting product packaging solutions that might help promote and sell your items. Y...
What's inside our head? In this collection you will find creative Photoshop manipulation having the ...
In this Photoshop tutorial you will learn how to combine different fire and light effects to create ...
In this tutorial we are going to create a fruit pie typography in Photoshop. You can use any filling...

      Wax Stamp Seal Photoshop Creator
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 ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
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