How to create poster effect for photos in Photoshop

Add a quick and easy poster effect to your images using Photoshop to recreate the classic look of posters printed with limited ink colors.

Add a quick and easy poster effect to your images using Photoshop to recreate the classic look of posters printed with limited ink colors.

This tutorial will show you how to create a poster effect for an image in Photoshop. The term posterize means to limit or reduce the number of colors in an image to recreate the look of a poster printed with a limited number of ink colors.

So instead of a continuous tone image with smooth color transitions, posterizing creates abrupt changes from one color or brightness level to another. This significantly reduces the amount of detail in the image and gives the image a more drawn or spray-painted appearance.

And while the effect may seem complicated, once you know the steps, you can do it from start to finish in just a few minutes!

Step 1: Add a Posterize adjustment layer

Let's start by creating the initial poster effect. And to do that, all we need to do is apply the Posterize image adjustment. But to keep the effect separate from the image itself, we'll apply Posterize as an adjustment layer.

In the Layers panel , the image appears on the Background layer.

How to create poster effect for photos in Photoshop Picture 1How to create poster effect for photos in Photoshop Picture 1

 

Click the New Fill or Adjustment Layer icon at the bottom of the Layers panel.

How to create poster effect for photos in Photoshop Picture 2How to create poster effect for photos in Photoshop Picture 2

Then select Posterize from the list.

How to create poster effect for photos in Photoshop Picture 3How to create poster effect for photos in Photoshop Picture 3

Photoshop adds a Posterize adjustment layer above the image.

How to create poster effect for photos in Photoshop Picture 4How to create poster effect for photos in Photoshop Picture 4

And right away, you'll see the original poster effect. Next, we'll learn why the colors look that way and how to adjust them.

How to create poster effect for photos in Photoshop Picture 5How to create poster effect for photos in Photoshop Picture 5

How the Posterize image adjustment process works

Let's quickly see what's going on with the Posterize adjustment. The controls for the adjustment appear in the Properties panel . And there's a single slider called Levels that's set to the default value of 4 .

 

How to create poster effect for photos in Photoshop Picture 6How to create poster effect for photos in Photoshop Picture 6

Photoshop color channels

Levels controls the amount of brightness in each of Photoshop's three color channels (Red, Green, and Blue). If we switch from the Layers panel to the Channels panel , we'll see the Red, Green, and Blue channels, all of which blend together to create the colors we see in our images.

With Levels set to 4 , we will limit the image to only 4 shades of red, 4 shades of green, and 4 shades of blue, for a total of 64 possible colors (4x4x4).

How to create poster effect for photos in Photoshop Picture 7How to create poster effect for photos in Photoshop Picture 7

The lowest setting you can choose for Levels is 2 , which gives you just 2 shades of each of red, green, and blue.

How to create poster effect for photos in Photoshop Picture 8How to create poster effect for photos in Photoshop Picture 8

This results in the least amount of detail in the image and the strongest poster effect.

How to create poster effect for photos in Photoshop Picture 9How to create poster effect for photos in Photoshop Picture 9

 

And if we drag the Levels slider all the way to the right to its maximum value of 255:

How to create poster effect for photos in Photoshop Picture 10How to create poster effect for photos in Photoshop Picture 10

Basically, we're turning off the Posterize adjustment and viewing the image in full color.

How to create poster effect for photos in Photoshop Picture 11How to create poster effect for photos in Photoshop Picture 11

Switch from the Channels panel back to the Layers panel.

How to create poster effect for photos in Photoshop Picture 12How to create poster effect for photos in Photoshop Picture 12

Find the best performing value

So lower values ​​create a much stronger poster effect. And for most images, values ​​between 4 and 10 work well.

The easiest way to find the best value for your image is to click on the current Levels value to highlight it. Then use the up and down arrow keys on your keyboard to cycle through the values.

For this image, a Levels value of 5 looks best.

How to create poster effect for photos in Photoshop Picture 13How to create poster effect for photos in Photoshop Picture 13

And here is the result.

How to create poster effect for photos in Photoshop Picture 14How to create poster effect for photos in Photoshop Picture 14

Step 2: Change the blend mode to Luminosity (optional)

Notice that we see some odd colors in the image, especially in the skin tones. This is because we gave Photoshop too few colors to work with. Depending on your image, these colors may be the effect you want, as they give a more realistic poster look.

 

But if you want to restore the original colors of the photo, simply change the blend mode of the Posterize adjustment layer from Normal to Luminosity.

How to create poster effect for photos in Photoshop Picture 15How to create poster effect for photos in Photoshop Picture 15

The Luminosity blend mode limits the effect to only the luminosity values, leaving the original colors unchanged. This is really personal preference, but for this image the original colors look better.

If you prefer a more realistic poster effect, change the blend mode back to Normal.

How to create poster effect for photos in Photoshop Picture 16How to create poster effect for photos in Photoshop Picture 16

Step 3: Add a Levels adjustment layer

To get a little more control over the effect, add a Levels adjustment layer between the image and the Posterize layer.

In the Layers panel, click the Background layer to select it.

How to create poster effect for photos in Photoshop Picture 17How to create poster effect for photos in Photoshop Picture 17

Then click the New Fill or Adjustment Layer icon at the bottom:

How to create poster effect for photos in Photoshop Picture 18How to create poster effect for photos in Photoshop Picture 18

And this time choose Levels.

How to create poster effect for photos in Photoshop Picture 19How to create poster effect for photos in Photoshop Picture 19

