LearnHow to Shape Text Fields in Photoshop | Treehouse Quick Tip


Allison Grayce
writes on April 25, 2013

Have you ever wanted to give a text field in Photoshop an unusual shape? In this Treehouse Quick Tip, Photoshop teacher Allison demonstrates how to bend and curve a text field into whatever shape you need!

Video Transcription

Allison: Hi. I’m Allison Grayce. In this Treehouse Quick Tip, we’re
going to learn how to manipulate Photoshop’s Text Containers to
take on a more unconventional shape, because sometimes, a simple
box just won’t do. We’ll achieve this using vector shapes, the
Pen, and Type tool.

I want to add some paragraph text to the left of this cupcake.
Instead of the paragraph text simply being in the shape of a
box, I’d like the right side of the text to curve along with the
cupcake. I’m going to go ahead and grab the Rectangle tool, and
draw out the size of the paragraph. Head on over to the Pen tool
and click, hold, and select the Add Anchor Point tool. We’re
going to add a few points on the path where we’d like the Text
Box to curve. It can be helpful to lower the opacity of the
rectangle as you’re doing this.

Using the Direct Selection tool by pressing ‘A’ on your
keyboard, or by navigating over to the toolbar and clicking and
holding, move the anchors to position them where the text box
should curve alongside the cupcake. Remember, you can grab the
handles on either side of the anchor to get more of a curve

Go ahead and select all of your text that you’d like to appear
in the text box. Select the Type tool, hover over the shape, and
when the cursor changes, go ahead and click. Notice how the text
box takes on the shape that we just manipulated. We’ll go ahead
and paste in our text and begin to style it appropriately. We’ll
go ahead and commit to our current edit here in the Options bar,
and we can delete the rectangle that we initially manipulated.
The right side of our text box now curves alongside the cupcake.
Now you have the freedom to manipulate the Type box to whatever
shape you want it to be.

Announcer: If you’d like to see more advanced videos and tutorials like
this one, go to TeamTreehouse.com, and start learning for free.


Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Get Started

7 Responses to “How to Shape Text Fields in Photoshop | Treehouse Quick Tip”

  1. What an insanely rude and sexist comment. I’ve been using Adobe software for 20 years and even I occasionally need to search for basic tutorials like this.

  2. Allison Grayce on August 17, 2015 at 3:54 pm said:

    Everyone is a beginner before they become experts. If this is too trivial for you, feel free to skip ahead, but please be respectful.

  3. Hey , Very Nice Post Quick Tip! .. i really enjoy … thanks Allison Grayce …

  4. Allison, Nice tips. This is the exactly what i looked for from many days. Nice Sharing. Keep it up.

  5. allisongrayce on April 28, 2013 at 7:33 pm said:

    Thanks! Glad you enjoyed the quick tip! 🙂

  6. So it’s this easy! Thanks @Allison for sharing the knowledge +1

  7. Im love Allison Grayce, so happy to se that topic.



Leave a Reply

You must be logged in to post a comment.

man working on his laptop

Are you ready to start learning?

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Start a Free Trial
woman working on her laptop