How to Turn a Photo Into Comic Book Art in Adobe Photoshop

In this comic book Photoshop tutorial, I'll show you how to turn a photo into comic book art using filters and textures. A Photoshop comic book effect will give your photo a fun and realistic comic book look.

Portrait for John NegoitaBy John Negoita  |  Updated December 20, 2023

There are two ways to turn a photo into comic book art. One: follow this tutorial to learn how to do it from scratch. Or two: get an awesome comic book Photoshop action from Envato Elements to save yourself some time. You’ll find our top picks at the end of this tutorial!

And if you’d like to see this comic book Photoshop tutorial in video format, check out our Envato Tuts+ YouTube channel:

What Will You Learn in This Adobe Photoshop Tutorial

  • How to turn a photo into a comic with Photoshop
  • How to make a comic book effect in Photoshop
  • How to make a sunburst background
  • How to create a halftone texture in Photoshop
  • How to apply filters in Photoshop

Tutorial Assets

For this comic book Photoshop tutorial, you have to download these assets:

1. How to Create the Sunburst Background

Step 1

Let’s begin creating our Photoshop comic book effect. Create a new 850 by 645 pixels document in Photoshop. You can, of course, choose any size you want, but you will have to adjust the settings proportionally.

Make a new layer called Sunburst Background. Pick the Gradient Tool (G) and choose the gradient colors: #777777 and #c5c5c5.

Make a new layer called Sunburst Background. Pick the Gradient Tool to create a gradient

Step 2

Keep the Shift key pressed and draw a vertical line starting from the top of the canvas, with Linear gradient shades from the starting point to the ending point in a straight line.

Keep the Shift key pressed and draw a vertical line starting from the top of the canvas, with Linear gradient shades from the starting point to the ending point in a straight line.

Step 3

Go to Filter > Distort > Wave and make these settings to create vertical lines.

Go to Filter > Distort > Wave and make these settings to create vertical lines.

Step 4

Make sure you have the first line light gray and the last line dark gray. If this is not the case, press Control-T to fix that.

Make sure you have the first line light gray and the last line dark gray. If this is not the case, press Control-T to fix that.

Step 5

It’s very important to go to Image > Trim and make these settings, otherwise the previous step will not count.

It's very important to go to Image > Trim and make these settings, otherwise the previous step will not count.

Step 6

Go to Filter > Distort > Polar Coordinates to create the sunburst.

Go to Filter > Distort > Polar Coordinates to create the sunburst.

Step 7

Go to Layer > New Adjustment Layer > Gradient Map to add color to the sunburst background. You can choose any colors you want. I will use #003876 (location 23%) and #00b5e9 (location 100%).

Go to Layer > New Adjustment Layer > Gradient Map to add color to the sunburst background. You can choose any colors you want.

2. How to Remove the Background in Photoshop

Step 1

On a new layer, add the Couple Photo and use the Lasso Tool to make a rough selection of the couple.

On a new layer, add the Couple Photo and use the Lasso Tool to make a rough selection of the couple.

Step 2

Press Shift-Control-I to invert the selection. Press Delete to remove the background.

Press Shift-Control-I to invert the selection. Press Delete to remove the background.

3. How to Increase the Contrast of a Photo in Photoshop

Step 1

Add a Brightness/Contrast adjustment layer to increase the contrast of this photo. Click on the third button from the left to add this adjustment as a Clipping Mask for the layer below.

Add a Brightness/Contrast adjustment layer to increase the contrast of this photo.

Step 2

Add a second Brightness/Contrast adjustment layer to increase the contrast of some parts of the photo.

Click on the third button from the left to add this adjustment as a Clipping Mask for the layer below.

Add a second Brightness/Contrast adjustment layer to increase the contrast of some parts of the photo.

Step 3

Click on the Layer Mask of the Brightness/Contrast adjustment layer and press Control-I to invert the white color.

Pick the Brush Tool and, with a soft round brush, paint over some areas to add more contrast. Use white color.

