Softonic

Gerador de Mockup de Captura de Tela

Etapa 1 / 3

Uma captura de tela bruta é funcional, mas sem graça. Envolta em uma barra de navegador ou em uma moldura de janela do macOS, com uma sombra suave e um fundo colorido, a mesma captura de tela parece um visual de produto finalizado. Esta ferramenta pega a imagem que você já tem e a coloca em uma janela de navegador, uma janela do macOS ou uma moldura simples com cantos arredondados, sobre um fundo em gradiente com espaçamento, raio de canto e sombra ajustáveis, para que o resultado se encaixe em apresentações, postagens sociais e kits de imprensa.

Como fazer um mockup de uma captura de tela

  1. 1

    Carregue sua captura de tela

    Qualquer PNG, JPG ou WebP de até 30 MB, capturado em qualquer resolução. A ferramenta lida com imagens retina e padrão.

  2. 2

    Escolha uma moldura

    Janela do navegador (com os pontinhos tipo semáforo e uma barra de URL), janela do macOS (com os pontinhos tipo semáforo) ou uma moldura simples apenas com cantos arredondados.

  3. 3

    Estilize o fundo

    Escolha uma cor de fundo que se funde em um gradiente quente. Adicione espaçamento, ajuste o raio dos cantos e ative ou desative a sombra.

  4. 4

    Exportar

    Baixe o mockup finalizado como PNG para postagens sociais, slides ou kits de imprensa.

Escolhendo a moldura e o fundo certos

A escolha da moldura transmite contexto. Uma barra de navegador diz “aplicativo web”. Uma janela do macOS diz “aplicativo de desktop”. Uma moldura simples mantém o foco em uma interface que já tem seu próprio chrome. Escolha a que corresponda ao que você está mostrando.

Guia de molduras

Moldura Melhor usada para
Janela do navegador Recursos SaaS, páginas de destino, painéis
Janela do macOS Aplicativos de desktop, editores, capturas do terminal
Simples Uma captura que já inclui seu próprio chrome

Tamanhos de referência sugeridos

A ferramenta exporta na resolução da sua própria captura. Ao recortar ou redimensionar o resultado para um canal específico, estas dimensões servem como referência útil.

Destino Dimensões (px)
Cartão do Twitter / X 1600 x 900
Imagem única do LinkedIn 1200 x 627
Feed do Instagram (paisagem) 1080 x 566
Galeria do Product Hunt 1270 x 760
Apresentação (16:9) 1920 x 1080

Dicas de estilo

  • Mantenha a sombra sutil. A sombra descola a moldura do fundo; deixe-a ativada para dar profundidade ou desative-a para um visual plano e minimalista.
  • Mantenha o espaçamento generoso. 60-120 px ao redor da moldura evitam que a captura de tela pareça apertada.
  • Escolha um fundo alinhado à sua marca. A cor que você escolhe se funde em um gradiente quente, então um tom próximo ao da sua marca liga o material ao seu site.
  • Combine a moldura com o conteúdo. Uma barra de navegador ao redor de um aplicativo de desktop, ou uma janela do macOS ao redor de uma página web, soa incoerente. Na dúvida, use a moldura simples.
  • Oculte dados sensíveis (e-mails de usuários, nomes reais, informações de cobrança) antes de exportar. O desfoque é mais fácil do que as consequências legais.

Perguntas frequentes

Três: uma janela de navegador (pontinhos tipo semáforo mais uma barra de URL), uma janela do macOS (pontinhos tipo semáforo, sem barra de URL) e uma moldura simples que apenas arredonda os cantos da sua captura de tela. As molduras são estilizadas, não recriações perfeitas de um produto específico, então são seguras para uso em marketing na maioria das regiões.

No momento, não. O mockup é composto sobre um gradiente criado a partir da cor de fundo que você escolhe, e o PNG é exportado com esse fundo incorporado. Escolha uma cor próxima à da sua marca, ou um tom neutro se pretende colocar a imagem sobre uma superfície lisa.

O mockup é renderizado em uma largura de trabalho confortável, então capturas muito grandes são redimensionadas para caber na moldura. Capture em retina (2x) para o resultado mais nítido, e o PNG exportado permanece nítido em telas de alta densidade.

Não. A composição ocorre em um canvas do navegador e a imagem só sai do seu dispositivo quando você salva o PNG final.

Ferramentas relacionadas

Seletor de Cores do Material Design

Navegue pela paleta de cores do Material Design. Copie qualquer tonalidade (50 a A700) como HEX, RGB ou HSL com um toque.

Gerador de papel pautado

Crie papel pautado para imprimir de graça. Escolha pauta média, larga ou estreita, defina o espaçamento das linhas em mm, o tamanho da página e uma linha de margem, e imprima ou baixe o SVG.

Gerador de papel quadriculado

Crie papel quadriculado para imprimir online: escolha grade ou pontos, ajuste o espaçamento em mm, selecione A4 ou Carta e uma cor de linha personalizada, e imprima ou baixe um SVG nítido.

Criador de gráficos de ponto cruz

Transforme JPEG, PNG ou WebP em gráfico de ponto cruz imprimível com 10–150 pontos, 2–40 cores próprias, símbolos, contagens exatas e medidas do tecido.

Criador de Crachás

Crie até 60 crachás imprimíveis a partir de uma lista Nome | segunda linha. Escolha 8 cartões ou 15 etiquetas por página em A4 ou US Letter e imprima localmente.

Divisor de Grade do Instagram

Divida uma imagem ampla em uma grade 3×3 do Instagram, ou qualquer número de linhas. As peças são numeradas para facilitar o upload em ordem inversa.

Ferramenta disponível em outros idiomas