How To Type In a Circle In Photoshop – Text In a Circular Path Tutorial

How To Type In a Circle In Photoshop – Text In a Circular Path Tutorial


In this video, I’m going to show you how
to type in a circle in Photoshop. Hi. Welcome back to the Photoshop Training Channel. I’m Jesus Ramirez. In this video, I’m going to show you how
to type text in a circular path in Photoshop. Believe it or not, this is one of the most
asked questions that I get in regards to text in Photoshop, so I decided to make a video
on it. This is going to be a complete guide showing
you how to type in a path. Okay, let’s get started. We’re going to work with this document that
contains layers, a background layer, and a simple design element. Before we get started, I’m going to create
guides. Make sure that you have your rulers enabled. If you don’t see your rulers, you can go
into View, Rulers, or press Ctrl R, command R on the Mac to enable or disable the rulers. Then, click and drag to create a horizontal
guide and snap it to the center, and a vertical one as well. If you don’t have snapping enabled, you
can enable it by going into View and make sure that Snap is checked. Also, you can right click on the Rulers, and
select Percent and 50% on both the horizontal and vertical axis will show the center, so, that’s something that you can use as well. Now that we have our guides, we can create
the path where we’re going to type text inside of the circle. I’m going to select the Ellipse Tool, make
sure that in the Options bar, you have Path selected. Then, I’m going to click right in the center
point where the guides meet and drag out. Then, I’m going to hold Alt to create a
circle from the center. That’s Option on the Mac, and have the Shift
key to constrain that into a perfect circle. I’m holding Alt and Shift and dragging out. Then, I’m going to release once I get to
this point, and I’m going to click on the Horizontal Type Tool. Make sure that white is my foreground color. I can click anywhere on this path and start
typing. I can type Photoshop Training Channel. Then, I can click on the check mark or press
Enter, Return on the Mac to commit the changes. Now, this is the part that can get a little
confusing, but I’m going to go slow so that you can understand the concepts. I’m going to click on the Move Tool, and
I’m going to show you what most people would do in this situation to align the text. They will probably press
Ctrl T, Command T on the Mac, move the pivot point to the center, and click and drag to rotate the text. While that certainly works, I don’t think
that’s the most efficient way to work. You can actually click on the Path Selection
Tool instead, and if you click on that path, that will become your new start point. Notice how I’m clicking the path, and that
becomes a start point of the text. Also, I should have pointed out that
my text is aligned to the left. Anyway, I’m going to go back into the Path
Selection Tool. I can click and set my start point, or I can
click and drag this point, which sets my start point. My end point is here, so I’m going to click
and drag the end point to the other side, right there. Then, drag my start point and drag it here
because I want my text to fill the top half of the circle. If your text is too big, you can go back into
the Type Tool, triple click to select all the text, and just reduce the size of your
text. You can use the down arrow key on the keyboard
to decrease the size of your text, or you can use the up arrow key to increase it. Now, my text fits within the top part of the
circle. I’m going to edit the text, so I’m just
going to type tutorial so that I can show you the next example. The reason that it’s important to use a
start and ending points is so that you can align your text. Let me show you what I mean by that. Now that I have less text, you will be able
to see what happens when I click on Align Right. The text aligns to the end point. If I click Align Center, text centers between
the starting point and end point. Also, when I have Align Center enabled and
select the Path Selection Tool, I can click and drag the starting point, and you can actually
see the center point. Do you see that line close to the second P
in Photoshop? That is the center point. That’s why I think that using the starting
point and ending point are more efficient than simply pressing
Ctrl T, Command T to rotate the text. I’m going to click on the Move Tool. Now, I’m going to show you how to type text
on the bottom half. The easiest way to do it now that we have
the top part of the text finalized is by pressing Ctrl J, Command J on the Mac to duplicate. I’m going to hide the original layer. Then, I’m going to select the Path Selection
Tool, and click and drag the starting point to the other side, click and drag the end
point to the other side right there. Then, when I get to this side, I can simply
click and drag inwards. Notice how the text flips. See how the text flips there? I can click and drag my end point there, so
now the text is here. Then, I’m going to change the text, and
I’ll just type by Jesus Ramirez. There’s two methods for aligning the text,
and I’m going to show you both methods. What I’m going to do is I’m going to press
Ctl J, Command J on the Mac so that I can show you both methods. Each method will be on one individual layer. First, with the layer on the bottom, you can simply enable both layers and select the Path Selection Tool. Make sure that the bottom half is selected, and then press Ctrl T, Command T on the Mac and click the Shift key, then Alt, click
and drag out, and make sure that the path matches the top part of the text. See that there? When you match it, just it Enter, Return on
the Mac, and now the text matches. The second method is by selecting the text
layer and going into Window Character, and adjusting the baseline of the text, so you
can just click on the Input box and press the down arrow key on the keyboard until the
top part of the text matches the line. You can use either method,
whichever one works best for you. What I’m going to do now is show you what
to do just with a simple path. I’m going to hide the layers and then press
Ctrl semicolon. Then, I’m simply going to click on the Pen
Tool and just create a path. The shape really doesn’t matter. Then, click on the Type Tool, the Horizontal Type Tool,
and by the way, when you’re working with a path and it disappears, and you don’t
see it, you can always find it in the Paths panel. You can enable it by going into
Window and Paths. Anyway, I’m just going to click on here
on the path, and I’m going to start typing Photoshop. Notice two things. Number one is that the end point is righ here,
which is why we can’t see the rest of the text, so I’m just going to move that
away to the other end. We have the text aligned centered, which is
why it moved there. Second of all, the reason that the text is
below, it’s because we were working in the Character panel and we have the
baseline set to -46, so I can just type zero, hit Enter, and the text moves above the line. Now, I can keep typing in that path. Photoshop Training Channel on YouTube. You can see how the text follows that path. Notice these problem areas here with
the T and the R. You can click in between the text and hold Alt, Option on the Mac,
and use the right arrow key. I’m tapping on the arrow key on the keyboard
to separate that text. You could also do that
in the circular path as well. By the way, let me know in the comments below
if you knew these techniques already. Also, if you want to learn more about type
and text, then check out all my text tutorials here on YouTube. I’m going to paste the link to that playlist
so that you can check them out. I have tutorials on recreating the Black Panther
text effect, creating 3D chrome text, and many more text effects that you can
create in Photoshop. If this is your first time at the Photoshop
Training Channel, then don’t forget to click on that Subscribe and Notification buttons. Thank you so much for watching, and I will
see you again in the next tutorial.

