Tell us what you think about the advertising on Tuts+  1 M IN UTE SURVEY 


Advertisement

DESIGN & ILLUSTRATION > TEXT EFFECTS

How to Create a Double Exposure

Inspired Text Effect in Adobe Photoshop
by Rose 21 Jul 2016
Dif culty: Intermediate Length: Quick Languages: English

Text Effects Textures Adobe Photoshop


 What You'll Be Creating

Double exposure has been around, everywhere, for quite some time now. It's an
interesting photographic technique that combines two or more exposures into a
single image.

This tutorial will show you how to use some images, blend modes, and adjustment
layers, to create an easy double exposure inspired text effect. Let's get started!

This text effect was inspired by the many Layer Styles available on Envato Market.

Tutorial Assets
The following assets were used during the production of this tutorial:

Peace Sans Regular font

Branches 3 by CherrykaStock
New York Buildings by Greg Becker

1. Create the Text

1. Create the Text
Step 1
Create a new 1500 x 1000 px document and ll the Background with White.

Create the text in All Caps using the font Peace Sans Regular, and use a fairly big
size to show the details better.

The Size here is set to 500 pt, and the Tracking is set to 100. But you can use any
other values you like with your text.

Step 2
Place the Branches 3 image on top of the text layer, and resize it as needed.
2. Mask the Branches
Step 1
Command-click the text layer's thumbnail to create a selection.
Step 2
Pick the Rectangular Marquee Tool, and click the Intersect with selection icon in
the Options bar.

Then, click and drag to select the rst letter you have, and release.
Step 3
This will deselect all the letters except for the rst one.

Step 4
With the branches layer selected, click the Add layer mask icon at the bottom of
the Layers panel.
Step 5
Place a new copy of the branches image, and then repeat the same steps for each
of the remaining letters you have.

Each letter should have its own branches layer masked to it.

3. Position the Branches Inside the Letters

Step 1
Make the original text layer invisible by clicking the eye icon next to it.
Step 2
Click the chain icon between the layer and mask thumbnails to unlink them. This
will allow you to move the image inside the mask instead of with it.

Press Command-T to enter Free Transform Mode. Move, rotate, and resize the
branch inside its letter until you like how things look.

Hit Return to accept the changes.

Step 3
Repeat that for the rest of the letters you have, and don't forget to relink the
thumbnails when you're done.

Place all the branches' layers in a group and call it Text.

4. Create the Text's Gradient Map and Add the
Overlay Texture
Step 1
Click the Create new ll or adjustment layer icon at the bottom of the Layers
panel, and choose Gradient Map.
Step 2
Click the Clip to layer icon, and click the gradient ll box to create the gradient
used.

To create the Gradient, you’ll need to click below the gradient bar to add Color
Stops, and when you click each Color Stop, you can change its Color and Location
values. Here are the Color Stop values used from left to right:

Color - Location

#282828 - 0%

#5c5353 - 25%

#877a7a - 50%

#ada3a3 - 75%

#f1eded - 100%
Step 3
Place the New York Buildings image on top of all layers, resize it as needed, and
change its layer's Blend Mode to Lighten.

Command-click the text layer's thumbnail to create a selection, and click the Add
layer mask icon to mask the buildings image.

This will nish off the double exposure effect, but we'll add some more color
adjustment layers to enhance the nal outcome.
5. Adjusting the Coloring
Step 1
Add another Gradient Map adjustment layer on top of all layers, and create the
gradient using the colors #48406e to the left, #76747e in the center, and #fbc690 to

the right.

Then, lower the layer's Opacity to a value around 35%.

 Advertisement

Step 2
Add a Levels adjustment layer on top of all layers, and adjust the settings of each
channel as shown below:
Congratulations, You're Done!
In this tutorial, we created some text, and masked an image of branches to each of
its letters separately.

Then, we positioned the branches inside each letter, and adjusted the coloring with
a gradient map. After that, we added an overlay texture to create the double
exposure effect. Finally, we used some more adjustment layers to adjust the
coloring of the nal result.

Please feel free to leave your comments, suggestions, and outcomes below.
 Advertisement

Rose

Rose is a Graphic Designer who has been using Photoshop since 2007.
Rose currently runs Textuts.com.

 textuts
 STUDENT ACCESS
JUST $90/YR

Courses, eBooks & more 

Advertisement

Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be
involved too!

Translate this post

Powered by
14 Comments Tuts+ Hub 
1 Login

 Recommend 2 ⤤ Share Sort by Best

Join the discussion…

Alperen • 19 days ago

Love it ! :)

1△ ▽ • Reply • Share ›

radu • a month ago

Niceee
1△ ▽ • Reply • Share ›

meneka acosta • 9 days ago

Thank you Rose...its beautiful tutorial and very easy to follow..You ROCK as always.

△ ▽ • Reply • Share ›

Mateus Ribeiro • 10 days ago

Beautiful! Thank you so much!
△ ▽ • Reply • Share ›

Irem Seda Guney • 14 days ago

It is a really nice tutorial. but i think i had a problem about one of the clipping masks about
city photo and the text. so its top part isnt blended with the background like yours. here is
the final look

△ ▽ • Reply • Share ›

Rose • 20 days ago

Really amazing work shared on here!
Thank you all for the kind words and for sharing your awesome work :D
△ ▽ • Reply • Share ›

Jan Furmanek-Kuzmenkov • 22 days ago

Nice Tutorial!
Thank you very much!
△ ▽ • Reply • Share ›

Maram Ahmed • a month ago

nice!

△ ▽ • Reply • Share ›

Hecton Eciro • a month ago

Thanks Rose, I love it WOW
△ ▽ • Reply • Share ›

Luis Gabriel Zapata Muñoz • a month ago

Tahnk you!

△ ▽ • Reply • Share ›

asyrafalwee • a month ago

awesome nice sir
△ ▽ • Reply • Share ›

Lasha Chanqseliani • a month ago

Amazing tutorial
△ ▽ • Reply • Share ›

midolu36 • a month ago

Merci ! C'est agréable à suivre et bien expliqué. J'ai utilisé une autre police.

△ ▽ • Reply • Share ›

Generic Hipster • a month ago

 Generic Hipster • a month ago
Nice one!
△ ▽ • Reply • Share ›

✉ Subscribe d Add Disqus to your site Add Disqus Add Privacy

Advertisement
 Teaching skills to millions worldwide.

22,453 Tutorials 892 Video Courses

Meet Envato 

Join our Community 

Help and Support 

Email Newsletters

Get Envato Tuts+ updates, news, surveys & offers.

Email Address

Subscribe

Privacy Policy

Check out Envato Browse Photos on

 Check out Envato Browse Photos on
Studio's services PhotoDune

Follow Envato Tuts+

© 2016 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.