for plugins and presets > tutorials > Affinity Photo

How to use displacement maps from Photoshop in Affinity Photo tutorial

Learn how to use Photoshop displacement maps in Affinity Photo displace tutorialdisplacement maps and affinity photo png psd

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

Other tutorials

1. Glass filter and Photoshop displacement maps

Displacement maps to purchase

$7.79 (also GBP, etc) per set, PSD format, all are downloads


BUY 1000 Displacement maps for use in Affinity Photo (requires converting to PNG) PSD displacement's collection PDF ... [browse]


BUY 1250 Textures BMP Textures / displacement maps / distortions for PSP, GIMP, Photoshop ... [browse]