Simple Way to Create a Warp Text Effect in Photoshop

In this Photoshop tutorial, we’ll learn how to produce a Photoshop Text Warp Effect and how simple it is to twist while keeping our typography and the warping effect entirely editable!

Even though Photoshop is the most powerful and widely used photo editing application, when it comes to text editing, it falls short of programs like Indesign or even Illustrator.

Thanks to this quick and easy tutorial, you’ll be able to achieve a Text Warp Effect using the rectangle, warp, and text tool.

For this lesson, I’ll use Photoshop 2022.

Download the image and follow along.

Photo by Brando Makes Branding on Unsplash

https://unsplash.com/photos/TPoARluSmYs

Final Image

Drag The Slider To See Before & After

Before After

Create a Warp Text Effect

Step 1: Draw a Rectangle

First, open up the image in Photoshop and select the Rectangle Tool located in the toolbar.

With the Rectangle Tool selected, draw a white shape that is roughly the size of a book page. Then convert this layer to a Smart Object by right-clicking on the layer > Smart Object.

Warp Text Effect
Select the Rectangle Tool
Warp Text Effect
Draw a white rectangle & convert it to a smart object

Next, lower the opacity of the rectangle to about 50%.

Warp Text Effect
Lower opacity

Step 2: Place the Rectangle onto the Book Page

In order to place the white rectangle onto the book page, we’ll use the Transform Tool.

Press CTRL + T to activate the Trasform Tool. Then, while holding CTRL select one of the rectangle’s corners (your cursor will turn white) and try to match it with the corner of the book page. Do that with the four corners of the rectangle.

Warp Text Effect
Match the rectangle with the book page

Once your rectangle is placed properly on the book, with your Transform Tool activated, right-click on the rectangle and select wrap.

Warp Text Effect
Select the Wrap Tool

Then set up your Warp Tool as follow:

Warp tool settings
Warp tool settings

Now with the warp tool selected, adjust your rectangle to the book page using the handles so that it looks more realistic.

Adjust your rectangle
Adjust your rectangle

To finish with step 2, bring back the opacity of the rectangle to 100%.

Bring back the opacity to 100%
Bring back the opacity to 100%

Step 3: Add Your Text

To add your text, simply double-click on your rectangle layer thumbnail. It will open up a new window where we’ll be adding the text.

In the toolbar select the Horizontal Type Tool.

Choose a suitable font and color for the text. In this example, I’ll be using Book Antiqua in black.

Horizontal Type Tool
Horizontal Type Tool
Text settings
Text settings

With the text tool selected Left-click and drag to draw a shape on the page like so:

Click & drag
Click & drag

Release your mouse left button. You will notice that Photoshop has already typed some text. You can just delete it and write whatever you like. In this case, I am going to add some demo text. Go to Type > Paste Lorem Ipsum.

Type > Paste Lorem Ipsum
Type > Paste Lorem Ipsum
Write your text
Write your text

Once you are happy with the result press CTRL + S to save your file. Then, exit the window.

Your text should be on the book’s page.

Warp tool settings
Your text

Next, right-click on the layer and select Blending Options. Change the Blending Mode to Multiply

Then, go to Blend if > Underlying layer. Select the left cursor while holding ALT to split the transition. Set the value to 240

Blending options
Blending options
Warp Text Effect
Blending options

And We Are Done!

Warp Text Effect
Final Image

What’s amazing about this method is that you can edit your text whenever you need to.

Just double-click on the Smart Object, change your text, save it and you are done.

After following this tutorial, you should be able to Create a Warp Text Effect in Photoshop. I hope you found this guide useful and easy to follow. If you have any questions or suggestions please let me know in the comments down below and I’ll get back to you as soon as possible.

Also Read:

How to Easily Auto-Blend Layers in Photoshop

Easy Way To Turn White Into Any Color In Photoshop

Simple Way to Create a Cyberpunk Effect in Photoshop