Phone Case Mockup Generator
A phone case has a hole in the middle of its canvas. The camera cut-out sits in the upper corner, it is large on recent handsets, and it moves every time a manufacturer rearranges the lenses. Any design that ignores it gets a chunk removed from exactly the spot most people centre their artwork on, and the curved edges wrap another few millimetres out of sight.
How to make a phone case mockup
- 1
Upload your artwork
Design around the cut-out rather than behind it. Anything important in the upper corner will be a hole in the finished case.
- 2
Pick the shell and the shot
Matte hides fingerprints and photographs evenly. Clear shows the phone colour through it, so the artwork reads differently on every handset the buyer owns.
- 3
Generate and download
A held shot shows scale and the curve of the edges, which a flat back view flattens out entirely.
Stop rebuilding the same images
Signed in, you describe your listing set once — your scenes, your title, your size chart, your logo — and every new design runs through it and comes back finished. The tenth product costs what the first did.
Add a design to continue.
Required. Everything else has a sensible default.
Examples
Watermarked until you sign up free
Your logo on every mockup
Add your logo once and it is placed on every image the flow generates, same position, same size, across the whole set. No bulk mockup generator does this, and it is the reason most sellers still finish their listing images by hand.
Design specifications
| Recommended artwork size | 1800 × 3200 px at 300 DPI covers most handset sizes |
|---|---|
| Camera cut-out | Upper corner, and it differs by model; leave it clear |
| Edge wrap | 3 to 5 mm of the print curves around the sides, out of view |
| Safe zone | Keep text 6 mm inside every edge and clear of the cut-out |
| Clear shells | No white ink, so the phone colour shows through pale artwork |
| Colour profile | sRGB, 300 DPI minimum |
What sellers say
Before Custom Mockup Generator, every new design meant rebuilding the same five listing images from scratch. Now I drop in the design and get the whole set back ready to upload. It turned mockups from a production task into a checkbox.
Maya PatelEtsy seller, 40+ designsI tried template libraries, but the problem was never finding another mockup. It was making the same front, back, flat lay, size chart and lifestyle images over and over. Custom Mockup Generator finally solves that repetition.
Daniel BrooksPrint-on-demand sellerWe were considering building a rendering API because we had so many designs to process. Custom Mockup Generator gave us the result we actually needed without turning our shop into a software project.
Chris MorganPOD store ownerThe biggest difference is that I don't have to think about individual images anymore. I define the listing set once, add a new design, and the title, logo and size chart are already where they need to be.
Sofia RamirezIndependent apparel sellerMost mockup tools help you choose a scene. Custom Mockup Generator helps you finish a listing. That distinction sounds small until you're creating images for dozens or hundreds of products.
Alex TurnerE-commerce sellerI used to dread adding a new design because the artwork took five minutes and the mockups took forever. Now the artwork is basically the only part I have to do.
Jordan LeePrint-on-demand designer
Frequently asked questions
Where exactly is the camera cut-out?
Upper corner as you look at the back, and the size and shape change with almost every handset generation. That is why a single design sold across many models needs its important detail kept out of that corner entirely rather than positioned around one specific phone.
Does the artwork wrap around the edges?
On most hard shells, yes, by three to five millimetres. That band curves away from the camera and is effectively invisible, so treat it as bleed: extend the background into it, but keep nothing you need to see there.
What happens to my design on a clear case?
It becomes a tint over the phone itself. Standard printing lays no white ink, so a pale design on a clear shell over a black handset looks nothing like the same design over a white one. Use a solid shell if the colours need to stay predictable.
Can one design cover every phone model?
Only if it is built to. Aspect ratios differ between handsets and the cut-outs differ more, so a full-bleed pattern or an abstract background travels well while a precisely positioned motif does not. Design loose, then generate the models you actually list.
Is this mockup generator free?
Yes. You get 4 free images without an account, and they carry a watermark. Pro is $7 a month and gives you 100 images, without the watermark.
Can I use these mockups commercially?
Yes, once the watermark is gone, which the Pro plan handles. Clean exports can be used on Etsy, Shopify, Amazon and print-on-demand listings, and in client work. Watermarked exports are for comps and internal review only.
Do I need Photoshop or a smart-object template?
No. This runs in the browser. Upload your artwork, choose the options, download the result. There is no PSD to open, no smart object to replace and nothing to install.
Which file formats can I upload?
PNG, JPG and WebP. PNG with a transparent background gives the cleanest result on every product, because a JPG carries a white rectangle that shows up against anything the artwork does not fully cover.