Gerador de mockup de capinha de celular
A capinha tem um buraco no meio da área de arte. O recorte da câmera fica no canto de cima, é grande nos aparelhos recentes, e muda toda vez que um fabricante reorganiza as lentes. Qualquer desenho que ignore isso perde um pedaço bem no ponto em que a maioria centraliza a arte, e as bordas curvas levam mais alguns milímetros para fora de vista.
Como fazer um mockup de capinha
- 1
Envie sua arte
Desenhe em volta do recorte, não atrás dele. Qualquer coisa importante no canto de cima vira um buraco na capa pronta.
- 2
Escolha a capa e a foto
A fosca esconde digitais e fotografa de forma uniforme. A transparente deixa a cor do aparelho aparecer, então a arte fica diferente em cada celular que o comprador tiver.
- 3
Gere e baixe
Uma foto na mão mostra a escala e a curva das bordas, que uma vista plana das costas achata por completo.
Pare de refazer as mesmas imagens
Com a conta, você descreve seu conjunto de imagens uma vez — suas cenas, seu título, sua tabela de medidas, sua logo — e cada novo design passa por ele e volta pronto. O décimo produto custa o mesmo que o primeiro.
Adicione um design para continuar.
Obrigatório. O resto já vem com um padrão sensato.
Exemplos
Com marca d'água até você criar uma conta grátis
Sua logo em todos os mockups
Envie sua logo uma vez e ela é aplicada em todas as imagens que o fluxo gera, na mesma posição e no mesmo tamanho, em todo o conjunto. Nenhum gerador de mockups em lote faz isso, e é por isso que a maioria dos vendedores ainda finaliza as imagens do anúncio na mão.
Especificações do design
| Tamanho de arte recomendado | 1800 × 3200 px a 300 DPI cobre a maioria dos aparelhos |
|---|---|
| Recorte da câmera | Canto de cima, e muda conforme o modelo; deixe livre |
| Dobra das bordas | 3 a 5 mm da estampa curvam para as laterais, fora de vista |
| Zona segura | Mantenha texto 6 mm para dentro de cada borda e longe do recorte |
| Capas transparentes | Sem tinta branca, então a cor do aparelho aparece sob arte clara |
| Perfil de cor | sRGB, no mínimo 300 DPI |
O que dizem os vendedores
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
Perguntas frequentes
Onde fica exatamente o recorte da câmera?
No canto de cima quando você olha para as costas, e o tamanho e o formato mudam a cada geração de aparelho. É por isso que um desenho vendido para vários modelos precisa manter o detalhe importante totalmente fora daquele canto, em vez de posicionado em cima de um celular específico.
A arte dobra em volta das bordas?
Na maioria das capas rígidas, sim, uns três a cinco milímetros. Essa faixa curva para longe da câmera e some na prática, então trate como sangria: estenda o fundo até ali, mas não deixe nada que você precise ver.
O que acontece com minha arte numa capa transparente?
Ela vira um tom sobre o próprio aparelho. A impressão padrão não aplica tinta branca, então um desenho claro numa capa transparente sobre um celular preto não fica nada parecido com o mesmo desenho sobre um branco. Use capa sólida se as cores precisam ser previsíveis.
Um desenho só serve para todos os modelos?
Só se for feito para isso. As proporções variam entre aparelhos e os recortes variam mais ainda, então um padrão que sangra ou um fundo abstrato viajam bem, enquanto um motivo posicionado com precisão não. Desenhe solto e depois gere os modelos que você realmente anuncia.
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.