Mockup grátis online
Faça um mockup grátis em segundos: arraste seu logo, escolha o produto e a arte aparece em perspectiva na camiseta, na caneca, na placa ou na tela, com as dobras e a luz da foto. Tudo fica no seu aparelho.
Fonte: Heckbert (1989) – Fundamentals of Texture Mapping and Image Warping, UC Berkeley UCB/CSD-89-516 (projektive Abbildung Quadrat → Viereck). Atualizado em: .
Como o cálculo é feito
Resumindo: mockup é uma imagem realista que mostra como um logo ou uma arte fica em um produto de verdade. Esta ferramenta aplica sua imagem com a perspectiva certa em oito fotos: camiseta, moletom, caneca, placa de fachada, cartão de visita, notebook, celular e pôster emoldurado, mantendo dobras, sombras e brilhos. Tudo roda no navegador: sem cadastro, sem marca d’água e sem upload.
Como usar
- Arraste seu logo, escolha um arquivo ou cole com Ctrl + V. Sem imagem, a ferramenta desenha um logo de exemplo com o texto que você digitar.
- Toque em um produto: a prévia aparece na hora.
- Ajuste tamanho e posição. Deixe “Remover o fundo branco” ligado para logos em fundo branco e ligue “Preencher toda a área” para fotos ou prints de tela.
- “Salvar mockup” baixa um PNG ou JPG; “Os 8 em ZIP” gera todos os produtos de uma vez – ótimo para orçamentos, lojas virtuais e apresentações.
Como é calculado
A placa, o pôster ou a tela aparecem inclinados na foto. A partir dos quatro cantos da área, a ferramenta calcula uma transformação projetiva (homografia), método descrito por Paul Heckbert em 1989 para mapeamento de texturas. Para cada pixel da foto, ela encontra o ponto correspondente da sua arte e mistura os quatro pixels vizinhos (interpolação bilinear): nada de serrilhado nem emendas. A caneca é curva, então a arte é enrolada num cilindro, estreita nas laterais e segue um arco de elipse em cima e embaixo.
Para parecer impresso e não colado, a arte é multiplicada pelo brilho da foto (modo de mesclagem “multiplicar” do W3C). As dobras do tecido e a sombra da caneca aparecem sobre a estampa, e os reflexos da cerâmica continuam visíveis. Telas emitem luz e não são escurecidas.
Limites
As fotos têm de 1024 a 1216 pixels no lado maior: suficiente para site, loja e redes sociais, mas não para arquivo de gráfica. Foram geradas localmente para este site com um modelo de imagem e não mostram marcas. Mockup é uma prévia: a cor final depende da técnica de impressão e do material.
Privacidade
Seu logo é processado só no navegador e nunca é enviado. Ficam salvos apenas os ajustes (produto, tamanho, texto), nunca a imagem.
Veja também: remover fundo do logo e criar cartão de visita pronto para imprimir.
Perguntas frequentes
Como fazer um mockup grátis?
Arraste seu logo para a área acima, escolha um produto e clique em “Salvar mockup”. Sem cadastro, sem marca d’água e sem limite.
O que é mockup?
É uma imagem de apresentação que mostra uma arte em um objeto real – por exemplo, um logo em camiseta ou caneca – antes da produção. Serve para orçamentos, lojas virtuais, apresentações e redes sociais.
Meu logo precisa ter fundo transparente?
O ideal é PNG transparente. Para logo em fundo branco, basta a opção “Remover o fundo branco”; com fundo colorido, use antes a ferramenta de remover fundo.
Dá para colocar um print na tela do notebook ou do celular?
Sim. Escolha “Notebook” ou “Celular”, arraste o print e ligue “Preencher toda a área”. O entalhe da câmera e a borda do celular continuam visíveis.
Posso usar os mockups comercialmente?
Sim. As fotos de produto foram criadas para este site e não têm marcas de terceiros. Você só precisa ter os direitos do seu próprio logo.
Fontes e base legal
- Heckbert (1989) – Fundamentals of Texture Mapping and Image Warping, UC Berkeley UCB/CSD-89-516 (projektive Abbildung Quadrat → Viereck)
- W3C – Compositing and Blending Level 1: multiply B(Cb, Cs) = Cb × Cs
- ITU-R BT.709 – Luminanz Y = 0,2126 R + 0,7152 G + 0,0722 B
- MDN – CanvasRenderingContext2D.getImageData() / putImageData()
- W3C – Web Share API
- ITU-T T.81 / ISO/IEC 10918-1 – JPEG
- W3C – Portable Network Graphics (PNG) Specification
- Google for Developers – An image format for the Web (WebP)
- AOMedia – AV1 Image File Format (AVIF)
- MDN – Image file type and format guide
- MDN – HTMLCanvasElement.toBlob()
Última atualização: · Princípios editoriais
Ferramentas relacionadas
- Remover o fundo de uma imagemRemova o fundo de imagens automaticamente: a IA roda no seu navegador, resolução total, PNG transparente ou fundo colorido. Sem upload e grátis.
- Criar cartão de visita: PDF pronto para impressão, com sangriaCrie cartão de visita online: frente e verso, logo, 9 × 5 cm, sangria e marcas de corte – em PDF para a gráfica ou folha A4 para imprimir em casa. Sem upload.
- Escrever na fotoColoque texto em fotos com 8 fontes, contorno, sombra ou tarja de fundo. Arraste, gire e salve em resolução total – grátis, sem cadastro e sem upload.
- Editar foto online com o editor de fotosEditar foto no navegador: corte, redimensione, gire, ajuste brilho e contraste, aplique filtros e texto, desfaça e salve em JPG, PNG ou WebP. Sem cadastro.
- Recortar foto redondaRecorte a foto redonda: mova e amplie o círculo e salve em PNG com cantos transparentes – ideal para foto de perfil. Tamanhos e borda, grátis e sem upload.
- Gerador de QR Code grátis – também para PixGerador de QR Code grátis: QR Code Pix, Wi-Fi, link, contato (vCard), e-mail ou telefone. Escolha as cores e baixe em PNG ou SVG. Não expira, sem cadastro.
- Flashcards para imprimirCrie flashcards para imprimir: pergunta e resposta por linha, PDF com frente e verso, tamanho e linhas de corte à escolha. Grátis e sem cadastro.
- Converter PDF para PowerPointConverter PDF para PowerPoint: cada página vira um slide, como imagem ou como texto editável, download em PPTX. Grátis, sem enviar o arquivo.
- Tamanhos de papel: A4 e outros formatosTamanhos de papel A0 a A10, B, C, Carta, Ofício e cartões em mm, cm, polegadas, pontos e pixels conforme o dpi, com metade e dobro. Tabela grátis para consulta.