CHECK OUT ALL THE COOL EXAMPLES AND HOW IT’S DONE! | We will break it all down and create a sicker than sick text effect in Photoshop that you’re just going to love.
In this Photoshop CC tutorial, we will create this awesome double exposure style text/type effect using color fill layers, text, masks, and a bunch more cool and useful features in Photoshop that any graphic designer or photographer should know. If you create this effect, tag me on Instagram @tutvid so I can see the effect you create!
Check out the stock photos I used in this tutorial:
Golden Gate: https://unsplash.com/photos/n7n-nkadHRM
Yellow Smoke: https://unsplash.com/photos/PvPayVQwUiA
Tags: typography effect, typography tutorial, type effect Photoshop, text effect Photoshop, typography Photoshop, Photoshop tutorial, Photoshop tutorials, text effects, double exposure photoshop, the louvre, new york city, san francisco, golden gate bridge, Neuschwanstein Castle, smoke bomb, FEAT
Site Exclusive Tutorial Recording Notes:
Disclaimer: these are the actual notes I used to record this video and are written in a language you may or may not understand. Hopefully, you find them useful or cool.
- Create 2000 x 2000px document
- Fill background with #f1f1f1 (light gray background color)
- Create text field and enter the landmark name, return to new line and enter the general location.
- Set the font to Novecento Book, 48pt, and set text transform to all caps.
- Position this text anywhere you like
- Create a new layer and use Rectangular Marquee tool to create a 3px high selection below the text you just typed. Fill this selection with any color.
- Hide those layers (we’ll use them later)
- Grab the Type tool and type any single letter you want (this should be connected to the image you’re using in some way i.e. “N” for New York City)
- Set the font to League Spartan, 1000pt, All caps, set color to black
- Drag in the stock photo to be overlaid on the text and set the layer opacity of the image to 50%.
- Drag the image around to position exactly how you like.
- Commit the position change and set the image opacity back to 100%.
- Cmd/Ctrl + click on the text layer thumbnail to load letter as a selection.
- Grab the Polygonal Lasso Tool and hold down Shift and click out a rough selection around the bits of the image you want to save.
- Grab the brush tool and use a small, soft edged brush to refine the mask to get the exact area of the photo you want to be seen.
- Cmd/Ctrl + click on the line layer and the text layer to load up a selection and choose to create a new Solid Color layer and sample a mid-to-dark color from the photo that is coming out of our text.
- Create a new layer and drag beneath all the artwork and use the Elliptical Marquee tool and drag out a flat oval and fill with black.
- Gaussian Blur 15px and reduce the layer opacity to 20% or so.