# Displacement Map in Photoshop: 7 Steps for Fabric Folds

```json
{
  "title": "Displacement Map in Photoshop: 7 Steps for Fabric Folds",
  "description": "Build a displacement map from your product photo, apply Displace, and blend it so your design bends with real folds, plus 5 fixes when it does nothing.",
  "site": "QRdy AI",
  "page_type": "blog_post",
  "slug": "displacement-map-photoshop",
  "language": "en",
  "author": "QRdy AI Bot",
  "ai_assisted": true,
  "published_at": "2026-11-12",
  "updated_at": "2026-11-12",
  "primary_product": "MockupPress",
  "tags": [
    "mockups",
    "print-on-demand",
    "tips-tricks",
    "tutorials"
  ],
  "word_count": 1648,
  "reading_minutes": 7,
  "faq_count": 5,
  "url": "https://www.qrdyai.com/blog/displacement-map-photoshop",
  "markdown_url": "https://www.qrdyai.com/md/blog/displacement-map-photoshop",
  "llms_txt": "https://www.qrdyai.com/llms.txt"
}
```

## Introduction

Make a grayscale displacement map from your product photo, apply Filter > Distort > Displace, and blend with Multiply so your design bends with real fabric folds. Includes fixes for maps that "do nothing."

Published on the QRdy AI Blog: https://www.qrdyai.com/blog/displacement-map-photoshop. Written by QRdy AI Bot. Product covered: MockupPress — Mockup sản phẩm chân thực từ ảnh thường — không Photoshop/PSD, render hàng loạt ngay trong trình duyệt

**A displacement map in Photoshop is a grayscale copy of your product photo, saved as a separate PSD, that the Displace filter (Filter > Distort > Displace) uses to push your design's pixels along the folds and wrinkles of the fabric. Make the map, apply Displace at a scale of about 10, then blend with Multiply.**

That is the whole idea. The rest of this guide walks through each step in order, explains why the map so often "does nothing," and covers the settings that make a design look printed instead of pasted on top.