Click on the Layer Mask of the Brightness/Contrast adjustment layer and press Control-I to invert the white color.

These are the areas where I painted with white inside the layer mask.

These are the areas where I painted with white inside the layer mask.

4. How to Make Photos More Vibrant in Photoshop

Go to Layer > New Adjustment Layer > Vibrance. Increase the Vibrance to 100 and the Saturation to 4.

Click on the third button from the left to add this adjustment as a Clipping Mask for the layer below.

Go to Layer > New Adjustment Layer > Vibrance. Increase the Vibrance to 100 and the Saturation to 4.

5. How to Use the Poster Edges Filter in Photoshop

Step 1

Press Control-J to make a copy of the Couple layer. Call this layer Comics Effect.

Go to Filters > Artistic > Poster Edges and choose these settings.

Press Control-J to make a copy of the Couple layer. Call this layer Comics Effect.

Step 2

Add a Stroke layer style to the Comics Effect layer to create a black outline on the edges too.

Add a Stroke layer style to the Comics Effect layer to create a black outline on the edges too.

Step 3

Create a new layer and call it Color. Right-click on the layer and choose Create Clipping Mask. Set the blend mode to Color Dodge.

Use the Brush Tool to paint over the blouse of the girl using the color #9a60c3. Do the same for the boy using the color #e06f00.

Create a new layer and call it Color. Right-click on the layer and choose Create Clipping Mask. Set the blend mode to Color Dodge.

6. How to Use the Photocopy Filter in Photoshop

Step 1

Press Control-J to make a copy of the Couple layer. Move this layer above the Comics Effect layer. Call this layer Outline Effect. Set the blend mode to Multiply.

Set the Foreground Color to #000000 and the Background Color to #ffffff.

Go to Filters > Sketch > Photocopy and choose these settings.

Go to Filters > Sketch > Photocopy and choose these settings.

Step 2

Go to Filter > Stylize > Diffuse to create a softer effect. If there are too many lines, you can use the Eraser Tool to delete some of them.

Go to Filter > Stylize > Diffuse to create a softer effect. If there are too many lines, you can use the Eraser Tool to delete some of them.

7. How to Create a Halftone Texture in Photoshop

Step 1

Create a new layer called Halftone Texture and fill it with color #ffffff. Go to Filter > Noise > Add Noise.

Create a new layer called Halftone Texture and fill it with color #ffffff. Go to Filter > Noise > Add Noise.

Step 2

Go to Filter > Pixelate > Color Halftone and make these settings.

Go to Filter > Pixelate > Color Halftone and make these settings.

Step 3

Set the blend mode of the Halftone Texture layer to Multiply, opacity 66%.

Set the blend mode of the Halftone Texture layer to Multiply, opacity 66%.

Step 4

Add a Brightness/Contrast adjustment layer to lighten the image and make it brighter. If you want more vibrant and saturated colors, you can also add a Vibrance adjustment.

Add a Brightness/Contrast adjustment layer to lighten the image and make it brighter. If you want more vibrant and saturated colors, you can also add a Vibrance adjustment.

8. How to Create Speech Bubbles in Photoshop

Step 1

Use the Ellipse Tool to create some rounded shapes as shown in the preview image. Use the color #ffffff for the shapes.

To add the shapes on the same layer, make sure you check the Add to shape area button after making the first shape.

Use the Ellipse Tool to create some rounded shapes as shown in the preview image. Use the color #ffffff for the shapes.

Step 2

There are all types of speech bubbles. For example, the one from the right is a thought bubble.

Let’s make the other a speech bubble. Use the Pen Tool to add a triangle shape. Again, make sure you have the Add to shape area button selected.

Let's make the other a speech bubble. Use the Pen Tool to add a triangle shape. Again, make sure you have the Add to shape area button selected.

Step 3

Add a Stroke layer style to the Bubbles layer using the color #000000.

Add a Stroke layer style to the Bubbles layer using the color #000000.

Step 4

Add some text inside the speech bubbles using a comic font type. I will use the font BD Cartoon Shout.

