Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Displacement map doesn't do anything

Contributor ,
May 10, 2018 May 10, 2018

I seem to be missing something here. I'm watching videos about using the displacement map function and when I try it myself it doesn't seem to have any noticeable effect. The image I'm trying to distort is a Texas flag. I have tried a couple of different map images. The first one is just a clean white field with bands running diagonally across it dark /black down the middle and feathered to the edges. The second image I've tried is a picture of silk fabric with folds and waves in it and then applying the desaturate command to it even using the levels adjustment function to get a higher contrast. But neither of these produce much of an effect.

Flag.png

Here are 2 displacement maps

-map-2.png

4.6K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Contributor ,
May 10, 2018 May 10, 2018

Another displacement map...

-map.png

This is the flag after the displacement is applied

-Flag-distorted.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 10, 2018 May 10, 2018

The second map - same settings

Dave

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 10, 2018 May 10, 2018

Hi

It works here using your images, stretch to fit and a scale value of 50 and 50 in the displacement dialogue. I converted your map into and RGB 8 bit mode and saved as a PSD image to use as the displacement map.

Dave

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
May 10, 2018 May 10, 2018

Hi there,

From what I see, your flag is way more bigger than the displacement map. Do it the same size.
Displacement map on an image like yours can't do miracles. There is not much to dispalce in term of details and variety of pixels.

What you should do is use an image of some silk cloth and do the dispalcement AND an overlay of the silk. In order to do that put the silk under the flag and than, with the same silk image saved as greyscale .psd (but without the flag) apply the displacement over the flag.

Note that the flag layer is in Multiply mode.

flag1.JPG

flag2.JPG

Using just the displacement is not the right way.

Cheers,
Martin

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
May 10, 2018 May 10, 2018

What do you mean by multiple modes?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 10, 2018 May 10, 2018

Hello, roncurington, it is a way to mix the layers, according to their RGB values, read up the description of the blending modes and their effect in the following page, just consider that it should mention that you can select them in the layers panel, where it says « normal »

Blending modes in Adobe Photoshop

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 10, 2018 May 10, 2018

Since we don't have a rundown of the step-by-step method you used, perhaps the following will help. It is an abbreviated version of a Tech Sheet I wrote and distributed to my students. If you would like a copy of the the full instructions including illustrations, send a private message and include your email address. I will send the pdf file

1. Open a file

2. Choose Image > Duplicate. In the As: field enter file name as: filename_map.psd. (Example: man_map.psd). This file, which will ultimately serve as the Displacement Map must be in psd format.

3. Choose Image > Mode > Grayscale.  Increase the image contrast using Curves or Levels. Since each image is unique, there is no exact setting. Then choose Filter > Blur > Gaussian Blur. Once again, there is no set amount. The sample below is a useful guide.

4. Save this file – filename_map.psd -- to the desktop.

5. Open another file consisting of a pattern or type*. Drag that image over the full color image. It will be Layer 1.

* If you choose to use type for Layer 1, it must be rasterized. After typing, choose Layer > Rasterize > Type.

6. Choose Filter > Distort > Displace. The default numbers of 10 for Vertical and Horizontal Scale usually work very well. For greater displacement,15 is satisfactory, as well. Radio buttons should be set to Stretch to Fit and Repeat Pixel Edges. Click OK.

7. Choose a Blend Mode of Multiply or experiment with other Blend Modes, as well. Adjust the opacity of Layer 1 for the most pleasing effect.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 05, 2018 Jun 05, 2018

Have sent you a PM Norman, with my email address

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 14, 2023 Sep 14, 2023
LATEST

Tengo el mismo problema, he manejado las mismas dimensiones y me sigue sin funcionar 😞1.JPG2.JPG3.JPG

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 05, 2018 Jun 05, 2018

Done. Happy to help.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 24, 2018 Jul 24, 2018

Norman, that helped me understand. Thank you!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines