How to Create a Poster Using the Liquify Tool in Photoshop

Post pobrano z: How to Create a Poster Using the Liquify Tool in Photoshop

Final product image
What You’ll Be Creating

For this tutorial, we will design a poster using the Liquify Tool on a traditional object in Adobe Photoshop to give it a digital feel.

Find more poster and flyer template inspiration over on GraphicRiver.

What You Will Need

You will 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 Prepare the Bust Image

Step 1

Open the bust photo in Photoshop.

Open the image in Photoshop

Step 2

Before using it on the poster, we will remove the background and use the bust that is in focus. To do this, in the Layers panel, Duplicate the Background layer by pressing Command-J. Click on the eye icon to Hide the visibility of the original Background layer.

Duplicate layer and hide visibility of the original background layer

Step 3

While selecting the new layer in the Layers panel, click on the Vector Mask button to add a Layer Mask to Layer 1. 

Create a layer mask over the duplicated image

Step 4

While selecting the new Layer Mask, select the Brush Tool (B). Use black as the foreground color and paint over the image to erase the background. 

Use the brush tool to paint over the background

Step 5

Once we have painted over most of the image with the Brush Tool (B), we can Zoom in (Z) and work on the details.

Zoom in to work on the details

Step 6

If needed, tap the backslash key (\) to display a red overlay on the layer mask. This is useful to check if we have erased the right parts of the image.

Use the backlash key  to display a red overlay mask

Step 7

Let’s go ahead and crop the image using the Crop Tool (C) and crop the bust to a manageable size.

Crop the image to a manageable size

2. How to Set Up a New Document, Create Rulers, and Duplicate Layers

Step 1

In Photoshop, go to File > New. Name the document The Future of Philosophy, and set the Width to 1275 px and Height to 1650 px. I am using this composition as an online pamphlet, so I will be using 72 dpi with Background Contents White. Click OK to create the document.

Create a new document

Step 2

Activate the rulers by pressing Command-R. I am using inches—you can change this by going to Photoshop > Preferences > Units and Rulers.

Activate rulers and change Units to Inches on Preferences if desired

Step 3

Click on the rulers and drag towards the page to create guidelines. I’ve set mine to 1 inch on each side. Hold Shift to drag the guideline to an even number.

Create 1 inch margin guides by dragging from the rulers towards the page Hold Shift for even measurements

Step 4

Let’s duplicate the bust layer with the layer mask onto our Future of Philosophy file. To do so, select the layer and Right Click > Duplicate Layer. Under As, change the name to Bust and select Document > The Future of Philosophy. Click OK to continue.

Duplicate bust layer

Step 5

Let’s make the image smaller by using the Transform Tool (Command-T). I am leaving about 1 inch on the top and the bottom as margins. You can hide the guides by pressing Command-;.

Resize bust image to margins

Step 6

Select the background layer and paint the layer using the Paint Bucket Tool (G) and black as the foreground colour.

Use color black and the paint bucket tool for the background

3. How to Use Adjustment Layers

Step 1

The image is looking yellow in tone, so let’s manipulate it to give it a futuristic feeling. On the Layers panel, select the Bust Layer and click on Create New Fill or Adjustment Panel > Black & White. This will add a layer on top of our image without committing to turning the image itself Black and White.

Create a new black  white adjustment layer

Step 2

The Properties panel will open up, and we can adjust the colours that are turning black and white. The highlights are looking too burned and we are losing some definition, so let’s look for the blue colour and move the slider to the left. That looks better!

Alter the properties panel to tweak black  white shades

Step 3

To make it even more futuristic, let’s add a blue overlay. On the Layers panel, click on create a New Layer. Using the Bucket Tool (G), select a foreground colour of blue with the following code: #0030ff. Paint over the layer and set the Blending Mode to Overlay.

Add a blue layer and set the blending mode to overlay

4. How to Use the Liquify Tool

Step 1