Photoshop adds a Levels adjustment layer above the image and below the Posterize adjustment layer.

How to create poster effect for photos in Photoshop Picture 20How to create poster effect for photos in Photoshop Picture 20

Step 4: Drag the Midtone slider

In the Properties panel, look for the Midtone slider below the middle of the chart.

How to create poster effect for photos in Photoshop Picture 21How to create poster effect for photos in Photoshop Picture 21

Then drag the slider left or right. Dragging left will push the effect more towards lighter tones.

How to create poster effect for photos in Photoshop Picture 22How to create poster effect for photos in Photoshop Picture 22

 

And dragging the slider to the right will bring out more of the darker tones. You don't want to drag it too far in either direction. The default Midtone value is 1. For example, I'd lower it to 0.96 just to add a little more contrast.

How to create poster effect for photos in Photoshop Picture 23How to create poster effect for photos in Photoshop Picture 23

Click the visibility icon of the Levels adjustment layer to toggle it on/off and compare the effect with and without the Midtone adjustment.

How to create poster effect for photos in Photoshop Picture 24How to create poster effect for photos in Photoshop Picture 24

Step 5: Group the two adjustment layers

At this point, if you're happy with the poster effect applied to your entire image, you can stop here and be done. But if you want to limit the effect to just your subject, here's how to do it.

First, you need to put your two adjustment layers into a layer group. So in the Layers panel, click on one of the adjustment layers to select it. Then, hold down the Shift key on your keyboard and click on the other adjustment layer to select both of them.

How to create poster effect for photos in Photoshop Picture 25How to create poster effect for photos in Photoshop Picture 25

With both layers selected, click the Layers panel menu icon:

How to create poster effect for photos in Photoshop Picture 26How to create poster effect for photos in Photoshop Picture 26

And select New Group from Layers .

How to create poster effect for photos in Photoshop Picture 27How to create poster effect for photos in Photoshop Picture 27

Name the group Posterize and click OK .

How to create poster effect for photos in Photoshop Picture 28How to create poster effect for photos in Photoshop Picture 28

Back in the Layers panel, the adjustment layers appear inside a new Posterize group. You can rotate the group to open or close by clicking the arrow next to the folder icon.

How to create poster effect for photos in Photoshop Picture 29How to create poster effect for photos in Photoshop Picture 29

Step 6: Turn off the group and select the image layer

Turn off the effect for a moment, just to be able to see your original image, by clicking on the group's display icon.

How to create poster effect for photos in Photoshop Picture 30How to create poster effect for photos in Photoshop Picture 30

Then click on the image layer to activate it.

How to create poster effect for photos in Photoshop Picture 31How to create poster effect for photos in Photoshop Picture 31

Step 7: Select Select Subject

We need to select our main subject. And the quickest way is to use Photoshop's Select Subject command.

Go to the Select menu in the menu bar and choose Subject.

How to create poster effect for photos in Photoshop Picture 32How to create poster effect for photos in Photoshop Picture 32

Photoshop analyzes the image, and after a few minutes, the selection outline appears. Often, people want to refine the selection, especially around hair, using Photoshop's Select and Mask workspace. But we don't need a perfect selection for our poster effect. A good enough selection will do. And so far, Select Subject has done a great job.

This article will quickly show you how to clean up any problem areas after turning the selection into a layer mask, which we'll take next.

How to create poster effect for photos in Photoshop Picture 33How to create poster effect for photos in Photoshop Picture 33

 

Step 8: Select and enable the Posterize group

With the selection outline in place, click the Posterize group in the Layers panel to select it. Then, click the group's visibility icon to turn the effect back on.

How to create poster effect for photos in Photoshop Picture 34How to create poster effect for photos in Photoshop Picture 34

Step 9: Add mask layer to group

Click the Add Layer Mask icon at the bottom of the Layers panel.

How to create poster effect for photos in Photoshop Picture 35How to create poster effect for photos in Photoshop Picture 35

And Photoshop instantly converts the selection border into a layer mask, limiting the poster effect to just the subject.

How to create poster effect for photos in Photoshop Picture 36How to create poster effect for photos in Photoshop Picture 36

Step 10: Clean up the mask layer if needed

In the Layers panel, the layer mask thumbnail has been added to the group. The white area on the mask is the selected area and is where the effect is visible. The black area is everything outside the selection and is where the effect is hidden.

If you hold down the Alt key on a PC or the Option key on a Mac and click on the mask layer thumbnail:

How to create poster effect for photos in Photoshop Picture 37How to create poster effect for photos in Photoshop Picture 37

You should see the mask layer itself in the document. And notice how well Select Subject works, especially with the woman's hair. Hold Alt (Win) / Option (Mac) and click the mask layer thumbnail again to hide the mask and return to the image.

How to create poster effect for photos in Photoshop Picture 38How to create poster effect for photos in Photoshop Picture 38

Paint on the layer mask to add or subtract areas.

But if there are any parts of the subject that the Select Subject command missed, or if there are any parts of the background that need to be removed from the effect, simply select the Brush Tool from the toolbar.

Then, paint white on the layer mask to add an area to the effect, or paint black to remove an area from the effect. Use the left and right bracket keys ( [ and ] ) on your keyboard to adjust the brush size as needed.

How to create poster effect for photos in Photoshop Picture 39How to create poster effect for photos in Photoshop Picture 39

5 ★ | 1 Vote