Affinity Photo  Illustrator  Photoshop  Painter  E-mail > tutorials > Affinity Photo

Displacement Maps For Affinity Photo From Adobe Photoshop PSD / PNG Tutorial Beginner's Guide

By Andrew Buckle, Video Tutorial Creator / Designer

Updated : 2021


How to use displacement maps from Photoshop into Affinity Photo. The displacement map format foir Affinity Photo is PNG (and not PSD)

  1. open the PSD file to be used as the displacement file

  2. file menu and export to PNG format

Or use the Affinity Photo batch process to convert the PSD files into PNG for use as a displacement map - probably easier than converting them one at a time.

  1. file menu

  2. new batch job

  3. sources (add displacement map PSD files)

  4. save into (browse for a folder or use the original)

  5. click 'save as PNG' (unless you want the AFPhoto format)

  6. click OK

  7. You will now have a whole folder's worth of PNG format displacement files


Displace filter and loading a map from a file (PNG format)

displacement maps and affinity photo displace
  1. filter menu

  2. distort

  3. displace

  4. load map from file (select the PNG file)

Use the displacements with gradient tool etc in Affinity Photo

fill layer displacement map

You can also use the same files then via the gradient tool and the fill layer as a bitmap and you can rotate and scale etc the items.

  1. new document

  2. layer menu

  3. new layer

  4. click gradient tool in toolbar

  5. add gradient

  6. go to the gradient type and select bitmap

  7. browse for the displacement map folder

  8. select PNG file

  9. scale and rotate as required