Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Let's see how easy Photoshop makes it to display a photograph within some text. We'll begin by tapping the T key to select our Type tool and then click anywhere in the image and type the word LEAVES. I'm going to use all caps in order to type that, and then I'm going to hold down the Command key, which will give me my transformation handles. Then I can click and drag to make the text larger. I want to make sure to hold down the Shift key as well as I drag, if I want to maintain the proportions of the image. Then I'll let go of my mouse as well as the keyboard modifiers.
I'd like to make this a little bit bolder, so I'm going to click and swipe to select the text, and I'll change this to Bold. It doesn't really matter which font we're using right now. If you would prefer, you can choose another font, maybe something like Impact that's even bolder than Myriad Pro. All right, to apply that change, we'll click on the checkmark. We now have our text. If we need to reposition it, we can grab the Move tool and move it around. We can even use the arrow keys in order to nudge it into place. Now in order to clip the Background layer inside the leaves, I need to convert the background to a layer.
I'll double-click on it and we'll call it photo and then click OK. I'll reposition the photo layer on top of the LEAVES type layer in the Layers panel, and then I'll choose Layer > Create Clipping Mask. We can see that the photograph now only appears within the type. The type remains editable so that if I go back to the Type layer in my Layers panel, tap the T key to select the Type tool, we can change this text at any time by double-clicking on it and then typing in a new word. I'll use Command+Return in order to apply that change.
Now to make this a little bit more visually interesting, I'm going to duplicate the photo layer by holding down the Option key or the Alt key and dragging a copy of it below the text layer. When I let go, you'll notice that I have an exact duplicate of the photo, but it is not clipped. I'm going to decrease the opacity of this layer a little bit by tapping the V key to select the Move tool and then tapping the 8 key to reduce the opacity on the Layers panel to 80%. In order to increase the distinction between the text and the background, I'm going to select the type and then I'll choose from the fx the Bevel & Emboss.
I'm going to soften the Bevel & Emboss a little bit and also make it larger. Then I'll click OK, and we can see if we toggle on and off the Eye icon, what a difference that makes. I'll also go to my Preferences--on Windows you would go under the Edit menu--and choose Transparency & Gamut. I just want to turn the Grid Size to None, so that we can preview a more realistic view of the image. So that's how easy it is to clip a photo to your text. The text always remains editable. And in order to separate the text from the background, we simply decrease the opacity of the background layer that we duplicated and then add a Bevel & Emboss layer style to the text.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 77032 Viewers
64 Video lessons · 94854 Viewers
86 Video lessons · 62236 Viewers
103 Video lessons · 31677 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.