Images Inside Text 2

Monday, August 18 2008

Similar to the other tutorial on this site, Images Inside Text, this tutorial will show you how to incorporate background images into your text. The difference will be that this tutorial will show you masking, so that you can have a different image in your text than what is in the main background.

Try Server Intellect for Windows Server Hosting. Quality and Quantity!

We will start off with the following image opened up in PhotoShop:

We will add some text to the image:

Once we have the image we want to use as the background of the text, we will open up the image we want to use as the text background in PhotoShop:

Next, we will Ctrl+A to select all of our new image, and then Ctrl+C to copy it. Then we go back to our original document, Ctrl-click the text layer to make a selection of it, and then Ctrl+Shift+V to Paste Into the text. This will create a new layer of the image we copied and also a layer mask of the selection we had (the text). It should look something like this:

Server Intellect assists companies of all sizes with their hosting needs by offering fully configured server solutions coupled with proactive server management services. Server Intellect specializes in providing complete internet-ready server solutions backed by their expert 24/365 proactive support team.

And the layers palette will look something like this:

The good thing about using this method is that when we select the pasted images layer (not the layer mask thumbnail), we are able to respotion it with the move tool. This gives us great controls, rather than just pasting with the text selected. And as always, we are able to apply layer styles to the masked image to further add to it:

You may also want to experiment with different color patterns, and different kinds of patterns (vertical lines, diagonal lines, squares, and even more complex designs). Creating your own Patterns is just one of PhotoShops powerful features.

If you're looking for a really good web host, try Server Intellect - we found the setup procedure and control panel, very easy to adapt to and their IT team is awesome!

Download Project Source - Enter your Email to be emailed a link to download the Full Source Project used in this Tutorial!



100% SPAM FREE! We will never sell or rent your email address!
 

Guys, please take a look at Server Intellect for Windows Web Hosting. I'm very pleased. You will be too. Take a look and see for yourself!

Comments

Iversi said on 04/10/2009 at 4:24 PM

Hi, I'm using Photoshop CS3 and this does not work! :S

I've followed the tutorial and when I press Ctrl+Shift+V it do not do as the tutorial say it will! Can somebody help me?


Mark Corrigan said on 07/19/2009 at 12:58 PM

Hi Like Iversi I am also befuddled by your tutorial. I press Ctrl+Shift+V and the image I copied does not go into the text. Pleeze tell us how it is done.

Also I try to bring in an image but it creates a new photoshop document apart from the current project. Why is this?

Mark


Mark Corrigan said on 07/22/2009 at 5:31 AM

Hi the secret, I have discovered, is to use the feature "clipping mask" under the layers menu. Have your picture in one layer and the text immediatly under it. Ensure the text is bold as above i.e. has white space and then use clipping mask and both layers will be bound together with image reflected only where text is. Thanks to Youtube for help.

Mark