1. Comece com uma captura limpa
Nada pesa tanto no resultado quanto a captura. Uma imagem borrada estraga a melhor cena 3D.
- Faça no aparelho ou no simulador, em resolução total. No iPhone 17 Pro são 1206 × 2622 pixels.
- Limpe a barra de status. O simulador do Xcode mostra 9:41 e bateria cheia; o modo demo do Android faz o mesmo.
- Use conteúdo real. Lorem ipsum e listas vazias deixam o mockup com cara de inacabado.
Para um site, capture a primeira tela e não a página inteira: o aparelho só mostra a parte visível.
2. Decida o que vai fazer
A mesma captura pode virar três coisas, e isso muda os próximos passos:
- uma imagem estática (App Store, site, apresentação);
- um vídeo curto (lançamento, Reels, prévia da App Store);
- seu design dentro de uma foto real (redes, portfólio).
Fazer isso em três programas diferentes toma tempo. Criamos o Mockup Center para que tudo saia do mesmo app.
3. Escolha o aparelho e a cena
Use o aparelho em que seu app roda de verdade. Um app de iOS num celular Android é um erro pequeno, mas as pessoas percebem. O Mockup Center tem 65 aparelhos, entre eles iPhone, Samsung Galaxy, Google Pixel, iPad, MacBook, iMac e Apple Watch, todos sem logos.
Os modelos já vêm com luz, ângulo de câmera e movimento. Se tiver pressa, comece por eles e mude o que não gostar.
4. Solte a captura
Arraste a imagem para o aparelho e ela preenche a tela. Se soltar várias de uma vez, cada uma vai para o mesmo aparelho e a mesma cena. Com seis capturas para a App Store, isso economiza muito tempo.
Para vídeo, solte uma gravação de tela do mesmo jeito. Ela roda na tela enquanto o aparelho se move.
5. Ângulo, luz e fundo
Aqui pequenas mudanças fazem muita diferença:
- Ângulo: um giro leve parece mais vivo do que a vista de frente. Entre 15 e 25 graus costuma funcionar.
- Luz: gire a luz principal e a sombra gira junto. Uma sombra para trás e para baixo parece a mais natural.
- Fundo: uma cor lisa ou um degradê suave não compete com a tela. Um tom claro da cor da sua marca quase sempre funciona.
6. Coloque movimento (para vídeo)
Escolha animações no menu; cada uma começa onde a anterior termina. Para encurtar um clipe, arraste a borda dele na linha do tempo. Se os modelos não bastarem, crie seus quadros-chave no aparelho e na câmera.
Use 9:16 para Reels e TikTok e 16:9 para YouTube e o seu site. Os dois saem do mesmo projeto.
7. Exporte
- App Store e Google Play: PNG ou JPEG com fundo. As lojas recusam imagens transparentes.
- Sites e apresentações: PNG transparente, para o aparelho ficar direto na página.
- Vídeo: MP4. Se for para um editor, ProRes 4444 ou WebM transparente.
O Mockup Center exporta até 8K e baixa várias imagens juntas num ZIP.
