O que você recebe
- Mockups em PNG nas proporções 16:9, 1:1, 4:5 ou 9:16, em 1080p, 2K ou 4K, transparentes ou sobre um fundo
- Um MP4 de 60 fps do celular abrindo, fechando ou ambos, com balanço de câmera opcional
- O código-fonte interativo do estúdio e uma versão única em HTML offline
- Três acabamentos de corpo, dez fundos incluídos e suporte a vídeo de fundo
- Fundo, loop e som da dobra do PopNow, opcionais, cotados antes
Ideal para
- Imagens de loja de apps, de lançamento e para redes sociais a partir de capturas reais
- Um clipe curto de dispositivo para um reel, um changelog ou uma landing page
- Mostrar um app web responsivo numa tela grande e numa pequena ao mesmo tempo
Não é para
- Mockups de um modelo específico de celular real
- Inventar uma interface que ainda não existe
- Filmes de lançamento completos com títulos e narração
Como usar
No Claude ou no ChatGPT
Use a skill da PopNow “Gerador de mockup de celular” (phone-mockup-generator) para isto: Coloque ./shots/dashboard.png no celular, aberto, acabamento prata, fundo quente, e me dê PNGs em 16:9 e 4:5.
Em um agente de programação
/popnow-phone-mockup-generator Coloque ./shots/dashboard.png no celular, aberto, acabamento prata, fundo quente, e me dê PNGs em 16:9 e 4:5.
Depois tente
Agora um clipe de 6 segundos dele abrindo e fechando com um clique suave da dobradiça. Informe o custo do som antes.
Use a captura mobile ./shots/today.png na tela pequena e faça uma versão fechada 9:16.
O que ter em mãos
- Uma captura ou gravação em paisagem para a tela grande (cerca de 1,42:1)
- Opcionalmente, um arquivo em retrato para a tela pequena
- Node 22 e Chrome para as exportações sem interface
- Opcional: uma chave de API do PopNow para um fundo, loop ou som personalizado
Skills parecidas
Ver todas →Retrato de estúdio em preto e branco
+3Transforme uma foto do dia a dia em retrato de estúdio calmo em preto e branco que ainda seja você.
Conjunto de ilustrações para post de blog
+3Três ilustrações combinando entre si para um artigo, cada uma mostrando de fato o que o trecho diz.
Gerador de kit de marca e DESIGN.md
+3Kit de marca de um briefing curto: paleta verificada, fontes abertas, logotipo SVG e DESIGN.md para agentes.
Pôster de anatomia de carro em corte
+3Corte em vista lateral de um carro genérico: sistemas coloridos, marcadores numerados e janelas de zoom.
Criador de infográfico em lousa
+3Infográfico 16:9 em estilo de lousa, com textos curtos exatos, desenhos de giz e um caminho de leitura claro.
Quadros de storyboard cinematográfico
+3Três folhas de storyboard para uma cena, cada uma com um jeito diferente de filmá-la, mantendo a continuidade.
Conjunto de concept art consistente
+3Um personagem, um objeto e um cenário que claramente pertencem ao mesmo mundo ficcional.
Arte de rabiscos fofos de giz de cera
+3Personagens de giz de cera fofos e desajeitados, com linhas tremidas e adesivos recortados.
Ilustração editorial em traço
+3Ilustrações leves em tinta preta, com um só destaque de cor, para cabeçalhos de blog, newsletters e cards.
Capa de artigo em estilo de gravura
+3Uma gravura surrealista em tinta preta por ensaio, em hachura cruzada, com a grande ideia em uma só cena.
Vista explodida de plataforma de veículo elétrico
+3Um carro elétrico separado camada por camada: bateria, motores, cabine e carroceria em cor, com chamadas.
Pôster de vista explodida de produto
+3Imagem principal limpa de vista explodida de um produto, com rótulos exatos da sua tabela de especificações.
Gerador de mapa de fantasia
+3Pergaminho, atlas ou linha preta do seu mundo, com todos os nomes escritos certo e grades alinhadas.
Mapa regional de sabores da comida
+3Mapa pintado de regiões, cada uma com um gráfico de sabor em escala comum e uma legenda honesta.
Criador de mapa ilustrado de cidade
+3Um mapa de bairro ou cidade em estilo desenhado à mão, verdadeiro onde importa e com rótulos exatos.
Storyboard em esboço de tinta
+3Storyboard rabiscado em tinta preta a partir de uma história curta: traços soltos e um beat por painel.
Criador de imagem OG em linha
+3Imagens de prévia de link calmas: cartão fora de branco, título curto em preto e um personagem de traço.
Pôster de pesquisa em biologia marinha
+3Pôster de pesquisa em torno de um corte pintado de habitat, com espécies numeradas e um gráfico.
Estudos de composição fotográfica
+3Três versões fotográficas de um mesmo assunto, cada uma construída sobre um princípio de composição diferente.
Gerador de sketchnote
+3Transforma um artigo ou notas numa sketchnote 4:3 desenhada à mão, com rótulos exatos e conferidos.
Gerador de capa para redes sociais e miniaturas
+3Uma mensagem de entrada e um conjunto conferido de imagens OG, capas e miniaturas, cada tamanho exato.
Perguntas
É um modelo de celular real?
Não. O celular é um dobrável genérico desenhado por código, então não leva design nem logotipo de fabricante. Isso mantém as suas imagens livres da marca registrada de outra pessoa.
Preciso instalar algo?
Node 22 e o Google Chrome (ou Chromium ou Edge). Os scripts não usam pacotes npm: servem o estúdio localmente e controlam o navegador para exportar arquivos PNG e MP4.
As telas podem mostrar vídeo?
Podem. As duas telas aceitam MP4, WebM ou MOV além de imagens. Durante a exportação, a gravação avança quadro a quadro, então fica em sincronia com a dobra.
O que o PopNow acrescenta?
O que o estúdio não consegue desenhar: um fundo gerado para o seu produto, um fundo em movimento de cinco segundos e som para o clipe. Cada item é opcional e cotado em créditos antes de rodar.