Photoshop Support - Main Photoshop News Photoshop Tutorials Photoshop Tools Photoshop Resources Photoshop Site Map
photoshop tutorials
photoshop tutorials - top logo
Lesa Snider King - Free Photoshop Tutorials & Articles by Lesa Snider King

Lesa Snider King - Free Photoshop Tutorials & Articles by Lesa Snider King
photoshop - tutorials, tips & tricks
Buy. Download. Create. Get Photoshop CS3 now at the Adobe Store.
Photoshop for Students. Get super savings at the Adobe Academic Store.



How To Create A Photo In Text Effect In Photoshop Elements

I'm going to show you how to place text inside a photo. It's easy enough to do in Elements, though the secret lies in how you stack up the layers. Let's get started!

Get in my text!
Step 1
: Pop open a Soon To Be Seen Only Through Text photo in Elements, such as this beauty from iStockphoto (found by searching on the keyword "snowflakes" and restricting it to photographs in the search pop-up menu), and double-click the background layer so that it's editable.

How To Create A Photo In Text Effect In Photoshop Elements

Step 2: Press T to select the Text tool. Type a word. Up in the options bar, be sure to use a nice, big and thick font like Impact so the picture has room to be seen.

How To Create A Photo In Text Effect In Photoshop Elements

NOTE: It doesn't matter a bit what color the text is. Honest.
Step 3: In the Layers Palette, drag the type layer below the background layer, as shown below:

How To Create A Photo In Text Effect In Photoshop Elements

Step 4: Select the photo layer (should be at the very top of your layers stack) so that it turns light blue.

How To Create A Photo In Text Effect In Photoshop Elements

Step 5: With your mouse, hover the cursor between the two layers and press the Option key (PC: Alt). When the cursor morphs into intersecting circles, click once. This will clip both layers together.

How To Create A Photo In Text Effect In Photoshop Elements

The photo layer will actually scoot slightly to the right in the layers palette:

How To Create A Photo In Text Effect In Photoshop Elements

And shazam! The photo now lives inside the type.

How To Create A Photo In Text Effect In Photoshop Elements

Moving stuff around
A neat trick, but what if you want to move the photo and/or type around? A burning question indeed.

To move the photo only
Step 6
: Press V to select the Move tool, mouse over to the document and begin to move the photo around. The text stays still, but the photo will move inside of it.

How To Create A Photo In Text Effect In Photoshop Elements

To move everything
Step 7
: To move everything, you have to select both layers. Select one layer, then hold the Shift key as you select the other. When they're all blue, you're free to move about the country, er, move the type with the Move tool.

How To Create A Photo In Text Effect In Photoshop Elements

To add a background
Yeah it's pretty, but how do you get rid of that gray and white checkerboard behind it? Piece of cake. We should have to put something there.

Step 8: Select the type layer (should be the bottom layer in the stack) and Command-click (PC: Right click) the new layer icon in the (circled below in red). This will create a new layer below the one currently selected (you could also just create a new layer, then drag it to the bottom of the layers stack).

How To Create A Photo In Text Effect In Photoshop Elements

Step 9: Click the foreground color chip in the main toolbox, and pick a color from the resulting Color Picker. With the new layer selected, press Option + Delete to fill the layer with color (or choose Edit > Fill from the menu at the top of your screen).

How To Create A Photo In Text Effect In Photoshop Elements

TIP: While the Color Picker is open, mouse over to the photo area and your cursor will turn into an Eyedropper. Click anywhere in the photo to snag a color from the photo itself.

And there you have it! A simple, yet timeless, effect that you can get lots of mileage from. Below I've turned off the color layer and tacked a drop shadow onto the type layer:


How To Create A Photo In Text Effect In Photoshop Elements

Read more Photoshop tutorials from Lesa Snider King.
Photoshop Blog
Photoshop CS3 Upgrade Options And Bundles From The Adobe Store

