Tip Details Add a Related Tip

Rate as: Positive Negative

Putting a background image into type in Photoshop

A cool thing you can do with Photoshop is take some text, and apply an image to it such that the image is then the background for the typed text (as opposed to just a color). This a fairly easy effect to do in Photoshop.

1. Open a new image, select the text tool and type out the text you want. You should select a font/size combination that results in fairly wide type so that you will be able to see the image in it it is applied.

2. Open the image file. The image you select should be larger than the text it is filling, otherwise there will be gaps. Once the image is opened, copy and drag it over to the new image which contains the text. When it is copied over, it will be in its own layer on the new image.

3. With the new layer containing the image still being active, select "Menu -> Layers -> Group with Previous".

4. Once you do this, the image is then clipped by the text such that any part of the image which does not overlap the text is not shown. The result is text with an image fill.

If you want to change the location of the image so that it shows up better in the text, you can select it and move it around and the changes will take effect at once. You can also go back to the text layer and adjust the text content, size, or font and those changes will take effect also.

This effect is very easy to achieve and it has a great visual impact when used correctly.
Rating: 100% positive, 1 Vote
Categories: photoshop
Added: on May 31, 2007 at 7:43 am
Added By: an anonymous user

Comments on this Tip

Add a Comment
There are no comments for this tip
Your Comment:
(how to format)
Rate This Tip:

Verify Humanity:
Sorry, we know it's annoying, but please enter the characters shown in the image to the left so that we know you're an actual person and not an evil spammer. Thanks.
       

Related Tips

Photoshop Tutorial - Modern Art

Categories: photoshop
66% positive, 0 comments
– Tip added by an anonymous user on Jun 05, 2008 at 10:16 pm

Photoshop Tutorial - How to Retouch Eyes Professionally

Categories: photoshop
66% positive, 0 comments
– Tip added by an anonymous user on Jun 05, 2008 at 1:38 am

Photoshop Tutorial - Artistic Grunge Photo Effect

Categories: photoshop
66% positive, 0 comments
– Tip added by an anonymous user on Jun 03, 2008 at 8:24 pm

Photoshop Tutorial - Vintage Clouds

Categories: photoshop
100% positive, 0 comments
– Tip added by an anonymous user on Jun 21, 2008 at 6:04 pm

Increasing layer thumbnail images sizes in Photoshop

100% positive, 0 comments
– Tip added by flortin on Jun 19, 2008 at 9:35 am

Bulk image manipulation on the Mac

100% positive, 0 comments
– Tip added by an anonymous user on Jun 11, 2008 at 6:28 am

Photoshop Tutorial - Modernistic Navigation Module

Categories: photoshop
100% positive, 0 comments
– Tip added by an anonymous user on Jun 09, 2008 at 8:21 pm

Photoshop Tutorial - Low Vibrancy

Categories: photoshop
100% positive, 0 comments
– Tip added by an anonymous user on Jun 07, 2008 at 1:25 am

Photoshop

100% positive, 0 comments
– Tip added by an anonymous user on Jun 04, 2008 at 8:10 am

Photoshop Tutorial - 3D Hosting Rack

Categories: photoshop
50% positive, 0 comments
– Tip added by an anonymous user on Jun 03, 2008 at 9:46 am

Installing GIMP on a Mac

no ratings, 0 comments
– Tip added by an anonymous user on Jun 05, 2008 at 11:18 am

Photoshop Tutorial - Scanned Film Photo

Categories: photoshop
no ratings, 0 comments
– Tip added by an anonymous user on Jun 02, 2008 at 12:23 am

Photoshop Tutorial - Blue Plasma Text

Categories: photoshop
0% positive, 0 comments
– Tip added by an anonymous user on May 30, 2008 at 1:05 pm

Photoshop Tutorial - Masked Overlay Diffusion

Categories: photoshop
no ratings, 0 comments
– Tip added by an anonymous user on May 30, 2008 at 3:28 am

Photoshop Tutorial - Black and Green Website Navigation Bar

Categories: photoshop
0% positive, 0 comments
– Tip added by an anonymous user on May 29, 2008 at 4:32 pm

Photoshop Tutorial - Enhance Lighting on Tanned Skin

Categories: photoshop
0% positive, 0 comments
– Tip added by an anonymous user on May 28, 2008 at 6:47 pm

Photoshop Tutorial - Dark Splash Page

Categories: photoshop
0% positive, 0 comments
– Tip added by an anonymous user on May 28, 2008 at 4:34 pm

Photoshop Tutorial - Fresh Green Content Box

Categories: photoshop
no ratings, 0 comments
– Tip added by an anonymous user on May 27, 2008 at 11:45 pm

Photoshop Tutorial - Professional Skin Texture Sharpening

Categories: photoshop
0% positive, 0 comments
– Tip added by an anonymous user on May 27, 2008 at 1:03 pm

Photoshop Tutorial - Expert Exposure Correction with Layer Masks

Categories: photoshop
0% positive, 0 comments
– Tip added by an anonymous user on May 24, 2008 at 8:54 pm