Hot Stuff

Weekly Contest
Win a FREE copy of Suitcase Fusion 2!
CreativePro.com Podcast
Don't miss it! Updated every Monday.
FREE Mags for Creative Pros!
Creativity, Website Magazine, and more!
Create an Image Sandwich in Photoshop
Here's how to weave a photo behind and in front of text using Photoshop. It's a great technique for brochures, newsletters, magazines, and anywhere you want to grab attention with something a little out of the ordinary.
Written by Chad Neuman on July 6, 2009
Related Articles
When you mix photos and text, it's most common for the text to be on top of the photo. But if you want to really get noticed, make an image sandwich, with part of the photo behind the text and another part of the photo in front of the text. This simple yet effective technique works well in magazines, brochures, and many other publications. I'll walk you through how to create it in Adobe Photoshop CS2, CS3, or CS4. For instructions on creating the effect in InDesign, see "Make an Image Sandwich in InDesign."
Step 1
Open the image you want to use. It should have something (or someone) that will be in front of, and behind, the title text. Mine is from iStockphoto (c)ISTOCKPHOTO/MARK APLET.

Step 2
Duplicate the Background layer by pressing Cmd-J (PC: Ctrl-J) or by clicking-and-dragging the Background layer onto the Create a New Layer icon in the Layers panel.

Step 3
Click the Eye icon next to the Background layer in the Layers panel to temporarily remove its transparency.

Step 4
Next, you need to remove the pixels on Layer 1 where you'll have the text title, with the exception of what you want on top of the text. For my example, I want the text to be on top of the background but behind the skater's head, so I'll need to make a selection after making sure Layer 1 (the top layer) is selected in the Layers panel.
Since the edge in my photo is pretty clean, I'll use the Quick Selection tool. Depending on your image, you may want to make a selection with the Quick Selection tool, or with the Magic Wand tool, the Lasso tool, the Polygonal Lasso tool, the Magnetic Lasso tool; or create a path with the Pen tool and make it a selection.

Step 5
Press Delete (PC: Backspace) to remove the selected pixels. The transparent pixels will be in a checkerboard pattern.

Step 6
Type some text in for the title.

Step 7
Drag the Text layer in between the two photo layers. Click the Eye icon next to the Background layer to bring its visibility back.

You're finished! You now know a simple technique to hide text but keep it part of the cover in a magazine, newspaper, brochure, or other publication.

Chad Neuman is an internationally published freelance magazine writer, graphic designer, photographer, and educator from Florida. Subscribers to his mailing list to receive very occasional updates and free vector art/graphics.











Why the extra layer?
Why are we using an extra layer here instead of simply masking the type? Take the mask from the top layer, invert it and apply to the type layer. Throw the top layer away...
Re: Why the extra layer?
That could work, but the way it is now actually has fewer steps, or least the same number. It goes to show there are often many ways to do the same thing in Photoshop!
Fewer Steps?
No, adding a layer adds steps and size to the finished file and complexity to the project. This is a "way" to do something in Photoshop - no doubt about that - but it is definitely not a "good" way. Gotta wonder where they dredged this "expert" up from....
Re " Fewer Steps?"
How would you accomplish this task? I'd love to hear it.
Terri Stone
Editor in Chief, CreativePro.com
this is for beginners
too much easy... and sometimes it's not so easy to do it.
yes we can
here in pandum j5 second costelletion on the left ,liked this tutorial,we use it to mask from you orripilant humans.thank you for you help
duhh if only I knew how to use photoshop
duhh where have I been for the last 10 years...
Weaving Type Behind Photo
Perfect! Way way easy and looks like it took much longer to accomplish - Thank You!!!