How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

For this tutorial we will design a typographic poster using the Color Halftone filter to achieve a Roy Lichtenstein art style look.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Get inspired and check out poster and flyer design templates over on GraphicRiver.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

What You’ll Need to Create Your Poster

You will also need to download and install the following font file and image:

Install the font on your system and you are ready to get started!

1.How to Create a New Document and Set Rulers in Photoshop

Step 1

In Photoshop, go to File > New. Name the document Girl Power. Set the Width to 1275 px and Height to 1650 px. I will change the measurements of Width and Height to Inches. Set the Resolution to 72 Pixels/Inch. To start, we will set the Color Mode to Grayscaleand change it later on. Click OK. Later on, we will need to change the mode to Duotone, and the only way to do this is by starting with a Grayscale mode file.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 2

Press Command-R to activate the rulers on the document. As I mentioned in the step above, I am using inches for this project. If you wish to change to other units, go to Photoshop > Preferences > Units & Rulers. A Preferences window will pop up, and you will be able to change to the desired system.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 3

Click on the Rulers and drag onto the page to create a guide. Hold Shift to drag to an even number. In this case, let’s create a 1 inch margin all around our document. Hide or display the guides by pressing Command-;.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

2.How to Use the Color Halftone Filter

Step 1

In order to be able to create a screen or halftone effect, we need to start with a grayscale file and turn it into Monotone. A halftone effect only works on gradients if you are using CMYK or RGB. We are looking for an even pattern, and this can only be achieved by converting our file mode from Grayscale to Monotone. Head over to Image > Mode > Duotone.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 2

The Duotone Options window will pop up. Under Type, select Monotone. ForInk 1, click on the second square and use the color black or the code#000000. Click OK.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 3

Using the Paint Bucket Tool (G), color the page with the following color code: #a2a2a2.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 4

Head over to Filter > Pixelate > Color Halftone.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 5

The Color Halftone window will pop up. Use the settings from the image below and click OK.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 6

We want to create a denser look and have the dots be white. On the Layers panel, duplicate the Background layer by pressing Command-J. Let’s invert the pattern by pressing Command-I. The layer should change from left to right like the image below.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 7

In order to be able to work in color, we have to change the mode again to RGB. Go to Image > Mode > RGB Color.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 8

Create a new layer by pressing Shift-Command-N,and name it Blue background. Using the Paint Bucket Tool (G),select a blue foreground color (#0000ff), and paint over the new layer.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 9

To be able to see the halftone texture we created on Layer 1,we need to set the Blending Mode of theblue backgroundlayer toScreenon the Layerspanel.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 10

We can alter the size of Layer 1 to create a more prominent texture. I am resizing mine by pressing Command-T. Head over to the Options bar and check that the Maintain Aspect Ratio button is activated. Set the Width and Height to 130%.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

3.How to Add and Adjust Text

Step 1

Set the foreground color to black on theTools panel. Press Tto activate the Type Tool and typeGirl Poweron three lines like the image below. We want to the text to cover the poster horizontally. I used separate layers for each word and activatedright align text on the Options bar for the word Power. To edit the style, bring up the Character panel by going to Type > Panels > Character Panel. I am using the font Prompt Black Italic and set the Size to 360 pt. For the word Power, set the Leading to 280 pt.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 2

On the Layers panel, select both layers by pressing Shift and clicking on each layer. We want to add movement to the poster, so we will rotate these two text layers. Press Command-T to rotate and hold Shift for an even rotation to 15 degrees. Alternatively, you can head over to the Options bar and type -15.00 in the Rotate option. Hit Enter to set the text. Place the text just within the top margin.

On this specific poster, we want the type to bleed over to create a strong aesthetic, so we will leave the sides to bleed over.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 3

To add more texture to the text, we need to duplicate the two layers we created. Do this by selecting both layers on the Layers panel and pressingCommand-J. Using the Move Tool (V), drag both of the new layers under the main text and move them to the right. To create contrast, let’s set the font style to Thin Italic on the Characters panel.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

4.How to Add a Halftone Texture to the Text

Step 1

We want to add movement and a Lichtenstein effect to the poster. Let’s duplicate the text layers and set them in two other colors. First, we need to create folders containing all these layers to keep things organized. On the Layers panel, select the four text layers we created and drag them towards the folder at the bottom.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 2

Duplicate the folder to create three more folders by pressing Command-J on the folder. Name each folder with the following color names: black, white, yellow, red.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 3

Using the Characters panel, change the color of each folder’s text layer. Use plain black and white for the first two. For yellow, use the code #ffd200 and for red, the code #ff3d00. In order to see all the layers, we need to slightly move them around—there is no right or wrong for this part! I used the keyboard as it gives us more control compared to the mouse.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 4

The red text is taking over our poster, so I would like to add some texture and contrast to that text layer. Let’s duplicate (Command-J)Layer 1with the halftone and drag it into the Red folder. Open the Red folder by clicking on the arrow. We will now be working within this folder.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 5

Select the four text layers, andRight Click > Rasterize Type. Keep the four layers selected and Right Click > Merge Layers.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 6

Remember we are still working on the Red folder. Press Command and click on the newly merged layer thumbnail. This will outline and select the objects in this layer, i.e. our text.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 7

Deactivate the visibility of thePower copy text layer and, while still selecting the objects, click on Layer 1 copy. Remember this is the halftone layer we duplicated. Press Shift-Command-I and use the Erase Tool (E)to brush over the poster. This will erase everything in the layer but the words we selected.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 8

We still want to maintain the red color to make our poster stand out. On the Layerspanel, activate the visibility of thePower Copy text layer and set the Blending Mode to Screen. We want this layer to be transparent, so let’s merge the two layers left under the Red folder and set the Blending Mode to Multiply.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Step 9

If desired, on the Layers panel we can duplicate the black folder layer and set the blending mode to Color Burn and the Opacity to 55% to add more shadowing to the poster.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

5. How to Save the Poster for Web

Head over to File > Save for Web (Shift-Option-Command-S). Set the quality to Maximum, orlower the qualityif there are any size constraints. Under Image Size, set the width and height to the size you need. Click on Save…, add a name, and click on Save.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop

Great Job! You’ve Finished This Tutorial!

In this tutorial, we’ve created a poster using the famous Roy Lichtenstein style. Today we’ve learned how to:

  • Create a typography-based poster and add interesting touches by multiplying layers.
  • Use the Halftone Color filter in a different way.
  • Use textures and apply them on text layers.

How to Make a Halftone Roy Lichtenstein Style Poster in Adobe Photoshop