How to make a mockup
A mockup puts your design where it will actually live: on a poster, a billboard, a shirt, a screen. It is how you show work to a client, a team, or yourself in a way that feels finished instead of flat.
You used to need Photoshop and a heavy PSD file to do this. You do not anymore. Here is the short version.
- 1Pick a scene
Choose a template that matches what you are presenting: a poster on a wall, a billboard over a street, a shirt on a body. Pick the scene first so you know the shape your artwork needs to be.
- 2Upload your design
Drop your artwork in as a PNG, JPG, or WEBP. Any size works. The tool prepares it for the scene.
- 3Match the aspect ratio
Each scene has a recommended ratio. Use the built-in crop tool to match it so your design lands without stretching.
- 4Generate
The tool places your artwork into the scene with real perspective, light, and texture. It takes a few seconds.
- 5Download
Save the finished mockup at up to 4K. Use it in a deck, a portfolio, a campaign, or a product page.
What makes a mockup look real
Three things separate a convincing mockup from an obvious one: perspective, light, and texture. The artwork has to sit on the surface at the right angle, pick up the scene’s light and shadow, and let the surface texture show through, the paper grain, the fabric weave, the slight curve of a cup.
Good mockups handle all three automatically. Your design should look printed into the scene, not pasted on top of it.
Mockups without Photoshop
A traditional PSD mockup is a heavy file you download, open in Photoshop, and edit through a smart object. It works, but a single change can take ten or fifteen minutes, and you need Photoshop to do it at all.
A browser-based generator does the placement for you. You stay in the browser, you get a result in seconds, and the output quality matches a well-built PSD without any of the wrestling.
Keeping your type sharp
If your design has small text, brand marks, or fine detail, upload it at a generous resolution and match the recommended aspect ratio so nothing gets stretched. On flat surfaces your artwork lands pixel for pixel, so the type you upload is the type you see.