By Pattie Knox
Wrapping your words around or inside of a design element can pack a powerful punch when used in your digital art journaling. Unfortunately, while newer versions of Photoshop contain text on a path capability, versions prior to PSCS and all versions of Photoshop Elements are lacking this feature. There IS a way that you can create text circles if you know about the secret weapon hidden in the Polar Coordinates feature however!
(NOTE: Circular text created with this method will be one-half the size of the canvas you begin working with. For example, if your goal is a 3 inch circle … you’ll want to start out with a 6 inch by 6 inch canvas.)
1. From the File menu, point to New, and select Blank File.
2. Enter the following values:
- Width: 6 inches
- Height: 6 inches
- Resolution: 300 pixels/inch
- Color Mode: RGB Color
- Background Contents: Transparent
3. From the View menu, select Grid to activate the grid. This will help you determine the exact vertical center of the canvas … which is where you want to type the line of text.
4. From the Toolbox, select the Text tool. Choose a font and set the font size.
5. Type a line of text that fits snugly against the left and right side of the canvas as shown in the illustration below.
Press CTRL+T (CMD+T) to access the Free Transform tool and stretch the text to meet the edges if necessary.
6. From the Image menu, point to Rotate and select Layer 180. This ensures that the text on the top of the circle will be right-side up when created.
To keep the text from stretching out of shape when formed into a circle we need to adjust the height of the letters.
7. Press CTRL+T (CMD+T) to access the Free Transform tool and look to the Options bar at the top of the screen.
To prevent the width from changing along with the height, uncheck the box next to Constrain Proportions and enter a value of 250% for Height. (Width should stay at 100%)
8. Working in the Layers panel (palette), right click the text layer and choose Simplify Layer from the pop up menu.
This prevents you from editing the contents of the text layer, but is necessary as PSE will not allow you to apply a filter to a text layer otherwise.
9. From the Filter menu, point to Distort and select Polar Coordinates.
10. Check Rectangular to Polar in the dialog box that appears and click OK to commit the change.
Presto! You have a circular element formed from text.
Pattie Knox shares her combined love of digital design and teaching others through her series of online digital classes at Creative Passion Classes. She also designs digital products for Designer Digitals and is a member of the Wacom Penscrappers Team. To learn more about her you can visit Pattie’s blog.
Thank you so much for posting this!!!!!
Thank you so much for this tut. I love this :)
Thank you so very much – and I can actually do it!
oh my goodness! how in the world did you figure this out!?!? it is amazing, and so do-able with your great instructions! thank you so much!!!!
What a fabulous tutorial! Thank you so much for sharing this!!
Thank you, I have tried other programs with no avail, I will look into this program because I just love the way manipulating text makes for an added embellishment.
Thanks for the great post. Question….how do you get a space between the first and last words. See how the word “trick” and “you” are touching. How can you get a space?
Hi Dianna,
Since we are basically “tricking” Photoshop Elements into creating circular text there is no hard and fast answer to your question I’m afraid. :( In the full version of Photoshop you can adjust the kerning to “spread out” the spacing of your characters, but Photoshop Elements does not include that feature.
What you could try is inserting a blank space (using the space bar) at the end of the line of text or experimenting with varying the percentage … say 255% rather than 250%.
Thanks for asking!
This is GREAT! THANX so much for sharing!!!
Worked perfectly! Thanks so much for sharing!!
Well I’ll be darned!! How clever is this!!
Is it possible to change the color of the text after it has been changed to polar coordinates, or does that need to be done before?
Marisa,
Since the text has been rasterized or simplified (necessary in order to apply the filter) you can NOT change the color of the type in the normal fashion after applying the polar coordinates. However you could use any of a variety of recoloring methods to change the color of the graphic you’ve created. Hope that helps!
GREAT! SIMPLY GREAT!
Thanks a lot !
Great tutorial can’t wait to try it. Thanks for sharing it.
Jocelan
Do you have a simple tutorial for creating a watermark with Adobe photoshop? I have the program but have no clue how to do it!
thanks,
Hi, Claire, Check this out http://www.makeuseof.com/tag/watermark-images-photoshop/
Great tutorial. Thank you for sharing!
Hello:
Is it possible to create the text so that it’s readable on the top and bottom?
Let me try to explain; I have a circular image that I want to put ‘arched’ text into, on both top and bottom. The top of the circle has arched text which bends down at each side. I can acomplish this by using your tutorial. But I also want text on the bottom whch arches up on each side ad is readable. Your text becomes unreadable unless you rotate the circle.
This website – http://www.iloveknk.com/2009/05/putting-text-on-a-circle/
Shows what I’m trying to accomplish.
Any help would be greatly aprpeciated!
Joe
Hi there Joe! I don’t believe that this can be done in Photoshop Elements using the Polar Coordinates filter.
BUT, Pattie does have a Text Byte Shaped Text path set which will do what you want available for sale at Designer Digitals:
http://www.designerdigitals.com/digital-scrapbooking/supplies/product_info.php/products_id/9902
Her text path is created using the full version of Photoshop but can be dragged into Photoshop Elements and used to create the effect that you are looking for.
Hope this helps :)
Thank you for sharing this tutorial with us, I’ve used it a couple of times now and Love It!
I do this and then forget how and then Google to find it again. This is an excellent, clearly presented explanation and I’ll bookmark to reference again. Much appreciated. Thanks.
NO.WAY! I’ve been trying to figure this out for 5 years! THANK YOU SO MUCH! {blowing happy Pinterest kisses your way!}
I was going to Google this just today and then I saw this on Pinterest. My text always looks distorted since the top is stretched wide. Thanks.
If you start your text with a space than at the end that space will be there. So, the first and last word will not touch.
Well the way you show how to do the curved photo look is great and so much easier to other ways I have seen it done. Thanks for this wonderful quicker way. Love your site.Take Care.
Hi there
Thank-you so much for this tutorial i have been looking youtube for that last few day and can’t find any thing to help me.
Thank-you :)
Does this formula work with Mac as well???
Yep. If you’ve got Photoshop Elements.
Thank you so much this would be one of the easiest PSE tutorials I’ve done its just so easy and yes works well on a MAC, THANK YOU once again
Thanks for posting this-SO cool! BUT-I have been trying to do it and when I get to “Select Polar Coordinates…” I do that and no “rectangular to polar” comes up anywhere that I can see on the screen. Bugger! Any help please?
ditto! I’m also not seeing a select polar coordinates option anywhere. Using PSE 11. Is this version different? Any advice out there?
thanks!!
Hi Ladies
In PSE11 you just go to Filter – Distort – Polar Coordinates. The Rectangular to Polar is under the preview box
Hope this helps!
Melissa
This works great! Thank you for sharing!
My brother suggested I might like this website.
He was entirely right. This post truly made my day.
You can not imagine simply how much time I had spent for this info!
Thanks!
Great tips! Can you wrap text around a shape like a heart? —with photoshop elements?
Hi Priscilla
You can with Photoshop Elements 10+ there’s a video that may help you here
http://www.digitalscrapbookinghq.com/text-on-a-path-in-photoshop-elements/
:) Melissa
I use to have Photoshop but that computer crashed, now only have Photoshop Elements 9. I don’t think you can do the wrap text in 9. I found how to do a circle but I wanted to wrap around a heart. Think I am going to have to resort to drawing it! Oh dear! haha Thanks for your help anyway
Well, you can buy shaped text paths that will work in Photoshop Elements
Here’s some I love :)
http://shop.scrapbookgraphics.com/TEMPLATES-Text-Paths.html
:) Melissa
This was so helpful! I’ve been trying to figure out how to do this in elements forever, THANK YOU.
Thank you so much! I have been trying to figure out how to do this and your directions were so simple and easy to follow. Now if only I don’t forget!
Thanx,
How about text INSIDE the circle?
Facing inwards.
WOW this is awesome!! Thanks so much. I tried everything with the word art tool in photoshop. ( the arcs and all) You definitely saved me like 3 hours of time before giving up! Thanks
Thank you sooooooo much for this
thank you so much!!! I was looking everywhere
that was amazing!!! i have been trying to figure this thing out forever!!
THANK YOU SO MUCH FOR SHARING – I KNOW THIS IS AN OLDER POST BUT IT REALLY HELPED ME OUT TODAY.
This is one of the best tutorials I’ve found on making circular text! Thank you so much!!
Great tutorial, easy to follow. Thanks so much. Did it in CS2.
so in love with this tip …. awesome for my projects, great learning something new everyday thank you!!! p
Oh my gosh! I’ve been looking for the answer to this for a while now! Thank you so much for posting this! Now I don’t feel the need to upgrade so bad. hehe
Thank you so much!!! I was looking for it everywhere and at last got it! Great Tutorial.