Gabarito online – EVAG Forms

Como preparar o hero do seu abaixo-assinado

Antes de enviar o material para a EVAG, você pode usar este gabarito para entender onde cada parte da arte aparece. O retângulo azul representa o fundo 1200x630 e o quadrado verde representa a área que vira o recorte quadrado no celular.

Importante: para o melhor resultado, crie um fundo em JPG 1200x630 (imagem inteira do hero) e faça uma máscara em PNG 630x630 com fundo transparente, para destacar somente o que é mais importante sem bordas sólidas.

Prévia visual (desenho em SVG) Exemplo de como sua arte será usada

Aqui você vê, de forma simplificada, como o fundo e a máscara se encaixam. O retângulo azul representa o fundo 1200x630 (JPG). O quadrado verde representa a máscara 630x630 (PNG transparente), que fica centralizada e vira o recorte do celular.

Versão Desktop

Versão Celular

No celular, a pessoa vê só esse quadrado. Por isso, tudo que for mais importante da sua mensagem precisa estar dentro da área verde do desenho de cima.

Passo a passo para você enviar a arte Padrão EVAG para abaixo-assinados

Para o seu abaixo-assinado ficar bonito no computador e no celular, basta preparar dois arquivos seguindo esse padrão e enviar para a nossa equipe.

1
Crie (ou peça para a sua equipe de design) um fundo em JPG com dimensões 1200x630 px. Por que usar JPG?
- O arquivo fica mais leve para carregar no site;
- É ideal para fotos, texturas e ilustrações de fundo;
- É essa imagem inteira que aparece no desktop e no compartilhamento.
2
Agora faça uma máscara em PNG com 630x630 px e fundo transparente. Essa máscara fica centralizada por cima do fundo. Por que usar PNG transparente?
- Permite destacar só o que interessa (texto, pessoa, selo);
- Não cria um “quadradão” sólido por cima do fundo;
- É o que garante um resultado bonito no recorte quadrado do celular.
3
Ao montar a arte, pense assim: tudo que é essencial (título, chamada, rosto, número de projeto, frase principal etc.) precisa caber dentro da área equivalente a 630x630 px no centro do layout. Essa área é a que aparece em qualquer recorte quadrado.
4
Depois que você enviar os arquivos, no site da EVAG o fundo JPG será usado como background-image do hero e a máscara PNG será colocada por cima, centralizada. O resultado final fica semelhante ao desenho mostrado ao lado.
5
Para evitar problemas, sempre envie fundo em JPG e máscara em PNG transparente. Assim você garante boa qualidade de imagem e um hero bonito tanto no desktop quanto no celular.

Fundo (JPG): 1200 x 630 px Máscara (PNG): 630 x 630 px Área segura: quadrado central (630 x 630)