Ficha 02 · Workflow de preparação de imagens para web e impressão
- Optimizar workflow de imagens
- Preparar para web e impressão simultâneos
- Especificar exports correctos
Grupo I · Conceitos rápidos (20 pontos)
1.1 Liga cada situação ao espaço de cor correcto. (10 pts)
| Situação | Espaço de cor |
|---|---|
| A. Website com fotografia de produto | 1. CMYK |
| B. Flyer para impressão em tipografia | 2. sRGB |
| C. Thumbnail YouTube | 3. Adobe RGB |
| D. Fotografia profissional para edição (arquivo) | 4. Lab |
| E. Conversão entre perfis ICC (espaço intermediário) | 5. sRGB |
1.2 Ordena as acções de preparação de um flyer para impressão. (10 pts)
Acções: Converter para CMYK · Exportar em PDF/X · Verificar resolução (min 300 PPI) · Criar o design em RGB · Adicionar sangria de 3mm · Converter texto em outlines
Grupo II · Workflow de preparação multi-suporte (50 pontos)
Contexto
A Sabores Autênticos é uma empresa de produtos alimentares portugueses. Têm um novo produto — mel de eucalipto — e precisam dos seguintes materiais:
- Etiqueta do frasco: 10cm × 6cm, impressão offset, fundo amarelo intenso que vai até à borda.
- Imagem para o website: fotografia do produto com fundo branco, optimizada para carregamento rápido.
- Post para Instagram: imagem quadrada do produto em contexto lifestyle.
- Thumbnail para YouTube: para o vídeo de apresentação do produto.
O designer tem um ficheiro de origem: fotografia RAW do produto, 5472×3648px, espaço de cor Adobe RGB, 72 PPI (metadado da câmara).
2.1 Para cada material, define as especificações técnicas correctas de exportação. (25 pts)
| Material | Dimensões (px) | Espaço de cor | Formato | Resolução | Notas especiais |
|---|---|---|---|---|---|
| Etiqueta (impressão) | |||||
| Imagem website | |||||
| Instagram post | |||||
| Thumbnail YouTube |
2.2 O fundo amarelo da etiqueta é muito intenso no ecrã (RGB 255, 220, 0). Ao fazer o soft proof CMYK, o designer vê que a cor fica notavelmente mais apagada. Explica por que razão isto acontece e o que pode fazer. (15 pts)
2.3 O responsável de marketing quer que o website carregue as imagens o mais rapidamente possível. Cria o código HTML correcto para a imagem do produto, implementando lazy loading e responsive images com três versões (400px, 800px, 1600px). (10 pts)
Grupo III · Redes sociais e specs (30 pontos)
3.1 A equipa vai lançar a nova campanha do mel de eucalipto nas redes sociais. Para cada plataforma, indica as dimensões correctas, o ratio e um conselho prático para melhorar a performance visual. (20 pts — 5 pts cada)
a) Instagram feed — formato vertical (melhor aproveitamento do ecrã):
b) Instagram Stories:
c) LinkedIn post:
d) YouTube thumbnail:
3.2 Num post do Facebook, uma imagem foi publicada e aparece distorcida (comprimida horizontalmente). Qual a causa mais provável e como resolver? (10 pts)