If you are new to mockups in Photoshop, start with our [smart object mockup walkthrough](https://www.qrdyai.com/blog/how-to-make-a-mockup-in-photoshop). This post picks up where that one stops: making the design follow folds.

![MockupPress render: black and white diamond line pattern on a throw pillow, lines bending with the fabric folds](https://cms.qrdyai.com/api/media/file/blogdisplacement-map-photoshop-inline-1794453606073-0.webp)

*Straight lines are the hardest test for any mockup. Here the diamond pattern bends with the cushion instead of sitting flat on top.*

## What a displacement map actually does

The Displace filter reads a second image, the map, and moves each pixel of your design based on how light or dark the map is at that spot. According to [Adobe's help page for the filter](https://helpx.adobe.com/photoshop/desktop/effects-filters/artistic-stylize-filters/apply-distortion-and-stylize-filters.html), lighter areas shift pixels one way, darker areas shift them the opposite way, and **50% gray causes no movement at all**.

A wrinkled T-shirt or a pillow photo already holds that information. The ridges catch light, the creases fall into shadow. Turn the photo into a grayscale map, and the filter bends your artwork into the same ridges and creases.

Two rules matter more than anything else:

- The map **must be saved in Photoshop format (.PSD)**. A JPG or PNG will not work as the map.
- Displace runs on a pixel layer or a Smart Object. Live text or a shape layer has to be converted first.

## Part 1: How to make and use a displacement map in Photoshop

### Step 1: Prepare the product photo

Open your product photo (a blank shirt, pillow, tote, anything fabric). Hide every layer except the photo itself. The map must come only from the product, not from your artwork.

Crop the canvas to its final size now. If you crop after building the map, the map and the photo will no longer line up.

### Step 2: Find the channel with the most contrast

Open the **Channels** panel and click Red, Green, and Blue one at a time. Pick the channel where the folds look the clearest. On white and light-gray fabric it is often Green.

Right-click that channel, choose **Duplicate Channel**, and under Destination pick **New** document. Name it something like "pillow-map."

No time for channels? Duplicate the image to a new document and use **Image > Adjustments > Desaturate** instead. It works, it is just a little less crisp.

### Step 3: Blur the map slightly

In the new map document, go to **Filter > Blur > Gaussian Blur** and use a small radius, about **1 to 3 px**.

The blur is not optional. Without it, fabric weave, heather texture, and sensor noise get turned into tiny jagged shifts, and your clean vector art comes out looking chewed.

### Step 4: Boost the folds with Levels

Open **Image > Adjustments > Levels**. Pull the black and white input sliders slightly inward and nudge the middle slider until the folds stand out clearly. You want visible ridges, not a flat gray sheet.

Do not overdo it. Pure black and pure white areas create the strongest push, which can tear thin lines in your design.

### Step 5: Save the map as a PSD

Use **File > Save As**, choose **Photoshop (.PSD)**, and save it somewhere easy to find, next to your mockup file. Close the map document.

### Step 6: Place your design and apply Displace

Back in the mockup file, drop your design onto the shirt or pillow and position it over the print area. If it is text or a shape, right-click the layer and choose **Convert to Smart Object**.

With the design layer selected, choose **Filter > Distort > Displace**. The dialog gives you:

- **Horizontal Scale / Vertical Scale:** how far pixels move. The default of **10** is the right place to start. Use 5 to 10 for subtle folds and up to about 15 for heavy wrinkles.
- **Displacement Map: Stretch To Fit or Tile.** Pick **Stretch To Fit** so the map scales to your document.
- **Undefined Areas: Wrap Around or Repeat Edge Pixels.** Pick **Repeat Edge Pixels** so the edges of your design do not pull in pixels from the opposite side.

Click OK, then select the PSD map you saved in Step 5.

### Step 7: Blend the design into the fabric

Displacement handles shape. Lighting is a separate job. Set the design layer's blend mode to **Multiply** (for designs on light fabric) or try **Linear Burn** for a stronger print look. The shadows of the folds now show through the design.

Finally, add a **layer mask** and paint away anything outside the real print area: seams, piping, hands, a pillow's zipper edge.

![MockupPress render: abstract painting print on a throw pillow on a sofa, with shading from the cushion showing through the design](https://cms.qrdyai.com/api/media/file/blogdisplacement-map-photoshop-inline-1794453607526-1.webp)

*Displacement bends the design, but the shading is what sells it. Notice how the cushion's shadows sit on top of the print.*

## Why your displacement map "doesn't do anything"

This is the most common complaint in Photoshop forums, and it usually comes down to one of these:

1. **The map is not a PSD.** Re-save it as a Photoshop file. If Photoshop still rejects it, flatten it to a single layer and save again.
2. **The scale is too low for your image size.** On a large photo, a scale of 10 can be almost invisible. Try 20 and compare.
3. **The map is too flat.** If the map is mostly mid-gray, there is nothing to push. Go back to Levels and add contrast to the folds.
4. **The map does not line up.** If the photo was cropped or resized after the map was made, the bends land in the wrong places. Rebuild the map from the final canvas.
5. **The design is a Smart Object, so Displace became a Smart Filter.** That is actually good: double-click the filter in the Layers panel to change the scale without starting over. Just remember it asks for the map file again.

And the opposite problem: if your design looks melted or torn, the scale is too high or the map is too sharp. Lower the scale and blur the map a little more.

## Tips for displacement maps that look real

- **Make one map per photo.** A map only matches the photo it came from. A new angle or a new blank means a new map.
- **Keep the map and the mockup in the same folder.** Moving the PSD later makes re-editing the Smart Filter a hunt.
- **Let the fabric texture show.** For a soft vintage print look, lower the design layer's opacity slightly so the weave shows through.
- **Dark fabric needs a different blend.** Multiply makes designs disappear on black shirts. Try Screen, or Normal with a reduced fill, and a lighter design version.
- **Straight lines reveal everything.** Before shipping a template, test it with a grid or striped design. If the stripes look natural, real artwork will too.

## Part 2: When you don't want to do this by hand

The Photoshop method works well for one hero image. It gets painful when you have 40 designs and five product photos, because every new photo needs its own map, and every design still needs placing, displacing, blending, and masking.

That repetitive part is what we built **MockupPress** for. It is a browser app that does the same three jobs (fold displacement, shading, and masking) from a plain product photo:

1. **Drop a product photo.** Any JPG or PNG of a blank: your own phone shot, a supplier photo, a stock image.
2. **Drag a box around where the design will print.** The app cuts the product out of the background, snaps to its edges, picks a flat, cylinder, or free-form surface, and measures highlights, shadows, and fabric folds from the photo itself. That measurement plays the role of your hand-made displacement map.
3. **Fix what's off with Edit.** There are three tools: **Grid** to drag the mesh along the edges, an **Add / Subtract brush** to remove hands or straps from the print area, and **Highlights / Shadows / Edge** sliders to tune how strongly the folds show.
4. **Save the template and render in bulk.** Pick your designs, hit Render, and download a ZIP of every combination plus a `manifest.csv`.

You can try it on your own pillow or shirt photo with [MockupPress, which turns a plain product photo into a fold-aware mockup template](https://www.qrdyai.com/mockuppress). It is free during open beta with unlimited renders in your browser, and your photos never leave your device.

To be fair about the trade-offs:

- **It is not a Photoshop plugin.** It runs in the browser, separate from your PSD workflow.
- **Exports top out at 1536 px on the long edge.** That is plenty for Etsy listing photos, but not print-resolution artwork.
- **Very deep folds or busy photos still need a touch-up** with the brush or grid. The automatic step is a starting point, not magic.
- **There is no built-in mockup library.** You bring the product photo.

If you need full manual control over one image, Photoshop's Displace filter is still the right tool. If you need the same look across a whole catalog, a template you set up once is faster. For more on what makes fabric mockups work, see our [throw pillow mockup ideas](https://www.qrdyai.com/blog/throw-pillow-mockup-ideas) with seven real examples.

## The short version

1. Duplicate the highest-contrast channel (or desaturate) into a new document.
2. Gaussian Blur 1 to 3 px, then boost the folds with Levels.
3. Save it as a .PSD.
4. On the design layer: Filter > Distort > Displace, scale about 10, Stretch To Fit, Repeat Edge Pixels.
5. Choose the PSD map, set the design to Multiply, and mask to the print area.

## Frequently Asked Questions

### Why can't I select my displacement map in Photoshop?

The Displace filter only accepts maps saved in Photoshop format (.PSD). Re-save the map as a PSD, ideally flattened to a single layer, and choose it again after clicking OK in the Displace dialog.

### What scale should I use for the Displace filter?

Start with Photoshop's default of 10 for both Horizontal and Vertical Scale. Use about 5 to 10 for subtle folds and up to around 15 or 20 for heavy wrinkles or very large images. If the design looks torn or melted, lower the scale or blur the map more.

### Do I need a new displacement map for every product photo?

Yes. A map only matches the exact photo, crop, and size it was made from. A new angle, a new blank, or a different crop needs a new map, otherwise the bends land in the wrong places.

### Can I apply a displacement map to text in Photoshop?

Not as live text. Right-click the text layer and choose Convert to Smart Object first. Displace then becomes an editable Smart Filter, so you can change the scale later without rebuilding the layer.

### Is there a way to get fold-following mockups without Photoshop?

Yes. MockupPress is a browser app that measures folds, highlights and shadows directly from a plain product photo after you drag a box around the print area, then renders many designs in bulk. It is free during open beta, exports up to 1536 px, and is not a Photoshop plugin.

## Conclusion

### Way forward

- Read this article on the web: [How to Use a Displacement Map in Photoshop (So Your Design Follows Fabric Folds)](https://www.qrdyai.com/blog/displacement-map-photoshop)
- Try MockupPress: https://www.qrdyai.com/mockuppress?utm_source=qrdyai&utm_medium=web&utm_campaign=llm-md&utm_content=displacement-map-photoshop
- More articles: [QRdy AI Blog](https://www.qrdyai.com/md/blog)

## Related topics

- [Mockups](https://www.qrdyai.com/blog/category/mockups)
- [Print on Demand](https://www.qrdyai.com/blog/category/print-on-demand)
- [Tips & Tricks](https://www.qrdyai.com/blog/category/tips-tricks)
- [Tutorials](https://www.qrdyai.com/blog/category/tutorials)

---

[All pages (llms.txt)](https://www.qrdyai.com/llms.txt) · [Full content](https://www.qrdyai.com/llms-full.txt) · [Blog](https://www.qrdyai.com/blog) · [QRdy AI](https://www.qrdyai.com/) · Updated 2026-11-12