100 thoughts on “How To Type In a Circle In Photoshop – Text In a Circular Path Tutorial

  1. Man, can't thank you enough for this. Always got lost while working on it in PS, always had to import it from .ai. Thanks, man!!

  2. Most of what you say at the begining isnt in the updated version of cc – I have had Illustrator for about 20 years ans still hate it the same as the first day I used it…. and never used it much ever since. Do you recommend another software instead of Illustrator…. I thought with time it would get easier but… nope

  3. Excellent tutorial, best I have seen. Thank you for sharing, this really helped me in creating a logo for the business.

  4. For the inverted text, ajusting the baseline is better because the scaling option create problems with the letter spacing.

  5. Neither worked for me when I flipped the text underneath. It distorted/scrunched up my text. When I used method 1 it didn't align for some reason. When I used method 2, it did not show me a live stretch of the words, it only showed the new stretched out version when I clicked 'apply', so it was tedious trial and error.

  6. everytime i click on the path selection tool, my path just vanishes and i can't set any start or endpoints. halp please 🙁

  7. Great videos, but PLEASE – can you tell us in the description AND right at the start of your videos – which version of photoshop you're using???. That will save us all a lot of time. Thank you!

  8. Great video. Thanks. For some reason my Photoshop CC 2018 just started shutting down when I tried to print. I just purchased an Epson 2750 and it was working well with Photoshop. This morning I tried to uninstall an old printer, and now Photoshop shuts down on me. It's the only software that is doing this. I can print work and publisher docs. Do you have any ideas of why this is happening?
    Thanks.

  9. This is GREAT! I've been trying to figure out how to get the text at the bottom of the circle to read right. This answers my question! Thanks, Jesus!

  10. THANK YOU for this video. I can see why it's the #1 request/question. Just helped me on a project, so I'm very grateful! =D

  11. Thank you so much! This is the most precise instruction I have found for this technique. Definitely subscribing.

  12. It would have helped alot if you'd startedthis Tute by creating a new file and explained what document size and resolution you were using.also, slow down, so us folks who need the help can catch on to what you're doing. I knnow it' a PITA to ha ve to explain everyclick and stroke you do, but that's why you're makin the tutorial in the first place. I'm going to subscribe and hit the bell too, so i know when I can catch a new video.BTW, I'm using PS CC 2019. -thankks, Jesus!

  13. Very helpful.. I've been using ps for years and never knew this..I was doing it the dumb way! Thank you.

  14. Thank you so much for this amazing tutorial. You are an awesome teacher. Now I can say that Jesus saved my life: just completed a logo for my business!

  15. May I know from which version of Photoshop, text to path supports. I use Photoshop 7. As I do not want to go for the latest version of photoshop basing on my work needs, I wish to minimize the stress on my system from freezing or hanging-up. To comment, I appreciate the good work u`re doing to teach Photoshop to beginners as well advanced users. But a lot of people who teach online, do not mention the version of Photoshop they are working on in the video tutorials. Hope this is taken note of in future tutorials. Thank and good luck.

  16. Im sorry I tried and it does not work for me. I must have missed something. Losing my patience after trying 50 times.

  17. Exactly what I was looking for! Nice and simple and you talked me through it, along with great visual presentation. Much appreciated!

  18. I can't make the ellipse path so I can't type text on it, there is no path option…im using photoshop cc

  19. I wanted to update a logo. Before I had to make the circular text in another program which I no longer have on my PC. This way is soooo much better. Thanks, your a star. Subscribed and liked.

  20. Thank you!! You save me so much time in trying to figure it out on my own, you are so easy to follow and provide great direction. I will definitely watch more of your tutorials.

  21. Nice… what I was looking for, someone who can explain it clearly and to the point. Thank you. Subscribing.

  22. Great tutorial! Thank you for sharing! Also, I gotta say, I love when the camera cuts to your wonderful cheerful smile! You make photoshop learning fun!

Leave a Reply

Your email address will not be published. Required fields are marked *