Mini-Projecto · Kit de imagens bitmap para o lançamento digital de uma padaria
Contexto
A "Padaria Trigo Dourado" vai lançar a sua presença digital: uma página de produtos, redes sociais e um banner promocional para a montra online. Foste contratado/a como técnico/a de imagem para produzir o kit completo de imagens bitmap, do documento em branco à exportação final, pronto para publicação em vários suportes digitais.
Trabalhas individualmente ou a pares, numa aplicação de edição de imagem (Adobe Photoshop ou GIMP), e entregas um conjunto de ficheiros fonte editáveis mais as versões exportadas e otimizadas para cada canal.
Requisitos
Funcionais
- Documento base criado com resolução e sistema de cor corretos para o canal de difusão (web, RGB).
- Pelo menos 3 fotografias de produto tratadas (correção de níveis, balanço de cor, recorte, nitidez).
- Uma composição que combine pelo menos duas imagens (por exemplo, produto sobre fundo de loja), com coerência de luz, perspetiva e escala.
- Uso de camadas organizadas e nomeadas, com pelo menos um clipping group e um estilo de camada reutilizado em vários elementos.
- Um banner promocional com texto (tipografia legível, paleta caracteres/parágrafo ajustada) e um botão de chamada de ação com shape e estilo próprio.
- Um GIF animado de 3 a 5 frames, com transparência resolvida sem halos, para uma rede social.
- O banner exportado com fatias (pelo menos duas, com formatos de exportação diferentes) ou um mapa de imagem com pelo menos duas zonas clicáveis.
- Todas as imagens finais otimizadas (JPEG para fotografia, GIF para cor plana/animação), com peso final registado.
Não-funcionais
- Ficheiro fonte editável (com camadas) entregue junto com os exportados.
- Gestão de ficheiros: pastas separadas para originais, trabalho e exportados, com nomenclatura consistente.
- Documentação breve das decisões de resolução, sistema de cor e formato escolhidas para cada imagem.
Fases
Fase 1 · Planeamento e documento base (2h) Definir o kit de imagens necessário, o canal de difusão de cada uma e criar o documento base com a resolução e o sistema de cor corretos.
Fase 2 · Tratamento fotográfico (4h) Ajustar níveis, curvas, balanço de cor, recorte e nitidez das 3 fotografias de produto.
Fase 3 · Composição e camadas (4h) Compor a imagem combinada, organizar as camadas, aplicar clipping group e estilos de camada reutilizáveis.
Fase 4 · Banner, tipografia e botão (3h) Criar o banner promocional com texto e um botão de chamada de ação, usando shapes e estilos.
Fase 5 · Animação GIF (3h) Criar o GIF animado, resolvendo problemas de transparência e otimizando por frames de diferença.
Fase 6 · Fatias/mapa de imagem e otimização final (3h) Fatiar ou definir o mapa de imagem do banner, exportar todas as imagens otimizadas e organizar os ficheiros.
Fase 7 · Apresentação (1h) Apresentar o kit de imagens à turma, explicando as escolhas de resolução, cor e formato.
Critérios de avaliação
| Critério | Peso |
|---|---|
| Documento base e resolução corretos por canal | 10% |
| Tratamento fotográfico (níveis, cor, recorte, nitidez) | 20% |
| Composição, camadas, clipping group e estilos | 20% |
| Banner, tipografia e botão | 15% |
| GIF animado sem problemas de transparência | 15% |
| Fatias/mapa de imagem e otimização final | 15% |
| Organização de ficheiros e apresentação | 5% |
Erros comuns
- Criar o documento em 300 ppi ou CMYK "por hábito", esquecendo que o destino é digital.
- Compor imagens com direções de luz ou perspetivas diferentes, sem ajustar sombras.
- Exportar o GIF animado sem definir o matte, resultando num halo visível sobre o fundo da rede social.
- Fatiar sem escolher o formato certo para cada zona, perdendo nitidez no texto ou aumentando o peso da fotografia sem necessidade.
- Entregar só os ficheiros exportados, sem o ficheiro fonte editável com camadas.
Bónus (opcional)
- Criar uma segunda versão do banner em formato quadrado (1080 × 1080 px) para redes sociais.
- Adicionar um segundo estado de rollover ao botão de chamada de ação (normal/sobre).
- Gravar uma ação e um droplet que redimensione e otimize automaticamente as 3 fotografias de produto.
Reflexão
No fecho do projeto, responde: porque é que a mesma imagem precisa de versões diferentes consoante o canal de difusão? E qual foi a decisão de otimização (formato, qualidade, peso) que mais equilíbrio exigiu entre qualidade visual e velocidade de carregamento?