Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
I have saved my changes as Side-by-side area text.psd, so-called by the way because we have area text over here on the left and right-hand side of our magazine cover. In this exercise we are going to take this text right here, Make Him Love You In Less than 5 Minutes, and we are going to paste it into a custom shape outline, so that it wraps to the contours of the model. So here is how we'll start. Get the Type tool and click inside of the text to make it active. Then press Ctrl+A or Command+A on the Mac, in order to select all of that text.
And now I'll go up to the Edit menu and choose the Copy command or press Ctrl+C, Command+C on the Mac, because this time we not only want to copy the text, we want to copy its formatting attributes as well. All right, so we're done with that. I'll press the Escape key to cancel out of the Text Edit mode, and I am going to turn off this text layer clicking on its eyeball icon. Now then I want you to switch over to the Paths panel, and you'll find Paths to the right of the Channels tab right there next to layers. You can also go up to the Window menu and choose the Paths command if you prefer.
Now we haven't seen this panel before, and the idea behind paths is these are vector-based shape outlines, just like we saw with that i for info and that fleur-de-lis, and all that jazz. The big difference here is we are not talking about layers; we have the vector-based path outlines by themselves. They are still resolution-independent, but they are really essentially image-independent. They exist entirely independently of everything else that's going on inside the image. And they're just vector-based shape outlines that are lying in wait for any of a variety of purposes that you like.
So, for example, I could select this container layer right there. Notice that it goes ahead and traces, first of all, horizontally at the top here. Then it traces along the woman's arm, then it traces down next to her necklace, another horizontal line above her glove, and then a vertical line on the far left-hand side of the composition. I drew this path outline using the Pen tool. I should tell you, we'll be exploring the Pen tool in detail in its very own chapter, in the mastery portion of the series.
So that's something to look forward to in the future. But for now just know, we've got a Pen tool path. I want you to go ahead and click on it here in the Paths panel, and you will see it's outlined there inside of the Image window. Now we don't need the guidelines anymore. So you know what? You can either go up to the View menu and choose Show and choose Guides to turn them off, or press Ctrl+;, Command+; on the Mac, or if they are really getting in your way at any point in time, you can just go ahead and choose a Clear Guides command, and that will get rid of all the guides.
Now that's kind of a Defcon solution. I don't necessarily recommend it, but it is a way I am just clearing out the guys so that they don't bother you anymore. I am just going to choose Show Guides to turn the Guides off. And then with my Type tool still active - this is very important - go ahead and move the Type tool Cursor into that path space. So I am going to zoom in on it actually so that we can see it, up close in personal there. Notice that instead of seeing the standard I-beam cursor or seeing an I-beam cursor with little dotted square around it.
As soon as I move it inside of a path outline, I see a kind of dotted circle around my I-beam. And that shows me that I am going to place this text into the path. So I'll just click and all of a sudden notice, the path outline becomes a text-frame. And I have a blinking insertion marker. It's a little hard to see over here in the upper left-hand corner of this frame. And I'll go up to the Edit menu and choose the Paste command or press Ctrl+V, Command+V on the Mac, to go ahead and paste that text in the place that appears right there inside the frame. Awesome! Now I'll press Ctrl+A, Command+A on the Mac, in order to select all that text, and you know what? It needs to be flush right again.
So I am going to click on this right align text icon up here in the options bar or just press Ctrl+Shift+R, Command+Shift+R on the Mac, in order to right align the text, and that's it. Now I'll press the Enter key on the keypad, or you can press Ctrl+Enter or Command+Return on the Mac. I'll switch back to the Layers panel. And notice I now have a new layer called Make Him Love You In Less than 5 Minutes, immediately above the last one, that's turned off. And associated with that text layer, if I go back to the Paths panel is a temporary path in addition to container, so that's what it used to be called, and it still exists by the way the container path does.
But it's not associated with anything inside the image, whereas this path, it's showing up as a temporary path, meaning that it's a temporary occupant of the Paths panel. We are only going to see it, when this text layer is active, and it tells me that this is the blah, blah, blah Type path. It's the path that includes that area text. And this is still another variety of area text by the way. It's just that rather than having the area text set in a rectangle as by default, it's set inside of a custom shape. All right, so I'll go ahead and zoom out here, in order to take in more of the image at a time, switch back to the Layers panel.
And you know what, just because this text seems awfully tight to the model's arm right there. I don't want you jabbing into her underarm quite that much. So I'll go ahead and press the m key to switch back to my Marquee tool, just so I have a neutral tool selected, and then I'll press Ctrl+Left Arrow, three times, let's say, Command+Left Arrow on the Mac three times, in order to nudge that text over three screen pixels. I'm looking at the image at 33%, so then nudging is relative to the zoom ratio, by the way.
Anyway, that looks pretty good I think. I'll just go ahead and switch to a different layer right here, so that I'm not seeing that path outline anymore. Hey, you know what? Just to keep things tidy, I am going to go ahead and click on this New Miracle Diet layer right there and Shift+Click on the uppermost, the visible, Make Him Love You layer. And now I am going to group them together. By this time taking advantage of the keyboard shortcut Ctrl+G, Command+G on the Mac. And that doesn't allow you to name the layer. You'll have to go ahead and double-click on Group 1 right there, and I am going to call these teasers, because these are the teasers that direct you to specific articles inside the magazine, and also hopefully inspire you to buy the publication in the first place.
All right, so that's how you create text inside of a custom path. In the next exercise, I am going to show you how to create text along a custom path.
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.