Warping Text and Typography

In design, text plays an important role. Sometimes it plays the only role. Here is a fun exercise for making a full page text-only design!

1. Start a new document. For this tutorial I have chosen the US Paper setting. You can choose whatever size works best for you.

2. Create text boxes with one line of text per box, as in the images below. A link to the font used in this tutorial can be found at the end of this article.

3. As you can see we have eight layers of text. Each line is on a separate layer. Next, we are going to rasterize our text. This makes it an editable layer.

4. The next few steps will end up being your own preference. Select your first layer of text in your layers panel  (ours says “you are my sunshine”).

5. Go to Edit > Free Transform (or CTRL + T).

6. Resize your text to fit across the entire page. You can make it as tall or as short as you would like as well.

7. Next we will warp the text. Go to Edit > Transform > Warp.

8. You will see a grid around your rasterized text. Adjust this as you see fit. Use the image below as an example.

9. Follow steps 7 and 8 for each layer until complete.

10.   Here is the finished product:

 When finished, you can crop the page size or select all your layers and transform to fit within the predefined size.

When creating an entire page like this, try using some of the other transform styles as well as the warp. Sometimes you may need to go back and tweak layers more than once. Play around until you get the look you are going for.

The font used in this tutorial is Musicals.


DesignerPunch.com is here to help designers. Whether you are experienced and are trying to get over a hump, or are brand new to graphic design and have no idea where to start, we want to help.

Read More

User login