Our text is now in the center.


Additional Text Settings

Here are more ways you can creatively create text along a path.

Flip Text Along a Path

With the Path Selection tool selected, simply drag the point towards the center of the shape to inverse the text.

Change Text Orientation

With the Text tool selected, click on the “Toggle text orientation” button in your options bar.


Final Results

Note on the Badges

Do you like the badges shown in this tutorial? These amazing badges were designed by Zeppelin Graphics – purchase them on Creative Market.  And case you’re wondering, yes the text is created on a vector path (no warped text) :)

70 thoughts on “Quick Tip: The Correct Way to Create Curved Text”

  1. Massimo Pippino

    I just discovered the warp text tool. Glad I ran across your post.
    The Photoshop warp tool has ‘flag’ and ‘wave’. How can either be done with out the warp tool? Creating an ‘S’ curve?

  2. Denny Tang

    Drag the little square/point towards the center and the text should flip over to the other side of the path.

  3. Michael Rickard

    One of my pet peeves is a nice-looking graphic that is marred by bad text. One of the chief culprits is curved text because people fall into the trap of using “warp text.” I’ve run into this problem and sadly, stopped using it. Now I have an option to create some outstanding visuals for my text without things looking like amateur hour.

  4. I don’t see a video or instructions… I usually see a little tool in CS6 for curves, arcs, etc and now it isn’t there. But this is not a video as near as I can tell. How do I see the instructions? Thanks.

  5. Could you please explain how you got the Riverside part at the bottom? I created a new layer for that piece, but I still can’t figure out how to do this.

    1. So sorry to be writing so much. I figured it out, but now my “Riverside” bottom text is on the inside of the circle, rather than on the outside of it. Is there a way to “fix” this?

    2. Denny Tang

      Try this: Select the Path Selection tool. There’s a tiny <> diamond shape on the path. Click and drag that up/down to move your text.

  6. Thank you very much. I will try this today. I just wish you had a printable version of this, as the text on the web page stacks on itself when I try to print.

  7. I can’t get the text to flip. You say to use the Point Selection tool, nowhere in my photoshop does anything say Point Selection tool and you don’t show what it looks like. Where is the dang thing located??? I’m trying to make a logo for someone and I need it yesterday.

    1. Denny Tang

      Sorry about that. It is actually the Path Selection tool (A) which is under the Text tool. Post has been updated – thanks for the tip!

    1. Denny Tang

      Yes you can do this in After Effects as well. Draw a path and you should be able to add text along the path.

  8. Thank you! Just learning Photoshop for fun and trying to absorb as much as popular! Your tutorials are really awesome and greatly appreciated!

  9. I’ve used this technique (learned from this very page!) many times, so I thought it was about time I also said thank you!

  10. There aren’t two points to adjust the start and stop of the path and when i type my text it goes onto two line when i want it on one?

  11. Steven Goldfarb

    After selecting the Text tool (step 3) and hovering over the path, my cursor does not change, as described, and thus will not allow me to insert text on the path. I have CS5 12.0.4. Any hints?

  12. Camilla in Sweden

    Fantastic. But here’s a question I have been searching high and low for, to no avail.

    How do you create exactly the same result but instead of text, you have a narrow panoramic skyline image instead? I can’t find the answer to this anywhere and have gotton exhausted for hunting for the answer for 2 days.

  13. I’m having a problem at step 4. After entering my text and clicking the path selection tool, the path vanishes. I am unable to select start or end points. Where am I going wrong?

  14. Now this was helpful. I knew their was a better way of doing it, just couldn’t figure out how.
    Thanks.

Leave a Comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll to Top

Subscribe and EnjoyFree Photoshop Actions

Sign up to our weekly newsletter and as a thank you, you’ll get 10 free Special FX Photoshop Actions courtesy of SparkleStock ($12 value).

Special FX Photoshop Actions