Welcome to my tutorial of how to get images inside text. This is one of the most exciting things to do, when you are learning a wonderful program such as photoshop.
Tutorial difficulty: Beginner
There are some prerequisites before we go through with this tutorial.
1. Adobe Photoshop (any version should do).
2. Time and patience needed to produce outstanding results.
3. Good creativity.
That's about it. Please also do note that I am not a master when it comes to photoshop and I only use half of its features that are there. Now let's get going.
Welcome to one of my first of many to come photoshop tutorials by TitanTX. Looking at the image below you must be probably wondering how I got such a cool text effect with an entire image to fit it in directly. Well you can stop wondering as I will be walking you through the steps that I did to get such a great outcome of what is merely only text.
First we are going to start of by getting the desired image that we want in our text, I will be using the image that I have previously used. Open up photoshop and place the image there.
You should now have something similar to what I have.
We are making good progress so far.
Now this where it starts to get interesting, we are now going to duplicate the background so we have 2 layers, on our layers palette (to duplicate the background simply press ctrl+j or cmd+j to duplicate it), your layout should now look something like this.
Now we need a blank layer in between the two layers we currently have. To create a new layer simply click on the small icon below the layers palette, that is next to the bin icon. We now have a new layer called layer 2, keep in mind that this layer is on top of both the layers when it is created.
We now need to move the newly created layer in between the background layer and Layer 1(simply do this by dragging the new layer down, or by pressing the left bracket key or right bracket key.
We are now going to fill the newly created layer with a white color. Go up to the Edit menu at the top of the screen and choose Fill. This will bring up Photoshop's Fill dialog box. Select White for the Contents option at the top of the dialog box, then click OK to exit out of the dialog box. It will appear that nothing has happened but if you go over to the layers palette you will see that the blank layer 2 is now filled with white.
It is now time to add in our text. To do so make sure that your first layer is highlighted and select the text tool. Now click anywhere on the document and type in the desired text, I’m going to type in my username which is “TitanTX”. Choose a font that you like and type in your text keeping sure that your color is white. I have chosen the Arial font because it will suit the image. You should now have something similar to what I have.
Next we are going to resize and reposition the text in order to suit our needs. Like so. To resize press CTRL+T if you have a windows based operating system or CMD+T if you are on a mac. You should now have something similar to what I have. When you have finished press enter or return on your keyboard.
We are now going to get the text layer below layer one. Simply follow the steps that we did when dragging layer 2 in between the background layer and Layer 1
Your text layer would have appeared to be gone, but it is still there so do not worry.
We are almost there, click back on layer one, and we are going to add a clipping mask. We create a clipping mask in order to make the illusion that picture that we have chosen is inside the text, which is our main goal.
To create a clipping mask, with layer 1 selected go up to the layer’s menu at the top and select create clipping mask, you should now see your text as well as the image in the text.
And you are done, you now have your desired image inside your text.
You are now done, if you want to go the extra mile and add in some really cool effects like I did please feel free to do so.