Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
All right, we are going to take a look at a couple of other warping scenarios because text warping can be so useful and it works so darn well inside of Photoshop. I'm working inside of a document called I heart you.psd. And it comes to us from 3D artist, Evgeny Terentev of istockphoto.com, the actual graphic where to turn to these guys up doesn't have I Love You, Smooshy on it. What I want to do is show you how to make for example this text right here on this metallic sort of nameplate as well as, this text on this sort of balloony heart, so you can choose which way you want to go. It's up to you or you can do both.
All right, so how do you do anything resembling this, why, I'll show you. We are going to start with the Balloon effect, because it involves a custom warp. So let's turn these guys off. I have got I Love You, Smooshy, this live text just ready and waiting for you and if you want to know what's going on with that, you can Click on it and then let's just go ahead and switch over to the Type tool so that we can see. This is the color of the text. It's just kind of this bland green right here, if I Click on that little swatch there in the Options bar, a very light shade of green at work, a very pale shade of green as well, cancel it out.
The reason that it integrates with the balloony heart so very nicely is because I have the blend mode set to Linear Burn which is just burning that text in there, otherwise, if I was pressing Shift+Alt+N or Shift+Option+N on the Mac to switch to the Normal Mode, it would look like this, not romantic at all. Anyway, Ctrl+Z, Command+Z on a Mac. The first thing you want to do after Clicking on this layer, you want to press Ctrl+J or Command+J on the Mac to jump it so that you can abuse this layer without harming the original, then turn off the original right there. And I want to apply a Custom Warp. None of the predefined warps are going to work for me. The problem is you can't apply Custom Warp to Live Types. So you have the option of going to a smart object, that's one way to work, but we haven't seen smart objects yet, and I don't recommend it for this specific effect here.
You can convert the text to pixels but then you are limited to pixels, aren't you? So you can't upsample or transform the text quite as well, or you can work with vector based path outlines, which is what we want. So we are going to convert this text to a shape. So I'm in fact going to Double-Click on I Love You, Smooshy copy right there and change the layer name to shape. And then I'm going to Right -Click out here in the empty area or Ctrl+Click, if you don't have a right mouse button on the Mac, and then choose Convert to Shape, right there. And now you are going to see shape outlines around your text. You don't want to see those shape outlines. So oh! Look at this, I have got my Type tool active, I can create text on the letters if I wanted to, that would be crazy.
All right, so I'm going to turn off these outlines right there just by Clicking on them. Notice this little vector mask thumbnail, if you Click on it, you bring up the outlines. If you Click on it again, you make them go away. All right, we don't want to see them. And now I'm going to switch back to the Rectangular Marque tool, just so I don't have my confusing I-beam cursor. And then I'm going to go to go up to the Edit menu, I'm going to choose Transform, and I'm going to choose this command right there, Warp, and if you loaded my Dekekeys keyboard shortcuts so long ago. You have a keyboard shortcut of Ctrl+Shift+R or Command+Shift+R on the Mac. And that's going to send you into the Warp Mode.
Now thanks to the fact that you are working with Shape outlines, not editable text, you could choose that command. You can't apply that command to editable text. And then notice, you get this Custom option right here. All right, you have got no way to limit your movements, no constraints when you are working with a custom warp, which is actually a real downer in my opinion, I don't like that. So you have to create your own constraint sort of, because you don't have Snapping but you will create your own visual constraints using Guidelines.
So here is what I'm going to do, go up to the View menu, choose Show and choose Guides. And you will notice that I have created a couple of guides for you in advance above and below this text. I want you to also press Ctrl+R or Command+R on the Mac to bring up your rulers and I want you to position from the vertical ruler here a snapping guideline right there, that gives you the sense that things are going to snap in the future, you know, they are, and you will see. But anyway position one right there, position another here, right there along that vertical line and we have got two more. Put one here and then put one here and as I say they are just going to serve as visual guidelines in just a moment but that's going to help us out.
Now I want you to take this corner and drag it upward like so. So we are just going to do a slight warp here and I tell you there is no snapping happening at this point anymore. Snapping is over but otherwise if we didn't have some guidelines, we won't know what the heck we were doing. We would just be operating two freeform and this is a symmetrical heart shape, so we want to keep our modifications as symmetrical as possible. I'm going to drag this guy down here. I don't think I have to narrate everything I'm doing. I like you can just see what I'm doing and do it, but I'm dragging this guy up and not to the right, just upward and I'm dragging this bottom right handle downwards. So we get this effect right there. Notice that this handle just kind of tugs at Smooshy right now.
I am going to take it downward so that it pretty much runs into the path outline like so and then I'm going to take this one down as well until it looks like it's at the same place as one over there in the right. Because now I don't want to drag it down to the path outline because now that would be too low. So the two just need to look very similar to each other. You are not going to get it exactly right, don't worry about exactness, and then drag this one up a little bit. It's where I recommend. You can go your own way. Oh my goodness, can you go your own way. This is your love note, baby. Instead of dragging each of these handles outward, you can just drag on the text, kind of right there along the Y. Drag out just a little bit like so because you don't want to go too far, and then drag this guy out a little bit like so as well.
That's not quite symmetrical what I have done here. It's just a little bit. I'm sorry. I'm trying to get it just right. We went a little too far but this is a Y, so we are not going to notice that it as much as that I over there, but let's drag this handle back a little bit or do what you want. Definitely I want to make that clear, and then once you are done, press the Enter or Return key in order to apply that modification and then press Ctrl+R or Command+R on the Mac to get rid of the rulers and then press Ctrl+Semicolon or Command+Semicolon to hide those guidelines and there you have it, I Love You, Smooshy. All right, that's how you put text on a balloony heart sort of shape with custom warping.
In the next exercise, the final exercise, in fact of this wondrous chapter, I'm going to show you how to create that text on a nameplate and you are going to love it too. Stay tuned.
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 42709 Viewers
119 Video lessons · 54067 Viewers
65 Video lessons · 14377 Viewers
113 Video lessons · 82845 Viewers
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.
Your file was successfully uploaded.