julianna kunstler

Displace Filter

© JuliannaKunstler.com

WI State Standards:

  • AA Cr10h
    Investigate: Engage in critical thinking, problem solving, and research through elements and principles of art and design studio practices and processes.
    (aesthetics / problem solving)
  • AA Cr12h
    Make: Create works of art that introduce students to media, care of tools, and basic craftsmanship skills.
    (skills)
  • AA Pr10h
    Develop meaning: Create s body of work incorporating personal, historical, and contemporary art to communicate one or morepoints of view.
    (aesthetics / communication)

Learning objectives

  • planning and executing
  • displace filter technique
  • applying textures to objects

Displace filter allows you to wrap one image around another one.

You will need to create a Displacement map – a grayscale version of an image saved as a Photoshop file.

The Displace filter then uses the displacement map essentially as an applied texture.

The black areas are the low points and the light areas are the high points of the contours of the original image.

example

STEPS

create displacement map

displace filter

Pick your character.

Select a face using Object Selection tool

object selection tool

Just drag a rectangle around the face – it will do the rest.

displace filter

Use Quick Mask mode to adjust the selection.

displace filter

Exit Quick Mask mode.

Do not forget to save the selection – you will need it again later.

Select > Save Selection

displace filter

Apply Layer mask to hide the rest of the image.

Important: File > Save (saves it as a .psd file to keep the saved selection and the layer mask).

displace filter

Crop the image to fit just the head.

displace filter

Save it now as a new separate file.

Remember where you saved it!

You are going to make a displacement map out of this new file.

displace filter

Apply Layer mask to the layer.

displace filter
displace filter

Convert the file into Grayscale color mode to remove all color information.

Image > Mode > Grayscale

displace filter

Increase contrast if needed – use Levels.

This image is going to serve as a map for the Displace filter – it needs to know if to bend the pixels up (light values) or down (dark values).

displace filter

To make the bending smoother – we need smoother transitions between values.

Filter > Blur > Gaussian Blur

displace filter

Experiment with blur settings.

displace filter

Crop the image again to minimize the background.

Save it.

Close.

applying displace filter

displace filter

Now open your texture file.

displace filter

Make a rectangular selection in the center approximately the dimensions of the saved FACE file.

displace filter

Edit > Copy > Paste.

When you paste a selection, it automatically creates a new layer and deselects it at the same time.

We need reselect this selection: its boundaries will define the area that we want to apply the displace filter to.

The easiest way is to select the empty background, then invert the selection.

Use Magic Wand tool and click on the empty area outside of the rectangle to select it.

Select > Inverse

displace filter

Now it’s time to apply the displace filter to the selected area.

Filter > Distort > Displace

displace filter

Experiment with scale settings. The default setting is 10×10, but you might need to increase that number for more dramatic bending.

I used 25×25 for this particular image.

OK

displace filter

The filter will ask you what image to use as the displacement map.

It recognizes only .psd files.

Now is the time to find the blurred file that you saved previously.

displace filter

This is what it looks now.

If you don’t like the result – undo it and re-apply the filter with different settings.

As you see – you can kind of recognize where the head is. But we need to remove the stretched background around the head.

Deselect the rectangular selection.

displace filter

Open your original file. Load the selection. Drag the head over your texture file.

displace filter

Resize it to match the "wooden face".

Do not distort it if both faces do not match perfectly – adjust the wooden face layer.

displace filter

On the top layer (photo): use Magic Wand and click on the empty background to select everything outside the head.

On the "wooden face" layer: Delete or Edit > Clear

displace filter

This will remove the stretched background around the head.

displace filter

Experiment with top layer blending modes.

displace filter

If there is not enough details…..

displace filter

… duplicate the layer and experiment with more blending modes and opacity settings.

displace filter

When you are satisfied, we can add shadows and highlights.

There are many ways to do so:

  • use Burn and Dodge tools on a "wooden face" layer copy
  • use multiple copies of the "wooden face" layer with different levels settings of midtones
  • use Brush tool and paint shadows and highlights on a separate layer
  • there is more…

Pick one method.

This particular image is simple enough – so we can just paint.

Select the head again.

displace filter

Create a new layer above the "wooden face" layer.

displace filter

Use a soft brush tool, paint with a dark color to add shadows (not Black, but any dark color that will work with the wood colors).

displace filter

Add highlights.

Experiment more.

Optimize it as .jpg and submit.

Copyright © 2008–2026 Julianna Kunstler