Photoshop CS3 Upgrade Options And Bundles From The Adobe StorePhotoshop CS3 Extended is ideal for film, video, and multimedia pros and for graphic and web designers using 3D and motion. Get the full version for US $999, or upgrade for US $349. The standard version of Photoshop CS3 is available for US $649, or as an upgrade for US $199. See all upgrade options at the Adobe Store. See our CS3 Resource Center for free Photoshop CS3 tutorials.

Photoshop Extended is also available as part of Adobe Creative Suite 3 Design Premium, which combines all-new CS3 versions of Photoshop, Flash Pro, Dreamweaver, Illustrator, InDesign and Acrobat 8 Pro. Upgrade options for customers in Europe, the UK, Australia, New Zealand and Asia can be found at the Adobe International Store.
Photoshop Blog
SiteGrinder Photoshop Plugin - Create Websites Instantly

Media Lab Release SiteGrinder Basic and SiteGrinder ProThere often seems to be a strict division of labor within the world of web design and development. Creative professionals tend to stick to the Photoshop domain, while those well-versed in scripting are left to the task of implementing their work. Indeed, the two realms are quite different from each other, to which any of us even vaguely familiar with either can easily attest.

Essentially, Photoshop is a no-holds-barred design studio, offering the artist a seemingly endless array of creative options. On the other hand, HTML, CSS, Java and the like follow strict rules of engagement, requiring the developer to take any number of esoteric concerns into consideration in order to ensure that designs are properly displayed on the web.

Turn Photoshop Into A Complete Web Design Tool
SiteGrinder seeks to bridge this gap between design and development. Basically, this program turns Photoshop into an easy-to-use and fully functional web design tool. With SiteGrinder, designers will now have the freedom to totally let their creativity loose and then, without skipping a beat, transfer their designs to the web. Bringing esthetic concerns together with more practical considerations, this program is an amazingly powerful tool that would make a fantastic addition to any web designer's bag of tricks.

SiteGrinder Basic and SiteGrinder ProGenerate Your Web Pages Directly From Photoshop
By generating web pages directly from Photoshop, you'll be able to spend much more time on the creative end of the spectrum, since you'll know right off the bat how well particular designs will translate to the web. No more going back to the Photoshop drawing board after getting a phone call from your development team, telling you that what you had envisioned doesn't have a chance of being displayed on the web. You can immediately visually and interactively test your designs, which permits you to then make changes to either esthetics or functions while it's still relatively early on in the design process.

Pricing and Availability
Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download. SiteGrinder can be ordered from Media Lab's online store.
Photoshop Blog
Photoshop CS3 Book - CS3 Essential Skills - By Mark Galer And Philip Andrews

Photoshop CS3 Essential SkillsBrimming with beautiful pictures, Photoshop CS3 Essential Skills guides you through a project-based, progressive curriculum so that you can build all the essential skills to enhance photographs creatively and professionally with Photoshop CS3. If you are an aspiring professional, enthusiastic amateur photographer, or a student learning photography, digital imaging, art and design, or design graphics, you'll be amazed at the stunning results you can achieve. A DVD is included free.

The Essential Skills Photography Series from Focal Press uniquely offers a structured learning experience for photographers of all ages, with both the underlying theory and loads of invaluable 'how to' and real-life practice projects - all from the most talented photography practitioners/educators in the world.

Read 2 free sample chapters:
Adjusting Exposure in Adobe Camera Raw CS3
Photoshop CS3 Tutorial High Dynamic Range

Special book offer - save 24%
Photoshop CS3: Essential Skills (Amazon.com - $28.08 - save 24%)
Photoshop Blog
Photoshop CS2 Book - Photoshop CS2: Essential Skills - By Mark Galer And Philip Andrews

New Book - Photoshop CS2: Essential SkillsAn inspirational and user-friendly guide to creative image editing, Photoshop CS2: Essential Skills provides direction for photographers and designers alike who have ventured into the realm of the 'digital darkroom.' The book offers a progressive curriculum to guide you through Photoshop with a series of clear, step-by-step projects designed to place knowledge into a practical context.

