How to Mock Up a Pattern on a Product
Guide · Updated 20 September 2026
In short: a flat tile tells a buyer what your pattern is; a photograph of it as cloth tells them what it would be like to own. The three things that make the difference between a convincing mockup and a sticker are the scale (is the check really that big?), the folds (does the pattern bend with the cloth?) and the fibre (wool and viscose do not take light alike).
Why the flat tile is not enough
A seamless tile is the thing you sell, but it is a terrible advertisement for itself. Shown flat, a 2 cm check and a 20 cm check look identical — the image has no size — and nothing tells the buyer whether the design will read as a texture across a room or as three big blocks on a cushion. Listings that show the pattern on a real object convert better for exactly this reason: the object supplies the scale that the tile cannot.
This is also where most quick mockups fall down. Pasting a pattern over a photograph with a multiply blend darkens it in the shadows and leaves it flat everywhere else: the cloth does not bend, the print does not follow the folds, and the eye reads it as a decal in about a tenth of a second, even if it cannot say why.
Scale first, and in centimetres
Before anything else, set the physical repeat: how many centimetres across is one tile? That single number decides whether your design is a shirting check or a blanket plaid, and it is the number a print-on-demand service will ask for. The studio's stage carries a centimetre ruler for this, and each mockup scene is built from a photograph of a real garment at a measured size — a 55 cm square bandana, a 65 cm pillow and a 50 × 75 cm pillowcase — so when you put a 4 cm check on the pillow, four centimetres is what you see.
A useful habit: decide the repeat on the ruler, then look at the mockup, then go back and change the repeat rather than the design. Nine times out of ten what feels wrong about a first mockup is scale, not colour.
What makes a mockup believable
Our mockups work from a photograph and three maps made from it once: where the garment is, how it is lit at every pixel, and which centimetre of cloth shows there — wrapped round the body and drifting with the folds. The tile is sampled at that centimetre and lit with the photograph's own light, so the folds, the seams, the sheen and the shadows belong to the photograph rather than to a filter. Whether you use our tool or another, these are the things to look for:
- The pattern follows the folds. Stripes should bend and compress where the cloth turns, not run straight across a shadow.
- Seams interrupt it. A garment is cut from panels; a pattern that runs unbroken across a seam is the clearest giveaway of a pasted mockup.
- Darks stay dark. A print put through a photograph's tone has to use that camera's black and white. We measured them per photograph, and it mattered: a high-key white shirt read a black of 0.19, which lifted every dark print to grey until it was corrected to the one camera black used everywhere.
- Grain matches. A perfectly clean print on a slightly grainy photograph looks pasted on. The cloth gets the photograph's grain too.
The fibre changes the picture
This is the part most mockup tools skip: they light every design as one dyed cotton. But a wool check and a viscose check are not lit alike, and the difference is not subtle. Wool is matte and hairy, so the print softens at the millimetre scale and the shadows lift as the fibre scatters light into them; viscose is smooth and fluid, with a broad soft gleam over the folds. In the studio each fabric is a handful of numbers a shader reads — how steeply it takes the photograph's light, how far a fold closes, how strong and how wide the sheen is, how much the fibre softens the print, and how much the fibre texture shows:
| Fabric | What it does to your pattern |
|---|---|
| Cotton | A crisp print and ordinary shadow — the neutral choice, and the right one for shirting and quilting cotton. |
| Wool | Softens the print slightly and lifts the shadows; fine lines lose a little of their edge, which is what real flannel does to them. |
| Viscose | Smooth and fluid, with a wide gleam across the folds — flattering to large motifs, hard on very fine lines. |
Pick the one your product will actually be made in. If a fine two-thread guard line disappears in wool, that is not a bug in the mockup — it is a warning about the cloth.
Light, and the two obvious mistakes
A studio's soft box wraps a garment in open, low-contrast shadow; the open air is a sun and a blue sky, deeper and cooler in the shade and warmer where the sun lands. Ours lets you slide between the two, and grade the cloth's brightness, contrast, saturation and warmth — while leaving the photograph around it alone, which is what keeps the picture honest.
Two mistakes worth naming, because they are the common ones:
- Over-saturating the cloth so it glows against a neutral photograph. It reads as fake, and it will not match the printed fabric the buyer receives.
- Only ever showing one mockup. A garment and a homeware shot answer different questions. Show the scale on something the buyer can measure against their own life.
What to put in a listing
A practical set, in order of how much work each does:
- One mockup on a real product, as the first image — this is what earns the click.
- The flat tile, so the buyer can see the whole design at once.
- A wider view showing the repeat several times over, which proves it is seamless.
- A scale reference: the repeat in centimetres, stated in the text if not in an image.
- Your colourways, if you have them, as one coordinated image rather than five listings.
Which formats and resolutions you can save depends on your plan; the pricing page has the table, and the DPI guide covers what a printer will ask for.
Try it live: put your design on a shirt, trousers, a dress, a bandana or pillows, choose cotton, wool or viscose, and move the light from a studio to the open air — the folds and the shadows are a real photograph's, and the scale is in centimetres.
Choose what to create →Frequently asked questions
Do I need a mockup to sell a pattern?
Practically, yes for the first image. A flat tile carries no sense of size, and size is the thing a buyer most needs to judge. Keep the flat tile as a later image — it is still the clearest view of the whole design.
Why does my pattern look pasted on?
Almost always because it does not bend. If the pattern runs straight through the folds and across the seams, no amount of shadow will fix it — the cloth has to be sampled where the cloth actually is.
Which fabric should I choose for the mockup?
The one the product will be made in. Cotton for shirting and quilting, wool for flannel and suiting, viscose for anything fluid. If a fine line vanishes in wool, take that as information about the design.
How do I know the check is the right size?
Set the repeat in centimetres and read it against a scene whose real size you know. Our bandana is a 55 cm square and our pillow a 65 cm square, so a 4 cm check shows as four centimetres rather than as an arbitrary number of pixels.
Can I use a mockup image commercially?
The design you make is yours, and selling it is the point. The mockup photographs themselves are ours, and our terms do not yet spell out how far you may use those pictures — so if you want to put a mockup image into paid advertising, ask us first and we will put the answer in writing rather than leave you guessing.