In this tutorial we will be doing a cool comic book effect that will give an interesting and dramatic effect to our ordinary photo.

So we now open now our image in photo shop, I choose this image.
IMG_9651

Step 1: Convert the image to Black and White

We’ll start off by saturating our image if its colored. We go to Image>Adjustments>Desaturate (Ctrl+Shift+U).

Then to achieve our target effect we will add levels effect to our image to make it look
like it is inked.. to do that.. go to Image>Adjustments>Levels

For my image I used these values to achieve the desired effect
level-image
level settings

Step 2: Create the comic effect

Now we have our inked effect image, we will now add the comic effect on the image. First we will create a new layer go to Layer>New>Layer or (Ctrl+Shift+N). Then well going to fill it with a color 50% gray go to Image>Fill>Use 50% Gray
fill
At the moment our layers would look like this..
layer
Now we select our gray layer and then add a noise go to Filter>Noise>Add Noise Amount 400%, Distribution: Gaussian, and check the Monochromatic. then click OK..
add noise
Next on the same layer, go to Filter>Blur>Motion Blur use the setting Angle:90 Distance:999 then click OK.. Your canvass should look like this..
motion-blur
motion settings
Note: for large canvass, you will find it different, so you will have to repeat the motion blur filter repeatedly until you get the straight lines. Or simply by pressing the shortcut key ctrl+F5.

Now before we go any further, we will duplicate first our stripe Layer, select the layer right click and select duplicate layer or go to Layer>Duplicate Layer

After that we will now skew a litlle bit the stipes layer go to Edit>Transform>Skew

I made mine like this.
skew

Then we change the blending option of the skewed image to Vivid Light and then add Levels to the layer to achieve our desired effect, I used this level values (Show Level images)
level-stripes
vivid light

And then on the duplicated stripe layer, repeat the instruction on the original stripe layer
but on this time skew the stripe layer just a little less than before.

Here’s the result of the settings… Cool huh?
image

Now to make things interesting.. we will add a dialogue balloon, just like the ones we usually see on the comics.. Just use the ellipse shape tool to create a big circle on the shape layer, add a triangle shape to the balloons… using the pen tool..

shape tool
pentool
baloon

And then we add effect to the balloon by adding a layer a black stroke, select the shape layer and then right click select blending options select the stroke option. I used these values for my image.

(see layer settings below)
baloon-style

And to add some text, we use the text tool
text

Here’s the result of our tutorial..

comic-effect

To learn more cool photo shop tutorials? Please visit more our website photoshopbag.com to learn other amazing photo shop tutorial effects and techniques, or just watch our free online video photo shop tutorials on the website.

3 Responses to “Photo shop Tutorial: Comic Book Effect”

  • Glenn Diaz:

    cool effect man! very easy to follow.. keep it up!

  • Coach Purses:

    It’s so lucky for me to find your blog! So shocking and great! Just one suggestion: It will be better and easier to follow if your blog can offer rss subscription service.

  • admin:

    Hi,

    Of course we DO offer RSS feeds, they are available by clicking on the RSS feed icon at the bottom of the page.

    Thanks,
    Rex