Photoshop Text on a Circular Path
HTML-код
- Опубликовано: 24 июл 2024
- Text on a Circular Path for Elements here: goo.gl/WEok8z
In this video for TipSquirrel.com I show you how to make a circular logo using the shape tool and then adds text on a circular path.
Other tips include stoke width on a shape and multiple windows for one image. 
Хобби
![How To Type In a Circle In Photoshop [EASY Step-By-Step Guide]](/img/1.gif)
You literally cut my workflow in half with all of the shortcuts that I never even knew existed. Thank you so much you have no idea!
Clearly I'm not as much of a Photoshop veteran as I thought - here's me using arc text when this makes things amazingly simple and clear. Much appreciated!
koppit Haha Easy when you know how :)
I have been struggling with this for years, and had been using arc tool - but it always looked a bit 'off' whatever I did.
For the first time today following your instructions (with many pauses and back tracks to check where you were going on screen) I have been able to create my logo properly. I'm extremely pleased with the result!!
THANK YOU ERIC!! You are a STAR.
I can't thank you enough, Eric, for such a good video on how to do this!! I was able to pause and rewind as many times as I needed to make this work for the logo I was creating. Your soothing voice definitely calmed my nerves while I rewound to see what I had done wrong a number of times. Photoshop is one of those things where one wrong move can send you into an alternate universe!!
THIS IS ** PERFECT!!! ** EXACTLY WHAT I WANTED AND THEN SOME!!! i REALLY APPRECIATE YOU TAKING THE TIME TO HELP OTHERS OUT! YOU ROCK ERIC!!!
JLouise Gamble Bless you, high praise indeed. Thank you for leaving such a lovely comment :)
This video is perfect. I don't think I've ever seen a better paced tutorial. Especially when I need one a bad as I did now. Thanks, you've helped me pass my final!
dAN Scorpion Thats very kind of you Dan, thank you. Really pleased I helped with your final!
I'll have to agree, this video is perfect! Exactly what I was looking for! Thank You sir!
Giorgio DeLaTorre Thank you :)
I just want thank you for making such a great tutorial. Not only is this tutorial easy to follow, but it's clear, organized, and has great timing between steps. After viewing so many inadequate tutorials on RUclips, one has to acknowledge a job well done. Great Job, Eric!
Eric, Thank You for the Video. What't great about it is you take your time explaining all of the nuances in a very detailed fashion so when I need to review something that I missed, it's easy to go back. A lot of excellent designers tend to rush thru their instructional videos using shortcuts that they don't necessairly point out. When this happens, I fall right of the training boat, and then I need to guess at what they just did. So again, Thank You! Scotty
Well done, Eric. Nicely presented and very informative!
David Counsell Thanks David :)
Hi, at exectly 1 minute into the video you say 'click down' to select 'create ellipse'. What do you mean by this please? When I click on the layer, nothing happens. !!!!
Every time I forget how to do this I come back and am always delighted by your friendly and clear instructions. Well done and thanks!
Speaking as someone who has to be dragged kicking and screaming into using Illustrator for even simple text such as this, I was MORE than happy to run across this terrific tutorial for doing this in Photoshop. Even though I have an older version of Photoshop, I could follow you quite easily and the results were terrific. Thank you!
elagua jdo lol you're very welcome :)
Thank you for your video, just what I was looking for. Only problem I had was converting the lower text to flip UP. But you did state it could be tricky. Got er gone, don't know how. Thank you again for your clear, concise explanation with highlighting of specific toolbar items to use. Cheers.
For some reason, I can never remember how to do this, so I always come back to this video when my brain fails me. Thank you for making such a helpful tutorial!!!
Tavia Merritt
Great video - lots of informative asides, no extraneous humming & hawing and a lovely calming voice - thanks Eric!
Great tutorial Eric! good job going into the reasons for doing things and what to select before making changes. Everytime a question popped into my head you answered it within a few sentences!
that was a terrific tutorial! Thank you very much. I'm subscribing.
Thanks Billy!
This tutorial was extremely helpful. Thank you!
Here are some additional hints for those using Photoshop CC 2014:
1. Hold down the "alt" key in order to draw an ellipse from the center. Hold down the "shift" key as well to make a circle.
2. Then right-click on the ellipse and select "Make Work Path". Everything else is the same.
Cleve Crudgington Nice tip, thanks Cleve!
Eric Renno Great tip
I literally go back to this several times a year to remember how to do this! Thanks so much for making it easy to understand, and then, recall!
second time i've watched this, determined for it to sink in sooner or later. As a complete photoshop numpty I will be the guy to say that it was perfect for my needs. I didn't know I could put guides to 50%, the whole path thing is new to me and very well explained. Thank you.
Merv Sheldon You're very welcome Merv. Photoshop is a massive program so we all remember our numpty days! Any questions you can contact me easily through the website, where you'll find loads more to help you too :)
4:30 how to create text
Use T button on your keyboard mate for the Text Tool
I didn't know that I can make guides by entering percentage of document size, and also didn't know about the "window/arrange" menu so for me it was actually very helpful to watch the first 4 and half minutes :)
I would say that occurs more around 6:30
you're a hero, thanks
Danny Pops Thank you
OMG!!!! Thank you so much! You're very clear and a good teacher and you took your time. I made an awesome logo for my homeschool I totally love it! Thx again.
:-) You're very welcome, thanks for the lovely comment!
Ditto!! Thanks!!
This is the best photoshop tutorial I've ever watched! Super thorough and easy to follow. Thanks for putting this up!!! It really helped me out.
along with the cool project, one thing i really like about your tutorial is that you impart techniques that are good toolbox items, very useful beyond the scope of this project. that to me is the mark of good instruction. thank you, Eric.
Hey Eric, Alot of people seem to be slatting you quite a bit in the comments; but not me. This guide was perfect and the step by step guide was awesome.
Most, like yourself have been very kind. I take onboard all criticisms as a way to improve. Thanks for the comment, really appreciate it (Love the avatar too!)
Ha. Thanks, I don't know how I missed this one
Great tutorial getting the text to the path doesn't work for me and it's driving me up the wall I get the circular path. I can see it in the Paths tab. I have reset the character tab and then selected my font and size. then I move the cursor until it changes to the "wavy line" version as I move to the path. I click and start typing text. And it appears in a straight line. Tried this over and over and over gain and actually got it to work ONCE (with the wrong font and size) after about 50 attempts. It really shouldn't be so insanely difficult. I've wasted over an hour on this and had to give up.
I'm with you on all that. Learning software by tutorial is often VERY hard due to all kinds of things. It can be SO frustrating.
Thank you so much Eric for this tutorial, quite simple, easily and accurately explained, and a really amazing voice. Learnt a lot from this as it made me tackle a challenge i had.
I think i just feel in love , this information has helped me so much it took me all day but I got it, Thank you so much
+Rukiya Williams Haha! Thanks Rukiya
Annoying none of these videos show you in 20 seconds though how to just make circular text.
Thank you! It really helped me as you can see if you look at my logo!
hello may i ask what version of photoshop is he using by this vedio
i think hes using cs6
Thanks for the help Eric. I always struggled with my text being upside down, did not know how to fix- or know it was that easy for that matter. Appreciate your brilliance!
Thank you man, working with paths has always kinda confused me and you've made it much easier to understand just via demonstration, very much appreciated.
Hi, at exectly 1 minute into the video you say 'click down' to select 'create ellipse'. What do you mean by this please? When I click on the layer, nothing happens. Thanks!
+Steve Franklin After you select the ellipse tool from the tools bar, u just click on the screen (on the layer).Then, a lil window pops up like the one in the tutorial where u can specify the size you want. Worked for me. Hope this was helpful.
+Steve Franklin Having the same problem here. Nothing happens when I "click down" :(
+Vdbak Khush Thank you!
+Steve Franklin I don't know what "click down" is either.
+Steve Franklin Just my opinion, but I think he just meant to click down on the mouse button, since that's all you have to do.
I want you to read me my bedtime stories, you have got an awesome voice
waho
sir, thank you for making a direct and to the point tutorial. normally i dont use pixels but you may have just sold me on them! keep up the great work!
Perfect tutorial. You have a great presentation style--concise but not skipping over important parts. Much thanks!
That was a wonderful tutorial, besides you have a great voice for narrating!!!
#EditTitle "The Most Convoluted Explanation on How to Write in a Path in Photoshop".
“You Keep Using That Word, I Do Not Think It Means What You Think It Means”
You just saved me with the reset character. I have been pounding my head all day on why my type was under/inside my path. I have typed 1000 paths before with never a problem. Thank you!
There are those things you just don't do often enough in your normal workflow for them to stick in your memory - I watch this every time I need to put text into a ring, band, or border... Thank you so much :)
Lol, came here for the circle xD THAAANKKSSS
Thank you !!
Grey Iishak My pleasure :) Thanks for leaving a comment.
Great tutorial, Sir.
We can also use a different method to align our circle to the exact center point of our document by creating a circle on any random point as it's center then press Control+A to select the layer, press V (move tool) then select "Align vertical centers" and again select "Align horizontal centers". And we are done with our shape perfectly in the middle of the document, same with rest of the layers.
Dear Renno, I just wanted to say thank you very much for this tutorial. Just brilliant and solved my dilemma. Thank you
Thanks Sebastian, really pleased it solved an issue too :)
The best RUclips tutorial for Photoshop I've found. It's clear and very easy to follow, exactly what you need. (Thank you.)
Will be taking a look at more of Eric's RUclips films.
Exactly what I needed to learn today. Thank you! Your video is still serving users after four years!!
Brilliant... Thank You so much Eric! Your instructions are so clear and thorough. It took me a while but it was a better job than I would have bodged together on my own.
I have used this video so many times. This is a photoshop thing I can never seem to remember. THANK YOU for this simple and useful tutorial.
wow 5 years later and this is honestly the most helpful youtube video iv come across to do with photoshop. Thank you Eric!
Thanks Lynda! It does seem to be popular. I made this one because I always forgot how to do it 😊
Thank You Eric for this tutorial! For the first time, my boss asked me to create a logo and I've used your tutorial wisely and it worked! Thanks :)
+balqis azman Awesome, glad to hear it went well!
I have different versions I work on and am still learning (Elements 10 and Cs6). I REALLY APPRECIATE YOU. You make things very easy to learn and memorize. Thank you so very much....
Very good tutorial! I have been using Photoshop for over 10 years and still needed a little help in making sure I was doing my logo right. Excellent pointers, great pace. Thank you!
britainm3 Thank you for the lovely feedback! :)
I just had to leave feedback to say this has really blessed me... I was struggling with this for a church project and this took me right to what I needed...... THANK YOU!!!
Great to hear! Thanks for the comment, I really appreciate it :)
Thank you so much for this tutorial. I created a piece of work from following your instructions which I am really chuffed with and had no idea how to do it beforehand :)
I KNEW there was a better way than warping text! Thank you for the quick and clear video.
Thank You so much! Finally a video showing step by step how to do everything and giveing you extra information how to do if you can't find the specific tool! :D
Just Amazing!
Viktor Perssons Thanks Viktor, really pleased you liked it, thanks for the comment :)
This video helped me a lot, been trying for ages to get the text at the bottom of a circle map, but in the right direction in stead of all the way around. Thanks very much!! :D
your a legend mate. I have been trying to figure out text writing on shapes forever. you have done an awesome and comprehensive guide thanks
Huzefa Ishaki :) You're very welcome. Thanks for such a nice comment!
I like how you say "TipSquirrel"! I also like your extremely useful path tutorials. Thank you Mr Renno.
Haha One may argue I say it 'properly' ;-)
Thank you so much, Eric! What a great tutorial! I've found so many others on how to create round logos/text that leave out all the cool tips and tricks that you include in yours. I'll definitely be bookmarking this one and subscribing to your channel! :)
Thanks Jess! More videos coming soon!
Thank you for this tutorial...I was not sure how to do writing on a path twice (top and bottom), but you were a big help to me!
Great video! I'd watched four or five others before I found yours and was really frustrated as no one explained this well. Appreciate you taking the time to post this tutorial! Thank you!
Heidi Pettigrew Thank you Heidi! I'm really pleased you found it useful, thanks for the feedback and such a nice comment, much appreciated :)
Thank you too, always nice to hear from satisfied readers / viewers
Best circular text tutorial that I have viewed. It will help me a lot! Thanks!
Thanks Eric, was annoying me when i couldn't do it your tutorial helped a lot. Thank you for sharing your expertise
i like the fact of how you specific you are in your tutorials... very easy to follow ... Thanks
Spot on..no annoying accents or daft screen play...perfect thank you Eric !
Nice little trick with the baseline tool setting! I had always streatched the circle and re-adjusted the size of the text which worked but took a few stepts to get right. Very Helpful! Thanks!
Thank you, Eric. Many very useful tips and your helpfulness is appreciated. I would kindly suggest (to all tutorial makers) to please provide the software release version as Adobe likes to "rearrange the furniture." I got lost several places b/c of version differences. For example, I use CS 5.5 and the pathway text positioning tools are under the EDIT_Transform menu. To flip the lower text in Eric's example (in CS 5.5), highlight the path, then the text, then flip the horizontal. Following this, use text editing tools (baseline shift) to set text on desired circular path. At least, this worked for me!
I don't know how can I say how much you've helped me! Thank you so much, so much. Just in this video, I've learnt a lot. Come to Brazil to give us a workshop alive haha.
Ysa Gonzalez You're very welcome, thanks for the kind words. Given the chance I'd be on a plane tomorrow!
Thanks. It is so simple and so complicated at the same time. Still, personally I use guides and stored selections combined with groups to center / distribute layers. It take some time to set them up but for complicated designs it save a lot later.
Thank you for your time and your share. Keep it up !
Its a good way to work, in many cases I'll draw out a circle and centre it, always several ways to do something in Photoshop. I combined a few tips into one for this video.Thanks for the tip and comment Valentin :)
I have been here so much and learned so much! This is better than other tutorials I've clicked on. Thank you.
So I watched 3 other videos to find the one I wanted and this one had everything! Amazing video, it had everything I need to get what I wanted, the voice didn't hurt either!
Jacquelin Powers Hahaha thanks Jacquelin, I'm available for answer machine messages ;)
Excellent. Nice to see, and hear, tutorials in English English and not American "English"
Your tutorials are so easy to follow.
Well done Eric, simple yet professionally presented.
Eric Renno, you do such a great job in your videos, keep this up! People really appreciate this!
First class example well spoken and very clear... easy to follow at the right pace, Thank you.
Thank you so much! This was perfect! Straight to the point, and excellent demonstration. You're a lifesaver!
I was very lost and frustrated until I found this video. Thank you so very much. Watched it several times. Then followed along in PS. This was a big help. Thank you again.
Ignore that one. I figured it out now. I'm using cs5 so it took a bit of patience, something I'm not too good at :),
Thanks again
Tom
One of the best tutorials for PS I have ever seen. Thanks :)
The only one who brought this solution in change the baseline to put the text outside the circle. Thanks
Excellent tutorial, thanks! Your time menu is a nice touch, too. I was looking for text on a circle and was able to jump right to that section. I liked that so much I went back and watched the whole thing. Learned a lot about paths and shapes that I didn't know before. Subscribed. Going to look for some of your Lightroom tuts now. Thanks again!
+Paul Livingston Great stuff, thanks Paul. You'll find Lightroom tutorials on TipSquirrel.com, I haven't recoded any for here
+Eric “TipSquirrel” Renno Oh wow, great site! And I'm not just sucking up ;) Within about 38 seconds I found something that helps me a great deal...how to change the font preview size. Didn't even know you could and now I can see them, YAY! Thank you again!
Nice job. You have the correct personally to make tutorials. I'll be checking in more often. Thanks. Marv
This was awesome!! Great detail. Didn't move too fast which made it easy to work along with. PERFECT! Thank you!!
Excellent video, at last a simple explanation of what I was looking for. Very well done.
absolutely amazing tutorial, thank you, and your voice is so fitting for tutorials, easy to listen to,
That was a brilliant demo Eric. Very clear and easy to follow. Thank you.
sdbratman My pleasure, thanks for the comment :)
Thanks, this was really helpful. I needed this for the text on the bottom, and the instructions worked perfectly. I'm using PS CC 2014, and all the tools were the same.
Thanks Eric ... you calmly, carefully and professionally helped me ... a lot. THANKS!
thanks for this guide, i wasn't able to make the circular text from bottom. also your voice is soothing.
Great video! Easy to follow along with and understand what you were saying. Extremely helpful. Thanks!
Thanks for sharing Kevin :)
This tutorial was absolutely FANTASTIC! Thank you so much.
S. Jones Thank you! And thanks for taking a moment to leave a comment. Much appreciated :)
Was a lot of help for my first logo design! Thank you so much for making this tutorial! :)
Thanks Eric, coz of this Video, i was able to create a replica of your logo. This was my first attempt at using Photoshop. Am truly thatnkful
+Kairo Kiarie My pleasure Kairo, thanks for leaving a comment
Thank you very much from Rome, Italy. And Happy Xmas!
CRACKING, saved me hours of fumbling, nice pace you go at :) respect!
One thing I believe you overlooked is that you can select all, then go to the Layers Menu while you are actively working on any of the circle layers> Choose Align> Align to Vertical centers and to Horizontal centers. Et voila the layer will be perfectly centred, repeat this for all of the circle layers and you're done, without any of the fiddly setup and it's even more accurate than clicking on a magnified centre.
Apart from that, great tutorial, thanks :)
Great Tutorial, you are a very good teacher, instructions were clear and to the point. keep them coming.
Wow, Eric-
Great response time! It's 1:07 into the video when one should select the ellipse tool and 'click down' that nothing further happens; no window opens which might allow my choosing the dimensions of the ellipse. I'm using CS3 - could that be the problem? Thanks in advance - Steve
Hi thanks for the upload.
I'm struggling to find how to select the size of the ellipse, when you say to click down and it brings up the window mine doesn't seem to do this....help
Thanks.