Adobe Photoshop Tutorial - Faking Text Wrap in Photoshop

Photoshop Text Wrap - Faking Text Wrap In Photoshop

Learn Photoshop with Text Effects Tutorials at Photoshop Essentials.com

Step 6: Add Your Text

All that's left to do now is add my text, and for that, I need Photoshop's Type Tool, so I'll select it from the Tools palette:

Adobe Photoshop Tutorial image.
Photoshop Text Wrap: Select the Type Tool.

I could also quickly access the Type Tool by pressing T on my keyboard. Then, with the Type Tool selected, I'll go up to the Options Bar at the top of the screen and select my font, font size and text color. I'll just keep things simple here and go with Times New Roman Bold set to a size of 16pt, with my text color set to white:

Adobe Photoshop Tutorial image.

Photoshop Text Wrap: Selecting the font options in the Options Bar.

To use the path I've created as a container for my text, all I need to do is move my cursor anywhere inside the active path area. When I do that, my Type Tool cursor changes from having a dotted square outline around it to a dotted elliptical outline, indicating that the path will become my text container if I click here and start typing:

Adobe Photoshop Tutorial image.

Photoshop Text Wrap: The Type Tool icon now shows a dotted elliptical outline which tells me that I'm about to add my text inside the path.

I already have some text saved to my clipboard which I copied from the end of the famous baseball poem "Casey At The Bat" by Ernest Lawrence Thayer, which I thought would be fitting for this image, so to add the text to my image, I'll simply click inside the path and then use the keyboard shortcut Ctrl+V (Win) / Command+V (Mac) to paste the text inside the path. As we can see, not only does the text stay inside the path, it also wraps nicely around the baseball:

Adobe Photoshop Tutorial image.

Photoshop Text Wrap: Photoshop uses the active path to contain the text, causing the text to wrap around the baseball on the left.

To accept the text and exit out of text editing mode, I'll click the checkmark up in the Options Bar:

Adobe Photoshop Tutorial image.

Photoshop Text Wrap: Click the checkmark in the Options Bar to accept the text.

Finally, to hide the path so it's no longer visible in my image, I'll simply click on the Background layer in the Layers palette:

Adobe Photoshop Tutorial image.

Photoshop Text Wrap: Clicking on the Background layer to hide the path outlines in the image.

With my path outlines no longer cluttering up my image, here is my final result:

Adobe Photoshop Tutorial image.

Photoshop Text Wrap: The final "fake text wrap" result.

And there we have it! That's the basics of how to fake a page layout program's "text wrap" feature in Photoshop!

Want a better way to learn? Download this tutorial as an easy to read, ready to print PDF eBook!

StumbleUpon Toolbar

del.icio.us

Go to page: 1 | 2 | 3