Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
All right. I've gone ahead and saved my progress as a document called Circular space outline.psd that you can open if you want. All it is, is that circular outline that we created in the previous exercise, just in case you didn't want to make it yourself, not that it was hard or anything. Now what we're going to do is we're going to create text on that outline, and here is how it works. Get your Type tool right here; you can do it by pressing the T key of course. Then you position your Type tool cursor on the path outline. I want you to see something about this cursor. Notice if I move the cursor outside the path outline, now we see the familiar I-beam inside of the dotted square, which tells us that we can Click to create point text or drag to create area text inside of a rectangular frame. Or I could move the text into the circle and notice that now I have an I-beam inside of a couple of dotted parenthesis; actually, I think it's an ellipse, which tells me that I'll create type inside of whatever shape this is.
So if I were to Click now, then I'd create type inside of a circle. Of course, you can experiment with that if you like, but that's not what I'm going to do. I'm going to move my cursor onto the path outline, and notice now we get an I-beam with the little dotted line going through it, and that tells us we're going to create text on the path. Then you Click somewhere on the path. Now ideally, you would Click right here at the top of the path, and even better, if you wanted to exactly align things, you would go back here to the Arrow tool; either the Black Arrow tool or the White Arrow tool, which Adobe calls the Path Selection or Drag Selection tool, it's easier just to work with the Black Arrow tool here. Click on this path outline, so you can see exactly where the apex of the circle is.
Then you would go back to your Type tool and you would Click right there on that apex in order to set the blinking insertion marker right there in the center, and that way notice that the text is centered; in the case of the text inside of this document by default, and then you would start typing away in order to put text on the circle, and that's all there is to it. Now then, I'm going to press the Escape key to escape out of that, because I've got some text created for you, rather than making you create some elaborate text and format it and go through all the stuff that we've already gone through, I've got some text ready and waiting for your text copying pleasure, and its inside of this document right here, Space text.psd.
Now, if I zoom out, you can see that this is a very wide, not too tall image, which is why I'm zoomed into it, so it takes up a little more room. It includes two lines of Type. The top line is going to go along the top of the circle and the bottom line is going to go along the bottom of the circle, as you'll soon see. Now, the easiest way to select and copy this type is to go to the Layers palette, and notice this layer right here, Everyone (top line). You want to Double-Click on it to select all the text. Don't Double-Click over here in this region by the way. If you do that, you'll bring up the Layer Style dialog box, we don't want that, press the Escape key. Don't Double-Click on the text. That will just select the text right there. That is the layer name, so that you can rename it. Press the Escape key.
Instead, Double-Click on the little T on the thumbnail, which is very dinky indeed in the case of this illustration, Double-Click in order to select all the text, like so. Then go up to the Edit menu and choose the Copy command or press Ctrl+C, Command+C on the Mac; that copies the text without any fanfare whatsoever. I always think that there should be a "Tada!", to let you know something happened, but anyway, without fanfare the text has now been copied to the clipboard. Now go over to Circular space outline. psd and again, ideally, you would Click right there at the top, but I'm not going to, I'm going to Click over here, because I want to show you how to solve the problem. All right. So I'm going to Click off kilter a little bit, and now I've got my blinking insertion marker, we're all ready to go. I'll go up to Edit menu and choose Paste, or press Ctrl+V, Command+V on the Mac to restore the text from the clipboard.
Of course, it's not centered, is it? It is centered at that point, because the alignment is set to center, but it's not centered where our path outline is concerned, and that's because I went ahead and set the center point right at this location right here. You can see it underneath the M in IMPART, next door to the ampersand. So check out my cursor. See how it's just a standard I-beam cursor? You aren't going to be able to see this. I don't think there is any way to make this visible the way it needs to be, but if you press and hold the Ctrl key or the Command key on the Mac, you will see this bounding box around your path outline. Keep that Ctrl key down on the PC, the Command key down on the Mac, and then move your cursor over the text, you'll see a shockingly illegible cursor, which is in I-beam with two Black Arrows on either side of it. Because we're seeing the cursor against the black background, we can't see those arrows very well at all, but I'm telling you that's what it is, an I-beam with two arrows, and that shows you that with the Ctrl key down or the Command key on the Mac that you can drag your text around, like so.
Notice as you drag, you've got that line that's right there on the M in IMPART, see that line that's going up and down that what should be a vertical line. Then 180 degrees away; I'm not going to show you because that flips the text, but 180 degrees away, you can see it down there, I'll move it over to the lower left Ghostbusters icon, that red icon right there, there's another line that ought to be vertical. Those lines show you the alignment points on this circle. All right. So you want to make it completely vertical, which is hard to tell where that is, incidentally, so what you really want to do is keep an eye on the E in Everyone and the A at the end of MEDIA, which are the extreme letters on either side of this sentence, and make sure that they're equidistant from the red Ghostbuster icon. Now you know what I'm talking about. Then release the mouse button and then release the Ctrl or Command key, and just like that you've got some text that's aligned exactly the way it wants to be.
I want you to notice that the new text layer reads Layer 1 and over here in the Paths palette, we have this new path that Photoshop has created for us, its called Layer 1 Type Path. As soon as I press Ctrl+Enter or Command+Return on the Mac, so the layer now gets a name. Everyone has the right da, da, da, and over here in the Paths palette we have a path that's called Everyone has the right to seek re.... That is the path that's associated, that mathematical construct that's holding up the letters. You can edit it if you want to, but we're not going to, we're very happy with our circle, but if you were to edit it, of course that type would reflow.
Anyway, I'm going to Click off of the path underneath it, here in the Paths palette, and the reason is I want to hide this path outline, because its a non-printing element, I don't want to see it. I'll Click off of it. Its still there, its still holding up the text, we're just not seeing it now on screen. All right. We have created successfully text on a circle. Very well done. In the next exercise we're going to create text along the bottom of the circle, which believe it or not presents new challenges that we are going to face head on my friends, join me.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.