Whether you simply want to retouch an image, create a glamour makeover or create a highly sophisticated montage - this book will give you the essential skills to complete the work to a professional standard.

Read 2 free sample chapters:
How To Sharpen An Image In Photoshop — Advanced Sharpening Techniques
Working With Shadows In Photoshop - Advanced Shadow Techniques

Special book offer - save 37%
Photoshop CS2: Essential Skills (Amazon.com - $20.76 - save 37%)
Photoshop Blog
Exclusive 20% Discount On Select Total Training Products & Bundles

Exclusive 20% Discount On Select Total Training Products & BundlesTo redeem our exclusive discount coupon, use promotion code save20pss in your shopping cart. You could save hundreds of dollars. Use this special link to see the full offer.

Total Training for Adobe Photoshop
Learn Adobe Photoshop with 21 hours of interactive Adobe Photoshop tutorials. This is training for real-world situations and includes additional tips and techniques used by the pros.

View Sample Photoshop, Dreamweaver and Flash Pro Video Tutorials
Free Adobe Photoshop CS3 video tutorials
Free Adobe Photoshop CS2 video tutorials
Free Adobe Dreamweaver video tutorials
Free Adobe Flash Pro video tutorials

back to top


banner photo credit: © Eric Martin


photoshop tutorials - sidebar logo
search the Photoshop Support site
Adobe Photoshop Blog - Photoshop news and comments
Photoshop Blog
News, links and tips.
Adobe Photoshop Blog - Receive Updates via our XML/RSS feed
Inspiring Photoshop Music...
Inspiring Photoshop Music...
Inspiring Photoshop Music...
join our Photoshop Newsletter and win free prizes
Free Newsletter
Free monthly prizes.
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask - $10 Off
Fluid Mask Tour
Free Dreamweaver Tutorials and Dreamweaver Templates - Resource Center - Main Page
DW Center - Main
DW Free Tutorials
DW Video Clips
DW Templates
Free Flash Tutorials and Flash Templates - Resource Center
Flash - Main
Flash Tutorials
Flash Templates
Photoshop software & gear at special prices
Photoshop Deals
Photoshop specials.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop
designs into websites
with SiteGrinder
Photoshop CS3 Resources - Photoshop 10 news
Photoshop CS3
PS CS3 Tutorials
Adobe Photoshop Elements - resource center
PSE Main Page
PSE Free Tutorials
PSE Free Clips
Lightroom Resource Center - Adobe Lightroom tutorials and news
Lightroom - Main
LR Free Tutorials
LR Resources
Apple Aperture resource center - Aperture tutorials and news
Aperture - Main
Aperture Tutorials
Aperture Reviews
Photoshop Resources
Photoshop Tutorials
Free Tutorials
Photoshop 9 - CS2
Free CS2 Tutorials
Photoshop Brushes
Free Brushes
Photoshop Plugins
Free Plugins
Photoshop Actions
Free Actions
Photoshop Training
Free Video Clips
Free Stock Photos
Free Photos
Free Fonts Directory
Free Fonts
Free Textures
Free Textures
Digital Cameras
Resource Center
Inspiration
Websites & Artists
Photoshop News
Latest News
Photoshop Books
Latest Releases
Color Resources
Color Management
Just For Kids
Photoshop for Kids
How-To Articles
Photoshop Articles
GoLive Site
GoLive Tutorials
Quick Answers
Photoshop FAQ
Get In Touch
Feedback Form
© 1999-2007 PHOTOSHOPSUPPORT.COM
ALL RIGHTS RESERVED - MAY NOT BE REPRODUCED WITHOUT PERMISSION
Some material reproduced by permission of copyright owners
All trademarks mentioned are the property of their respective owners
[this website is intended as a public service]
• navigation bar inspired by Griffin Technology
• website design and development by Futura Studios
web hosting provided by Hostway •