Tip Details

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
Searches: image text photoshop select type

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

Adobe Photoshop CS4 For Dummies free download

100% positive, 0 comments
– Tip added by an anonymous user on Jul 17, 2009 at 10:01 am

Make people look skinnier in photos

100% positive, 0 comments
– Tip added by an anonymous user on Mar 02, 2009 at 9:54 am

Add effects to photos without software

100% positive, 0 comments
– Tip added by an anonymous user on Mar 24, 2009 at 4:16 pm

Photoshop Tutorial - Retouching a Studio Portrait

100% positive, 0 comments
– Tip added by an anonymous user on Nov 18, 2008 at 3:02 am

ok photo

50% positive, 0 comments
– Tip added by an anonymous user on Feb 15, 2010 at 12:47 pm

Photoshop Tutorial: Get Smart with Smart Objects

100% positive, 0 comments
– Tip added by an anonymous user on Feb 01, 2010 at 10:37 pm

Light effect wallpaper in Photoshop

100% positive, 0 comments
– Tip added by an anonymous user on Dec 28, 2009 at 12:57 pm

Da Button Factory - create a pretty web button in seconds!

100% positive, 0 comments
– Tip added by an anonymous user on Mar 24, 2009 at 1:52 pm

Create nice buttons with no software

100% positive, 0 comments
– Tip added by an anonymous user on Mar 16, 2009 at 4:10 pm

Photoshop Tutorial - Street Dance Illustration

Categories: photoshop
100% positive, 0 comments
– Tip added by an anonymous user on Feb 04, 2009 at 6:26 pm

Photoshop Tutorial - How to Create a Movie Quality DVD Cover

Categories: photoshop
100% positive, 0 comments
– Tip added by an anonymous user on Nov 12, 2008 at 10:59 am

Design Print-Ready Business Card Using Only Photoshop

no ratings, 0 comments
– Tip added by nadeemsmb on Mar 05, 2010 at 8:38 am

How to Create A Realistic 3D Typography in Photoshop

no ratings, 0 comments
– Tip added by an anonymous user on Feb 16, 2010 at 9:52 am

Free Photoshop alternative

no ratings, 0 comments
– Tip added by an anonymous user on Dec 18, 2009 at 4:31 pm

Transforming Objects

Categories: photoshop
no ratings, 0 comments
– Tip added by an anonymous user on Aug 21, 2009 at 12:51 pm

Colors And Painting Tools

Categories: photoshop
no ratings, 0 comments
– Tip added by photoshopeducation on Aug 17, 2009 at 11:23 am

Working With Image Files

Categories: photoshop
no ratings, 0 comments
– Tip added by photoshopeducation on Aug 16, 2009 at 7:50 pm

The Work Area

Categories: Photoshop tutorial
no ratings, 0 comments
– Tip added by photoshopeducation on Aug 16, 2009 at 2:57 pm

Speed up Adobe Photoshop load time

Categories: Adobe Photoshop speed free
no ratings, 0 comments
– Tip added by an anonymous user on May 10, 2009 at 7:25 am

Photoshop Transparency - Remove Image Backgrounds

Categories: photoshop
no ratings, 0 comments
– Tip added by an anonymous user on Jan 12, 2009 at 3:05 pm