Scribd
Upload
66K views

Photoshop Tutorial: Displacement Maps

This 8-stage Photoshop tutorial teaches intermediate users how to apply a displacement map to text to make it appear wrapped around a satin sheet. It instructs users to open an image, duplicate and blur its red channel to create a displacement map, add and rasterize text, apply the Filter > Distort > Displace filter using the displacement map, and adjust the text layer style to complete the effect of wrapped text. Examples of other displacement map applications are also provided.

Uploaded by

Michael Ott
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
66K views

Photoshop Tutorial: Displacement Maps

This 8-stage Photoshop tutorial teaches intermediate users how to apply a displacement map to text to make it appear wrapped around a satin sheet. It instructs users to open an image, duplicate and blur its red channel to create a displacement map, add and rasterize text, apply the Filter > Distort > Displace filter using the displacement map, and adjust the text layer style to complete the effect of wrapped text. Examples of other displacement map applications are also provided.

Uploaded by

Michael Ott
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Photoshop Tutorial

Displacement Maps
email

Skill level: Intermediate


Duration: 5 minutes
Requirements: Photoshop version 5 or higher

Stage 01.
Start by opening the file satin.bmp

Click on the Channels tab and click on


the channels red, green or blue until
you find the one with the most
contrast (the greatest variation from
white to black).

For this image it happens to be red.

Stage 02.
Right click on the red channel and
select Duplicate Channel.

In the dialog that appears, type


map in the As and Name fields

Next to Document, select


New.
Stage 03.
A new image will appear. We will be
using this as our Displacement Map.

To smooth the final output, let’s blur it


slightly. Go to the Filter menu and
select Blur, Gaussian Blur, and give it a
value of 0.7 Click OK. Now save this
image anywhere to your hard drive (to
your desktop perhaps) and name it
map. Once saved, close the image.

Stage 04.
In the Channels tab, click on RGB to
show all the colours and then click the
Layers tab.

Now grab the Type tool, click on the


image and start typing. Large, bold
fonts will work best for this tutorial.

Make sure your text fills most of the


width of the image area. Click the
Move tool to apply your type.

Stage 05.
In the Layers pallets you will notice a
new layer which has the same name as
the text you just typed. We need to
rasterise this layer.

Right click on the layer and select


Rasterise Layer.

(Tip: When text is rasterised, you can


not edit it again without back tracking
in the history.)
Stage 06.
Now for the fun stuff. Go to the Filter menu
and select Distort, and then Displace.

You will see this dialog appear. Leave all the


values as default and clock OK.

You will then be prompted to open a file.


Browse to the file you saved earlier (which is
named map) and click Open.

Stage 07.
The displacement map has now been applied to the
image.

Note that the text is now displaced in a manner that


it appears to be wrapping with the curves of the
satin sheet.

To complete the illusion, change the layer mode of


the text layer (named Mike in my case) and select
Overlay.

Stage 08.
Now drop the opacity down to about
70 (try different values for your own
desired effect).

If your final image looks something


like this, then pat yourself on the
back!

You can use this method to apply


displacement maps to just about
anything. Here are a few examples…
Examples.

Rust Planet

Leopard spots Original Guy Image

I used these 3 different images (small versions and original guy shown
above) to make the displacement maps for the 3 different images on the
following page…
This tutorial was produced by Michael Ott
www.rustylime.com

You might also like