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 text. Using the Type tool, and I'll select it by tapping the T key, I'm going to click in the lower left area of my image, and just type in the word leaves. Now, that typed in very small. And so I'm going to resize that by holding down the Command key and then dragging up to the right while also holding down the Shift key in order to constrain the proportions of this text.
Once I get it to fill the screen, I'll go ahead and let go. If I wanted to reposition it, I would just move my cursor away from the text. And then I could drag the text up or down or left or right in order to make that change. Now, in order to commit to this type, I can click on the check mark or use the keyboard shortcut, Cmd+Return on Mac or Ctrl+Enter on Windows. Now, in order to clip the photograph inside the text, I'm going to hold down the Option key or the Alt key on Windows and double-click on the word Background.
That converts it into a layer and then I'll position it above the Type layer. Now it's hiding the Type layer, but I'm going to use a shortcut, I'm going to hold down the Option key or the Alt key and position my cursor right in between those two layers. That's going to allow me to create a Clipping Mask so that the leaves only appear wherever there is information. In this case, text in the layer below it. If I undo that using Command+Z or Control+Z, you'll notice that I can also achieve that same effect by choosing Layer > Create Clipping Mask. Well that's fine if I just want the photo to appear in the text but what if I would like to have a screen back version of the photograph as well underneath the text? In order to do that I'll hold down the Option key or the Alt key. And on the layers panel I will drag the photograph down below the leaves layer. And as I do this you can see that the cursor changes on the layers panel. Instead of just one arrow I have the double-headed arrow. It's the Option key or the Alt key that's allowing me to create a duplicate as I drag.
So, when I release the cursor we can see we now have a duplicate. It looks like the text is gone but it's still there, it's just that I've got a photo layer that's exactly the same above as well as below it. So all I need to do now is change the opacity of this bottom layer so that there's a difference between the two photographs. In order to make the text stand out from the background, I will select the type layer, and then click on the fx icon and choose bevel and emboss.
I'll increase the size of the bevel, increase the softness, and also give it a little bit more depth. I'll click OK, and we can toggle on and off the bevel and boss. So the nice thing about this technique is its very flexible. If I select the Move tool, I can quickly reposition the text anywhere in my image. I can use Cmd or Ctrl+T if I need to make the text smaller or larger. If I actually want to change something with the font, I can tap the T key, triple-click in here and then change it, maybe from bold to just regular. I can even change the type itself.
So we could change this to say green. I can commit to the text by clicking on the check mark. And there you have it. A very flexible way for clipping a photograph inside some type.
Get unlimited access to all courses for just $25/month.Become a member
164 Video lessons · 48210 Viewers
64 Video lessons · 84218 Viewers
86 Video lessons · 54145 Viewers
148 Video lessons · 91046 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.