Add some text inside the speech bubbles using a comic font type. I will use the font BD Cartoon Shout.

Step 5

Use the Pen Tool again to draw a new shape. For the background color, use #ffeb27, and for the outline, use #000000.

Add some text using the colors #000000 and #dd1735.

Use the Pen Tool again to draw a new shape.

9. How to Create a Grungy Effect in Photoshop

To create a grungy effect, I will use the Old Paper Texture. Set the blend mode of this layer to Overlay.

To create a grungy effect, I will use the Old Paper Texture. Set the blend mode of this layer to Overlay.

Add a Levels adjustment just for this layer, using a Clipping Mask to adjust the effect to your liking.

Add a Levels adjustment just for this layer, using a Clipping Mask to adjust the effect to your liking.

10. How to Add a Border in Photoshop

Press Shift-Control-Alt-E to make a copy of all the layers. Add a Stroke layer style to create a border effect. Use the color #000000.

Press Shift-Control-Alt-E to make a copy of all the layers. Add a Stroke layer style to create a border effect. Use the color #000000

Your Photoshop Comic Book Effect Is Done!

You’ve learned how to make a comic book effect in Photoshop from scratch using filters and textures. I hope you’ve enjoyed this comic book Photoshop tutorial.

You've learned how to make a comic book effect in Photoshop from scratch using filters and textures.

5 Top Comic Book Photoshop Actions From Envato Elements

You’ve seen how to make a comic book effect in Photoshop. Now, if you’d like to save time and still have all the fun, you need a comic book Photoshop action like the ones below.

These Photoshop comic book effects are available on Envato Elements. You can enjoy unlimited downloads with your subscription. If you’re an avid Photoshop user, a graphic designer, or a digital artist, you’ll love Envato Elements.

Now, let’s check our favorite comic book Photoshop add-ons:

Retro Comic Book Photoshop Action Kit, Actions and Presets Including: art & artistic - Envato Elements(opens in a new tab)

This Photoshop comic book effect is the best and most comprehensive action kit you can get. You’ll have realistic hand-drawn comic pages in just a few clicks. This comic book Photoshop kit includes:

  • 15 vector speech bubbles
  • 15 vector comic elements
  • 12 vector comic sound effects
  • five comic book frame templates
  • two premium comic book mockup templates
  • ten overall color presets
  • unlimited options to customize
Comic Oil Paint Photoshop Actions, Actions and Presets Including: artistic & action - Envato Elements(opens in a new tab)

This comic book filter for Photoshop is all about the painted look. The comic book Photoshop action will turn your pictures into realistic painted characters with its ten different comic book filters.

3. Comics Text Effects (PSD, ASL)

Comics Text Effects, Layer Styles, Actions and Presets Including: text & effects - Envato Elements(opens in a new tab)

Who doesn’t love comic book Photoshop titles? This comic book style Photoshop add-on is especially created for the text. This pack includes:

  • ten different styles
  • ten unique backgrounds
  • smart objects
  • well-organized layers
  • 100% editable elements

4. Vectorial Photoshop Action (ABR, ATN, PAT)

Vectorial Photoshop Action, Actions and Presets Including: photoshopaction & vectorial - Envato Elements(opens in a new tab)

One of the most distinctive characteristics of the comic book style is the background. This comic book Photoshop action helps you achieve the perfect one. The bundle comes with:

  • five fully editable vector backgrounds
  • ten color effects
  • professional vector art effects
  • organized layers and folders
Halftone Photoshop Actions, Actions and Presets, Layer Styles Including: summer & vintage - Envato Elements(opens in a new tab)

The halftone effect is another characteristic of the comic book look. This comic book filter for Photoshop is the best and quickest way to get it. In a few clicks, you’ll get four halftone variations and ten duotone variations.

Conclusion

Now you know how to make a comic book effect in Photoshop, and you’ve seen our top comic book style Photoshop actions. Looking for more comic book style Photoshop inspiration? Check out the following resources to learn more:

Related Articles