Fun Photoshop Tutorial of the Week: Let’s Get Comicky!

So you wanna make a comic-book style photo, do ya?  Well I have a quick and easy tutorial that will show you just how to do that.  Pretty soon you’ll be on your way to making all your photos into super fly looking comic book scenes that all your friends will be mad jealous of because your photoshoppin’ skillz are awesome with a capital A. So what are you waiting for?  Grab that killer photo, grease up your photoshop CS3 and let’s get this show on the road.

Let’s Get Comicky!!

Pick a photo that has pretty balanced lighting. I have chosen a photograph of my adorably goofy looking dog, Caesar.

Always make sure you duplicate the background layer as a separate copy so that you can save the integrity of the original photo.

Next, I like to crop out the background and fill in the space later with black to add to the comic book effect of it. If you want to do this, it’s easy with the quick selection tool located on the tool palette.

Now we are going to increase the overall contrast of the picture by burning it a bit. Go to IMAGE > ADJUSTMENTS > LEVELS.  With this image we are going to set the INPUT LEVELS to 5 / 1.00 / 230. But this is only for this example. Feel free to play around with the settings to best fit the needs of your photo.

Next, we are going to give the photo an illustrated look with a grainy appearance to give the illusion of old quality paper. It is not a realistic effect, it is just some distortion to the image to help us achieve the final look. Go to FILTERS > ARTISTIC > FILM GRAIN. In this case we are going to use: GRAIN: 5, HIGHLIGHT AREA: 0, INTENSITY: 10. I cannot say this enough, but I’ll keep saying it anyway because repition IS the mother of skill. TRY DIFFERENT SETTINGS FOR DIFFERENT PHOTOS!

Right click on your newly film-grained background layer and click, DUPLICATE LAYER.  Once you have duplicated the new layer, name it HALFTONE.

In this step we are going apply a halftone pattern to the image to give the final old comic book printing effect. Go to FILTER > PIXELATE > COLOR HALFTONE. Set MAX RADIUS: 6 and leave the rest with the default values (don’t forget, you can still experiment with the radius size). Press OK and then go to the LAYERS PALETTE and set the BLENDING MODE to DARKEN.

Now, for the fun part!  Adding comic book elements to the picture

The effect looks nice so far. It is not a realistic old comic book effect, it simple resembles that look. To make it more real, now comes the fun part. We are going to add some unique elements that are very popular on comic books and strips.  First, I’m going to fill in the background layer with black using the background fill tool.

Then, in the layers palette, I’m going to highlight “Background copy” and “HALFTONE” layers, right click, then hit “DUPLICATE LAYERS”.  Click Ok, leaving everything as it, right click again on the highlighted copies and click merge layers.  I then rename my new merged copy as HALFTONE MERGED and I hide the rest of the layers.

Then I’m going to resize that layer, by hitting Ctrl+ T (Free Transform Tool, also found under EDIT>FREE TRANSFORM.  I’m going to hold down SHIFT while resizing the layer to leave a small border around the outside, and center the image so the border is equal around all sides.

Then I simply add a black square layer behind my my HALFTONE MERGED layer to create a thin (or thick) black border, depending on your preference.

Add a new layer and draw a small rectangle at the bottom left of the frame of the image. Give it a STROKE of 3 pixels and paint it orange. An orange to yellow gradient looks better but you can use any color you want.  If you wish, you can draw another rectangle, a bit larger this time, in the upper corner of the frame. Give it a STROKE of 3 pixels and paint it white. I prefer one box, but it depends on the size and shape of your overall image.

Don’t forget to add your witty caption!  To add captions to the photo you can use any font you like, but if you use a font designed specifically for comic books, your image will look that so much cooler, and you want to be cool, don’t you? At the end of this article you’ll find more great comic book fonts you can use.  I chose a simple art-deco type font but have fun with it and play around with different font styles.   Here are some great open-source fonts you can also use from dafont.com.

Here’s the final result:

Some great additional font resources.  And if you are a lover of comics, visit Happy Blogtime for all your comic needs.

FREE FONTS: Blambot	FREE SOUND FX CLIPART: Blambot	FREE COMIC BOOK BALLOONS: Blambot
FONTS: ComicBookFonts	TIPS AND TUTORIALS: Balloon Tales	FONT: Monster Mash
FONT: Zoom	FONT: Braaains	FONT: Goosebumps