Canton Becker

Jump to content.

canton@gmail.com / G+
Santa Fe, New Mexico (USA)
T: (505) 501-8091


PGP/GPG Public Key »
RSA Key ID 36E1D9B6 Fingerprint

Testimonial

Client Photo

"I would not hesitate to recommend Canton for web design and development. He's been the one I've turned to for years when it came time to get sites built for my own business. Canton is sharp and asks thoughtful questions that others may ignore or not oven think to ask. He produces excellent quality work, combined with a desire to truly help create the best product possible. It has been a pleasure working with such a talented developer."

- Donovan Watts
User Experience Researcher
AnswerLab

More testimonials

How to wrap text around an image in Photoshop (Video Tutorial)

Wrapping text around objects

Wrapping text around objects

I just recorded a quick screencast video tutorial for a colleague on how to use paths or shapes to wrap text to avoid objects or circumscribe shapes (curve text around circles, etc.) using Photoshop CS. This is something more often done in Illustrator, but PS does the job pretty well too.

When mocking up websites in Photoshop, this is a great way to illustrate how text will flow around an inline image.

(Click here to watch. 1 min 35 sec)

35 comments

  1. Sharon posted on November 23, 2009:

    This was awesome. You made it simple to understand. I have been searching for how to do this. Everyone else made it complicated.

  2. Antonio posted on November 29, 2009:

    Very good!!

  3. Emily posted on March 5, 2010:

    Thank you very helpful and a pretty cute video :)

  4. Sergio posted on June 1, 2010:

    Once I select the text tool, when I hover on a path the cursor should change from a square shape to a round one allowing me, when click on the shape, to type text inside it. My cursor simply doesn’t change and when I click on the shape, a new text layer totally independent from the shape is created.
    Any idea why and what to do?

  5. Canton posted on June 1, 2010:

    Hi Sergio,
    Is it possible you’re creating shapes and not shape paths or simply paths? As long as the shape you’ve made is a path, then the text tool should behave differently. Also it makes a difference whether you click inside the shape or on the border of the shape.

  6. Ria posted on January 6, 2011:

    Hi! I have the same problem as Sergio. I can see the active path but whenever I put the text, it creates a different layer. I’m using Photoshop CE 7. I’m not sure if it has an entirely different command.

    Thanks

  7. jacob posted on April 6, 2011:

    awesome video :)thanks!!

  8. Kalponik posted on August 4, 2011:

    Awesome man, Nice work, its very easy to do it… thnX a lot…. :D

  9. Pam posted on August 5, 2011:

    THANK YOU SOOOOOOOOOOOOOOOOOOOOOOOOOOOO MUCH! XOXOX

  10. Ghanie posted on August 10, 2011:

    Is there a reason this would not work with CS5? I created the shape correctly and pasted my text within the frame but the text will not avoid the cut-out part.

  11. Ghanie posted on August 10, 2011:

    Oh wait, it does work when the cut-out is in a corner or on the side … any tips on allowing a cut-out in the middle like a doughnut?

  12. Jamie posted on August 22, 2011:

    Thankyou :-)

  13. TheSlym posted on October 10, 2011:

    Thank you for this solution :D

  14. Maran Hkun Seng posted on October 12, 2011:

    Thanks!!! That’s very useful for my work =)

  15. VinylThreads posted on December 7, 2011:

    You are F@#%&*% Awesome !

    Thank you !

  16. Miss M posted on December 22, 2011:

    I experimented with your method and found this:

    1. Click on the surrounding area of the object you want to text-wrap with the magic wand
    2. Go up to the file bar and click on “inverse” under the category “select”
    3. Right-click inside the selected object and click “make work path” (a little bar will pop up asking you about the width of the path. the standard is 2.0 – that’s fine)
    4. Click on the text tool and hover over the work path. the straight line will turn squiggly.
    5. When you click the work path, just start typing. the text will automatically follow the work path :)

  17. Janine posted on December 29, 2011:

    brilliant!!

  18. Chris posted on January 24, 2012:

    Helpful, thank you!

  19. Vinny posted on February 1, 2012:

    Thank you! Very Quick and to the point!

  20. Bobo posted on February 20, 2012:

    I can’t tell you how many years i have wished i could do this…and never found a way to make it happen…you are brilliant. thanks.

  21. Paul posted on April 5, 2012:

    How did you get rid of the path lines after adding the text?

  22. Canton posted on April 5, 2012:

    Hi Paul –

    Good question. To get rid of the path lines just select a different layer, or hit command-H (view menu: extras hide/nohide)

  23. Norja Vanderelst posted on April 24, 2012:

    Thanks! That made it easy!

  24. Dan Knapp posted on May 9, 2012:

    That was great – no more switching over to InDesign for this! Thanks!

  25. Oli posted on August 15, 2012:

    I’ve been wondering if you could do this for years! Now I’ve learned how in under 2 mins. Thank you!

  26. Andre posted on August 19, 2012:

    Thanks a lot! Really helpful! :)

  27. joanna posted on August 23, 2012:

    thanks very much! do you know if it’s possible to wrap text around a more complicated shape, for example around larger text? thanks

  28. ABK posted on August 30, 2012:

    Thanks a ton! Very helpful tutorial!

  29. Lydia Malcolm posted on September 20, 2012:

    Thank you so much for posting this. I ‘m having to design a brochure in Photoshop and could not figure out how to add photos with a text wrap.
    It worked like a charm.

  30. AO posted on November 30, 2012:

    thank you so much! i was slaving away for hours trying to figure out what to do. this tutorial was a saving grace!

  31. LF posted on January 23, 2013:

    Awesome tutorial, straight to the point!

  32. Jenise Walker posted on February 10, 2013:

    Thanks so much! You just saved me so much time!

  33. Rio Ramirez posted on October 31, 2013:

    Although this little gem is several years old, it still sparkles! Thank you very much for posting this. You know, you could charge $5 per view and you’d make a killing.

  34. Alias M&D posted on January 10, 2014:

    Great tip, thanks for sharing !!

  35. Aaron posted on February 4, 2014:

    Quick and easy video demo, you’re Awesome! Thanks!

RSS feed for comments on this post.

Leave a comment

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Read more

«
»