Tag Archives: writer tips

Warped Text (PHSH Effect #3)

Loading

In keeping with the theme from last month, we’ll be continuing with text manipulations (check out the basics here). Specifically, we’ll be going through the different kinds of Warping Text there is.

Now, there are 15 different options to warp text in PHSH, I’m going to go through all of them, but will try to keep it brief. You can play around with the settings yourself and see what you like best.

Like the Drop Shadow, Warping Text isn’t the hardest PHSH effect to learn, but can definitely come in handy.

Alright, let’s get into it.

Step 1: Make a new document/project. (Mine is 6in x 6in, for simplicity)

Step 2: Using the Type tool, add text to the document. For the sake of the tutorial, I’m going to just work with ‘warp text’. The Warp Text effect will work with whatever you type, so if you need to say add text to a book cover (or poster), it won’t matter.

To keep things basic, I’m also just going to stick with black text on a white background, and Times New Roman, but again, this effect will work with almost every font/colour/background.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Text In Box

Step 3: While still using the Type tool, right click in the text box, then select Warp Text from the options.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Right Clicked Mani Box

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Warp Text Box

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Warp Text Options

Step 4: From the Style drop-down menu, first warp option we’ll be using is the Arc. (If you’re using a different version of PHSH, the order of the effects may change, and/or you may not have all the effects listed)

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Arc Selection

Once you click on the Arc option, you’ll notice your text is well, arced. See those Bend, Horizontal Distortion and Vertical Distortion options? These are the things we’ll be using for all the effects in this dialogue box. And, depending on the values, they’ll change how the text looks.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Arc Default

 

For example, my default Bend value is +50. This made the text arc so wide that it’s now cut off from the document. To get it back on the document, I can either lessen the Bend value, or, I can click ‘Okay’ (if you’re happy with the warping done) and then I could easily just move the text layer over so it’s no longer off the edge of the document.

Because this is just a tutorial, I’ll ‘fix’ it by lessening the Bend. To do this, just click and drag the arrow along the line, and you should be able to see the text change with the changing Bend in real time.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Arc Bend Lessened

See how the text is getting less Arced? If you go past the 0 on the scale, it will begin to Arc down.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Arc Bend Inverted

Once you get the right Bend you need, you can move on to if you need to Horizontally or Vertically Distort the Warp. The Horizontal Distortion values will either squish, or enlarge one side of the text, while the Vertical Distortion will make the text look like it’s flying at, or away from you. (Like the scrolling text at the beginning of Star Wars).

I left the Bend at 0 for the following pictures so you can see each value by itself.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Vertical Distortion Big

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Vertical Distortion Inverted

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Horizontal Distortion Big

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Horizontal Distortion Inverted

Now that you know what these values do, you can use them in conjunction with each other.

The below pictures are the text with a Bend + Vertical and Bend + Horizontal Distortions.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Bend Vertical Distortion

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Bend Horizontal Distortion

That’s how those values act with the Arc Style. If we choose another Style from the drop-down, the options will remain the same, but the way the text is warped will change.

To keep things simple, I’m just going to go down the list in order, and show the effect with Bend only. The Horizontal and Vertical Distortions do the same thing for each, and I don’t want the pictures to get too repetitive.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Arc Lower Bend

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Arc Upper Bend

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Arch Bend

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Bulge Bend

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Shell

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Shell Upper

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Flag

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Wave

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Fish

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Rise

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Fisheye

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Inflate

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Squeeze

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Twist

You can also change the options from being applied horizontally to vertically, at the top, just under the Style selection.

AterImber.com - Writing - Writing Tips - PHSH Tutorial - Warped Text - Arc Vert Style Bend

Feel free to play around with these on your own as needed, too. And, once you find a style of warping you like, don’t forget to save!

Next month I’ll be sticking with the text effects and show you how to make this:

AterImber.com - Books - First Try Promo Poster - Indie Author - Canadian Author

AterImber.com - Writing - Book Posters - The Haunted Corpse - Help Me Poster


Like this article? Check out the rest of the photoshop tutorial series here!

Liking the site? Consider signing up for my Patreon, so I can continue bringing you the content you love!