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.
This was awesome. You made it simple to understand. I have been searching for how to do this. Everyone else made it complicated.
Thank you very helpful and a pretty cute video 🙂
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?
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.
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.
awesome video :)thanks!!
Awesome man, Nice work, its very easy to do it… thnX a lot…. 😀
THANK YOU SOOOOOOOOOOOOOOOOOOOOOOOOOOOO MUCH! XOXOX
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.
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?
Thank you for this solution 😀
Thanks!!! That’s very useful for my work =)
You are F@#%&*% Awesome !
Thank you !
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 🙂
Helpful, thank you!
Thank you! Very Quick and to the point!
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.
How did you get rid of the path lines after adding the text?
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)
Thanks! That made it easy!
That was great – no more switching over to InDesign for this! Thanks!
YOU HAVE MADE MY DAYYYY!!!!!!!!! 😀
I’ve been wondering if you could do this for years! Now I’ve learned how in under 2 mins. Thank you!
Thanks a lot! Really helpful! 🙂
thanks very much! do you know if it’s possible to wrap text around a more complicated shape, for example around larger text? thanks
Thanks a ton! Very helpful tutorial!
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.
thank you so much! i was slaving away for hours trying to figure out what to do. this tutorial was a saving grace!
Awesome tutorial, straight to the point!
Thanks so much! You just saved me so much time!
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.
Great tip, thanks for sharing !!
Quick and easy video demo, you’re Awesome! Thanks!
Thanks so much for the video!
I’m running into a slight issue though- I am following the video exactly, and when it’s time to add text, the subtracted path I’ve drawn disappears. Am I missing a step somewhere?
Any chance you can show us how to do it in Photoshop CC?