Select the Bust Layer and duplicate it by pressing Command-J. Hide the visibility of the original layer by clicking on the eye icon, and go back to the copy.

We need to keep the masked image only. If we go ahead and use the Liquify Tool, we will only see the results on the spaces the mask is revealing. While selecting the bust layer, hold Command and select the Layer Mask. This will select the spaces we didn’t hide at the beginning. 

Hold Command and select the Layer Mask of the duplicated layer

Step 2

Make sure that the bust layer is selected and not the layer mask. We want to delete the opposite of this, so let’s inverse it by pressing Shift-Command-I and Delete.

Press Shift-Command-I to select the opposite and delete

Step 3

Deselect by pressing Command-D. Delete the Layer Mask by clicking on the layer mask, Right Click > Delete Layer Mask.

Delete layer mask

Step 4

Go to Filter > Liquify (Shift-Command-X), and a new window will pop up showing the selected bust later. For this specific image, we want to create a digital glitch look.

Go to Filter  Liquify to use the liquify tool

Step 5

Let’s use the Forward Warp Tool (W). On the right side of the window, we can tweak the Tool Options. Since we want to make small glitches, we can start with a Brush Size of 150, Brush Density of 100, and Brush Pressure of 50. We can now brush over the image. Feel free to experiment with other settings! Once you are done, click OK.

Use the forward warp tool to create waves on the bust image

Step 6

We have our image almost ready. To give a more digital look to this traditional bust, we can reinforce the brightness and contrast. At the bottom of the Layers panel, click on Create a New Fill or Adjustment Layer > Brightness/Contrast. The Properties window will pop up, and we can adjust the settings to Brightness: -15 and Contrast: 70.  

Tweak contrast and brightness with a new adjustment layer

5. How to Add Text

Step 1

In order to create a contrast with the horizontal lines we created on the bust, we will use vertical text. Press T to add a new text layer and add other details. Set the font to Lato Regular, at 75 pt in white, and select Underline on the Character panel to add prominence to the title. I also used two text boxes for the title of the poster. In the first, type „The Future of Digital Philosophy” and in the second, A New Way of Thinking About Physics”

Press T to add a title to the pamphlet

Step 2

Select both of these text boxes by clicking on one, holding Shift, and clicking on the other. Rotate by pressing Command-R and hold Shift for an even rotation. Let’s place them on the bottom left corner margin.

Rotate the text by pressing Command-R

Step 3

You will notice that the white text is slightly conflicting with the image. Let’s add a gradient to darken the bust. On the Layers panel, select the blue layer and add a new layer.

Use the gradient tool to create a new layer with a gradient

Step 4

On the toolbar, select the Gradient Tool (G). Set your background and foreground colours as black and white. Drag from the left side of the poster to the centre to create a partial gradient. Let’s set the Blending Mode for this layer to Multiply.

Use black on the left and white on the right side of the layer and set the blending mode to Multiply

Step 5

Now let’s add more details to our poster!  Using the same Text Tool as before, we can add more components to bring it to life. I added dates and the kind of event at 46 pt in size, and to create balance on the poster I placed this text on the opposite side to the title. I also added bits of information parallel to the bust to reinforce the theme of the event and add another layer of detail with the same character style, but this time at 18 pt in size. 

Add more details to the pamphlet with the Text Tool

6. Saving the Poster for Web

Click File > Save As to save the file as a .PSD to later edit it. For a lower-resolution web jpeg, click File > Save for web (Shift-Option-Command-S) to save the file as a .JPEG. Here you can alter the quality of the image and the image size. Click on Save… and save the file.

Save the poster for Web

Congratulations on Finishing This Tutorial!

We have covered some interesting skills for putting together a promotional piece for social media. Today, you’ve learned to:

  • Clean up an image using Layer Masks.
  • Use Adjustment Layers to tweak images endlessly.
  • Use the Liquify Tool to change a traditional object into a digital one. 
  • Format typography and use it in different directions to interact with the image.
Final poster