How to make a realistic t-shirt mockup

ls.graphicsNovember 8, 20265 min read

A realistic t-shirt mockup needs four things: the design follows the folds of the fabric, it blends with the cloth instead of sitting on top, it has a believable size on the shirt, and the light matches the scene. Use a scene with real shading, replace the design inside a smart object, and check the result at full size.

What makes a t-shirt mockup look real?

A mockup looks fake when the design is flat while the shirt is not. The fix is to make the ink part of the cloth. Four things do most of the work:

Fabric displacement: the artwork bends where the cloth bends. A good PSD scene does this for you, and when you build your own, the Displace filter pushes the pixels with a map made from the shirt.
Blend mode: Multiply lets the shadows and folds of the shirt show through light ink, like real print. Without it the design looks like a sticker.
Scale: a left chest logo is small and a center print is much larger. Use the provider's sizes, for example from Printful's placement guide, and do not enlarge the art to fill the shirt.
Wrinkles and light: a crease that crosses the print should cross it in the picture too, and the highlights should fall in the same direction as the shadows around the shirt.

Texture matters as well. Real ink on cotton is slightly soft at the edge, so a razor-sharp vector edge gives it away. The weave of the fabric shows through the print.

Black t-shirt lying crumpled on a gray surface with a large white letter A whose edges bend over the wrinkles

How do I make a realistic t-shirt mockup with a PSD smart object?

Open a layered PSD, double-click the smart object that holds the design, paste your artwork, save and close. In a well-built scene, the shirt layers above the smart object supply the folds, shadows and highlights, so the design picks them up. The two guides on how to use a PSD mockup in Photoshop and what a smart object is cover the basics.

Open the PSD in Photoshop and find the layer marked for your design in the Layers panel.
Double-click the thumbnail of that smart object. A second tab opens with an empty canvas.
Paste or place your artwork and scale it to the size you want on the chest. Keep the artwork inside the canvas.
Press Ctrl or Cmd S, then close the tab. The main file updates.
Recolor the shirt with the scene's color layer if it has one, and check the folds still cross the print.
Export a PNG or JPEG at the full size of the file.

On a dark shirt, light ink on Multiply disappears, so keep the design on Normal and let the shading layers above it do the work. Most scenes are built for this, so look at the layer order before you change a blend mode.

How do I make a t-shirt mockup online without Photoshop?

Open a t-shirt scene in an online mockup generator, drop your design on it and export a PNG. In the ls.graphics mockup generator the scenes are 3D renders, so the folds and light are already in the picture and the design follows them.

Choose a t-shirt scene. The first mockup guide walks through the same steps with a device.
Drop or paste your design on the shirt, as the editor overview describes.
Change the color and the background to fit your brand.
Use Curves, Color balance or Hue and Saturation to match the tones of the design to the scene. The curves guide shows how.
Export a PNG. If you want to keep working in Photoshop, export a layered PSD, which this guide covers.

The generator needs nothing installed, so it suits a quick listing image. A designer who wants full control over layers can start from the same scene as a PSD.

Folded purple t-shirt on a gray background with large white typography running across the front and wrapping at the folds

How do I make a mockup from my own shirt picture?

Use the Displace filter. Make a grayscale copy of the shirt, blur it slightly, save it as a PSD map, then apply Filter, Distort, Displace to the design with small values. The design shifts with the light and dark areas of the map, which fakes the folds.

It takes practice, and the result depends on the picture you start from. A flat, evenly lit shirt gives a weak map, while a shirt with visible folds gives a strong one. For most work a ready scene is faster and the lighting is consistent across a set. Use your own picture when you need a specific garment, fit or color.

What mistakes make a t-shirt mockup look fake?

Most mistakes come from treating the design as a layer on top of the picture. The list below covers the ones that show up most often.

The design is too big or too sharp compared with the fabric, and looks pasted on.
The design ignores a crease or a seam, so it looks flat while the shirt is not.
The colors of the design are pure and bright while the shirt is in dim light. Match the tones with Curves.
The blend mode is wrong for the shirt color, which makes light ink vanish or dark ink look like a patch.
The scene lights do not match the background you changed.

Dark gray t-shirt lying at an angle on a blue court surface with white lettering on the chest in hard sunlight

T-shirt mockup examples

These scenes from the ls.graphics library show different light and fabric conditions:

Black tee crumpled on gray, strong folds for testing how art bends
Folded purple tee, a tidy shape for a listing thumbnail
Dark tee on a blue court in hard sun, an outdoor look with strong shadows
Dark tee hanging against a metal fence, for a streetwear mood
White tee on a mint step, a clean view for a simple graphic

FAQ

What blend mode should I use for a t-shirt mockup?

Multiply for light fabric, so the folds show through the ink. For a dark shirt keep the design on Normal and rely on the scene's shading layers above it.

How do I make a t-shirt design follow the wrinkles?

Start from a scene whose shading is built in, or use the Displace filter with a map made from your shirt picture.

Can I make a t-shirt mockup for free?

Yes. The ls.graphics free mockups are free for personal and commercial projects, you sign in to download, and many of them open in the free online generator.