Archive for August, 2008

If you’ve got a particularly “uninteresting” image you want to use in your next design project and you’re looking for a way to spice it up a bit, consider adding a comic book style halftone-dot effect to your image. It’s quick and easy, uses only Photoshop’s built-in filters, and produces excellent results.

1. Choose your image.

Images with a decent amount of contrast and midtones work best, but virtually any image will do the trick. I chose this handsome little fella:

2. Duplicate the image.

Select the background layer from the layers panel and hit Command + J (or drag the layer icon to the new layer icon at the bottom of the layers panel) to duplicate the image layer. Label the new layer “Comic effect” or something meaningful.

3. Prepare for the filter

Make sure the newly created Comic effect layer is on top of the original layer (if you left the original layer set as “background” you should be good to go). Now hit the “D” key to reset your colors to solid black & solid white. Then hit the “X” key to invert them so white is the foreground color and black is the background color.

4. Apply filter

With the Comic effect layer selected, go to your menubar and select Filter>Sketch>Halftone Pattern. For now, just leave the settings at their default, which is usually: Halftone Pattern Size: 1 Contrast: 5 Pattern Type: Dot Hit OK. Your image should now look something like this:

5. Invert the image

With the Comic effect layer still selected, hit Command + i to invert the image. It should now look something like this: If we wanted to have a black & white image, we could probably stop here, but I want color, so let’s move on.

6. Adjust the blending mode

Go to your layers panel blending mode drop-down menu and select Linear Light. You can try any of the other blending methods, but I’ve found that Linear Light works with the most predictable results and requires less tweaking. Your image should now look something like this: The image is too “muddy” like it is, so we have one last adjustment to make.

7. Set the opacity

With the Comic effect layer still selected, adjust the opacity to your liking. For this image, I chose a setting of about 60%, but it really depends on the image.

Final Image:

I added a thick black comic-style border, and a thought balloon with a comic-style font to complete the theme. There are several variations of this technique, but I’ve found that just playing around with the filter settings and layer blending modes can produce a wide-variety of effects by themselves. For instance, in the Halftone Filter settings from step 3, you could choose Line instead of Dot. Play around with it and see what you can come up with.