Hi. This is Marty from Marty from Blue Lightning TV.
I'm going to show you how to fuse text and graphics onto complex textures
using displacement maps and blend modes.
This is an update of tutorials I've done on earlier versions of Photoshop.
I provided this terrycloth towel image that you can download.
Its link is in my video's description or project files.
The first step is to convert it into a Smart Object, so we can modify it non-destructively.
Click the icon at the upper, right corner of the Layers panel and click "Convert to Smart Object".
Next, we'll create the displacement map, which will wrap our text and graphics around the
contours and texture of the terrycloth towel.
Displacement maps look best when they're slightly blurred,
so go to Filter, Blur and Gaussian Blur.
Blur it 1 pixel and click OK or press Enter or Return.
If you want to adjust your displacement map's brightness and contrast, it's easier to see
as a grayscale image.
To do this, click the Adjustment Layer icon and click, "Black, White".
Click back on the Adjustment layer icon and this time, click "Levels".
Go to the Input black slider and drag it to where the histogram starts to rise.
Feel free to adjust its midtones and highlights, as well.
To save your Displacement Map, Shift-click the Smart Object to make all the layers active, as well,
and convert the active layers into one Smart Object.
Open back the list and this time, click "Duplicate Layer".
In Destination, click "New" and name it.
I'll name it, "Displacement map".
Go to File and "Save As".
I'll save it to my desktop, so I can find it quickly.
Save it as a Photoshop PSD file and click "Save".
If you see this message, just click OK.
Open back up the original terrycloth document and open your History panel.
If you don't see it, go to Window and History.
Find "Convert to Smart Object" and click it.
Doing this reverts your image to the point before you blurred it, made it grayscale and
adjusted its levels.
Next, we'll add the text.
Open your Horizontal Type Tool and pick a font.
I'm using "Bebas Neue Regular".
If you'd like to use it, I provided its link as well.
I'll make its size 170 points, but feel free to choose whatever size you'd like.
I'll make the anti-aliasing, "Sharp" and Center Alignment.
The color is irrelevant.
Click on your document and type out your text.
To reposition it, open your Move Tool and move it.
Let's add a graphic to our image.
Click the New Layer icon to make a new layer.
Open your "Custom Shape Tool" and pick "Pixels".
If you're using version CS5 or earlier, the Pixel icon is here.
Open your shape thumbnails and the gear icon to open your list of Shape groups.
If you want to see all of them at once, click "All".
I'll click "Symbols", since the shape I want is in this group.
After you pick a group, you'll see this message.
Click OK to replace your current shapes with the new shapes you just picked.
I'll click this one and click the gear icon at the top.
I'll tick "Defined Proportions" and check "From Center".
I'll go to the center of my document and drag out the shape.
To remove areas of the shape that's hiding your text, open your "Rectangular Marquee Tool"
and drag the tool over one line of your text making sure it's equidistant from their edges.
If you have more than one line of text, click the "Add to Selection" icon
and drag your Rectangular Marquee tool over your other line of text.
Alt-click or Option-click the Layer Mask icon to make an inverted layer mask of the selection.
The black areas of the layer mask hide that corresponding area of the image.
Next, we'll convert the combination of our text and graphic into a Smart Object, so we
can add filters to it and modify the filters at any time.
Shift-click your text to make it active, as well, and convert the 2 layers into one Smart Object.
Reduce the Fill to 0%.
This makes our graphic invisible, but will retain the full visibility of any filters
that we'll be adding to it.
Double-click an empty area of the graphic to open its Layer Style window.
Click "Color Overlay".
Pick "Linear Burn" for its Blend Mode and click the color box.
Pick a color.
Muted colors will look better than bright colors over the terry cloth towel.
Since I know what color I want, I already typed it in to the hexadecimal field.
Click "Bevel & Emboss".
The Style is "Pillow Emboss", the Technique is Smooth and the Depth is 1000%.
The Direction is Up, the Size is 10 pixels and soften it 2 pixels.
Check Global Light.
The Angle is 55 degrees and the Altitude is 26 degrees.
The Highlight Mode is "Linear Dodge, the color is white and the opacity is 15%.
The Shadow Mode is "Linear Burn", the color is black and its opacity is also 15%.
Then, click OK.
Go to Filter, Distort and Displace.
We'll keep the default scale settings of 10, "Stretch to Fit" and "Repeat Edge Pixels".
Find and click your "Displacement map" PSD file that you saved earlier and click "Open".
Immediately, our graphic wrapped itself over the contours of the terrycloth towel.
Let’s smooth the edges of our graphic on the towel.
Go to Filter, Blur and Gaussian Blur.
Blur it 1 pixel.
Next, I'll show you how to give your graphic a second color.
Let's say, I want to the globe to be another color.
With my Rectangular Marquee Tool still active, I'll drag rectangular selections between the
globe and the text.
I'll click the Layer Mask icon to make a layer mask of the selection.
To see my globe again, I'll make a copy of the layer by pressing Ctrl or Cmd + J.
I'll click the copy's layer mask and invert it by pressing Ctrl or Cmd + I.
To change the color of my globe, I'll double-click "Color Overlay" to see it in the Layer Style window.
I'll click the color box and pick another color.
Since, I already know the color I want, I'll type it in and press Enter or Return twice
to close both windows.
thanks for watching!