High Quality
Open the downloaded document, and select print from the file menu (PDF reader required).
Photoshop Tutorial
Displacement Maps
email
Skill level: IntermediateDuration: 5 minutesRequirements: Photoshop version 5 or higher
Stage 01.
Start by opening the file satin.bmpClick on the
Channels
tab and click onthe channelsred,greenorblueuntil
you find the one with the mostcontrast (the greatest variation fromwhite to black).For this image it happens to bered.
Stage 02.
Right click on the red channel andselect
Duplicate Channel
.In the dialog that appears, type
map
in the
As
and
Name
fieldsNext to
Document
, selectNew.
Stage 03.
A new image will appear. We will beusing this as our
Displacement Map
.To smooth the final output, let’s blur itslightly. Go to the
Filter
menu andselect
Blur
,
Gaussian Blur
, and give it avalue of 0.7 Click
OK
. Now save thisimage anywhere to your hard drive (toyour desktop perhaps) and name it
map
. Once saved, close the image.
Stage 04.
In the
Channels
tab, click on
RGB
toshow all the colours and then click the
Layers
tab.Now grab the
Type
tool, click on theimage and start typing. Large, boldfonts will work best for this tutorial.Make sure your text fills most of thewidth of the image area. Click the
Move
tool to apply your type.
Stage 05.
In the
Layers
pallets you will notice anew layer which has the same name asthe text you just typed. We need torasterise this layer.Right click on the layer and select
Rasterise Layer
.(Tip: When text is rasterised, you cannot edit it again without back trackingin the history.)
Stage 06.
Now for the fun stuff. Go to the
Filter
menuand select
Distort
, and then
Displace
.You will see this dialog appear. Leave all thevalues as default and clock
OK
.You will then be prompted to open a file.Browse to the file you saved earlier (which isnamed
map
) and click
Open
.
Stage 07.
The displacement map has now been applied to theimage.Note that the text is now displaced in a manner thatit appears to be wrapping with the curves of thesatin 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 about70 (try different values for your owndesired effect).If your final image looks somethinglike this, then pat yourself on theback!You can use this method to applydisplacement maps to just aboutanything. Here are a few examples…
Add a Comment
Andrew Stocktonleft a comment
bengigirlleft a comment
riowrlleft a comment
lovelycomputerleft a comment