MockuptopTodos os guias

Mockups transparentes: úteis em todo lugar menos nas lojas

Um mockup exportado com fundo transparente pode ser colocado em qualquer página, slide ou seção colorida e vai parecer que pertence ali. É a arte mais reaproveitável que você consegue produzir — e também o formato que as duas lojas recusam.

Onde a transparência compensa

Topos de site cujo fundo de seção é definido no CSS. Slides que mudam de cor entre apresentações. Páginas de marketing em que a mesma imagem aparece em três seções. E-mails, onde você não controla o fundo. Em todos esses casos um PNG ou WebP transparente significa uma exportação em vez de uma por fundo, e sobrevive a uma troca de marca sem novo render.

O problema da sombra

A sombra de contato pertence ao fundo, não ao aparelho: exportar com alfa ou elimina a sombra ou assa uma mancha semitransparente que vai destoar em fundo escuro. Duas respostas viáveis: incluir a sombra no alfa e colocar a imagem só em fundos de valor próximo ao usado no render, ou exportar sem sombra e acrescentá-la via CSS. Para arte reaproveitada em fundos muito diferentes, a segunda é mais segura.

Nunca mande alfa para uma loja

Capturas da App Store e a imagem de destaque do Play não podem ter canal alfa. Uma arte perfeita no resto falha por um canto transparente, e a mensagem de erro nem sempre deixa claro. Guarde duas exportações por arte: um mestre transparente para suas superfícies e uma versão achatada para as lojas.

Perguntas frequentes

Quais formatos suportam transparência?

PNG e WebP. JPEG não, e por isso exportar em JPEG é o jeito rápido de garantir um arquivo achatado.

Por que meu mockup transparente tem halo branco?

O render foi suavizado contra branco. Exporte com transparência desde o início em vez de remover o fundo depois.

Posso manter a sombra e continuar transparente?

Sim, mas a transparência da sombra está calibrada para um valor de fundo. Planeje onde a imagem vai parar.

Faça no navegador. Coloque sua captura em um dispositivo 3D, mova a câmera e exporte uma imagem ou um vídeo. Sem instalar nada e sem conta.

Abrir o editor 3D Abrir o editor de fotos
Idioma: EN TR DE ES FR IT PT AR RU JA KO