Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Combining text and images with clipping masks

From: Photoshop CS4: Image Compositing for Photographers

Video: Combining text and images with clipping masks

In this chapter, I'm going to suggest some ways that you can use your photographs along with text to create some interesting composites. A classic way to use text and photos together is to apply a clipping mask to fill some bold text, like the sky text that you see here, with photograph as its content. For example, I have a photograph of the sky on this image right here and I'm going to bring that image of sky into the image that contains the text. So, I'll get my Move tool and I'll click in the sky image and drag up to the Document tab for the clipping image.

Combining text and images with clipping masks

In this chapter, I'm going to suggest some ways that you can use your photographs along with text to create some interesting composites. A classic way to use text and photos together is to apply a clipping mask to fill some bold text, like the sky text that you see here, with photograph as its content. For example, I have a photograph of the sky on this image right here and I'm going to bring that image of sky into the image that contains the text. So, I'll get my Move tool and I'll click in the sky image and drag up to the Document tab for the clipping image.

Then I'll move down into the clipping image until I see this gray bounding box and I'll release my mouse. That created a layer named sky. It came in with the layer name that it had in the original image. I have my sky layer at the top of the Layer Stack. If your sky layer isn't there, then click on that sky layer and drag it up to the top of the Layer Stack until you see a dark line there, and then release your mouse. So right now, the sky layer is obscuring everything below it, including the text. I can fix that by clipping the sky layer to the text.

Then it will appear only where there is text on that text layer. To do that, I'm going to move my mouse over the border between the sky layer and the text layer. I'm going to hold down the Option or Alt key, as I do that. When I get just in the right place, the icon will change to this double circle icon that you see in my Layers panel now. Holding the Option or Alt key, I'll click on the border between the sky layer, and the text layer. That clips the sky layer to the text layer so that the sky image appears only inside of the text.

You'll notice, in the Layers panel, that the sky layer is slightly indented and has this crooked arrow, meaning that it is clipped to the layer below it. One of the nice things about working with a clipping mask like this is that I can move the sky photo around until I get just the image that I want showing in the text. To do that, I'll make sure I have the Move tool selected, and I'll just click-and-drag, moving around until I have just the right mix of clouds and sky to make the image the way that I want it.

Now, I see that the Y and the S are a little bit difficult to make out. So, I'd like to add a layer effect inside of the text. To do that, I'm going to double-click on the sky type layer, and that opens the Layer Style dialog box. I'll move that over a bit, and here in the left column, I'm going to check Inner Shadow to apply an inner shadow inside the text. That sets the text off just a little bit more. I'll select Inner Shadow, and that brings up the Inner Shadow options here in the middle column.

I can tweak those to taste. So, I might increase the Size of that shadow, maybe its Choke, or its Distance. I might even change the color of the shadow, because most shadows aren't really black, they reflect the colors around them. So, I'll click in a Color field here in the Inner Shadow options, and that opens the Color Picker. I'm going to click anywhere in this middle bar to bring up some colors. From here, I'm going to click on a dark blue, and then I'll move the bar in the middle down to get an even darker blue.

When I'm happy with the color, I'll click OK. I'm going to accept those changes by clicking OK in the Layer Style dialog box, and I've now set off my text a little bit. I could still click back on the sky layer and with the Move tool play with exactly where that photo is showing up inside of these letters. So, that's how you can use a photo with text. You might want to make a logo for your photo studio, or perhaps you're creating an ad for a client, or doing some personal work. In any event, this is a good technique to know.

Show transcript

This video is part of

Image for Photoshop CS4: Image Compositing for Photographers
Photoshop CS4: Image Compositing for Photographers

28 video lessons · 25821 viewers

Jan Kabili
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop CS4: Image Compositing for Photographers.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.