👕 Shirt Mockup Tool

Photoshop-Style Masking
1 · Shirt Mockup Image
🖼️
Upload Shirt Mockup

PNG with transparent background recommended

2 · Shirt Color
80%
3 · Your Design / Logo
✏️
Upload Design / Logo

PNG with transparency works best

4 · Design Blend Mode
90%
100%
👕
Upload a shirt mockup to begin
Photoshop Techniques
1

Color Fill + Clipping Mask
In PS: Add a Solid Color layer above the shirt, set blend to Multiply, clip it to the shirt layer. Here: use the color picker above.

Multiply blendClipping Mask
2

Design Placement
In PS: Place design as a Smart Object, clip it to the shirt layer. Set blend to Multiply so fabric wrinkles show through.

Smart ObjectMultiply / Overlay
3

Displacement Map
In PS: Apply Filter → Distort → Displace using a grayscale version of the shirt as the map. This warps the design to follow fabric folds.

Displace FilterFabric Warp
4

Luminosity Mask (advanced)
Create a channel selection from shirt highlights → use as mask on your color fill layer for realistic fabric shading.

Channel MaskLuminosity
💡 Tip — Blend Mode Guide

Multiply → Best for designs on colored shirts. White areas become transparent.

Screen → Best for dark designs on light shirts. Black areas disappear.

Overlay → High-contrast artistic effect. Midtones blend naturally.

Soft Light → Subtle, realistic print. Great for photographic designs.
Export / PSD Notes
For a full Photoshop PSD workflow:

1. Open shirt PNG in PS
2. Select → Color Range → select white shirt
3. Create Solid Color fill layer — clip to shirt
4. Place design → Convert to Smart Object
5. Set blend to Multiply
6. Save as .psd with layers

This tool exports a flat PNG mockup.