Ficha 01 · Fundamentos da imagem vetorial
- Identificar a evolução histórica da ilustração
- Distinguir tipologias de ilustração
- Diferenciar bitmap e vetor
- Escolher o paradigma adequado a cada caso
Parte I · História e cultura
Exercício 1 · Marcos históricos
Associe cada marco histórico ao seu período/contexto:
| Marco | Período | |
|---|---|---|
| A. Iluminuras medievais | 1. Século XV | |
| B. Gravura de Gutenberg | 2. 1962 (engenharia Renault) | |
| C. Cartazes Art Nouveau | 3. 1987 (software Adobe) | |
| D. Bézier (curvas) | 4. Século VII–XV | |
| E. Adobe Illustrator 1.0 | 5. Final do século XIX |
Resposta: A — , B — , C — , D — , E — ___
A — 4 (iluminuras medievais, séc. VII-XV, manuscritos religiosos) B — 1 (Gutenberg séc. XV, tipografia móvel) C — 5 (Toulouse-Lautrec, Mucha, fim séc. XIX, Art Nouveau) D — 2 (Pierre Bézier 1962, Renault) E — 3 (Adobe Illustrator 1.0 em 1987, Warnock e Paxton)
Exercício 2 · Verdadeiro ou Falso
Indique a veracidade (V/F) e justifique:
- A ilustração digital é uma invenção do século XXI. ( __ )
- Toda ilustração tem intenção comunicativa. ( __ )
- Ilustração e "arte pura" são sinónimos. ( __ )
- As curvas de Bézier foram inventadas para desenho de carrocerias automóveis. ( __ )
- A Bauhaus é uma referência para o design contemporâneo. ( __ )
- F — A história visual humana é milenar; o digital é apenas o último capítulo.
- V — A ilustração é por definição comunicativa (distingue-se da arte expressiva).
- F — A ilustração é funcional (serve um propósito); a arte pode ser puramente expressiva. São próximas mas distintas.
- V — Pierre Bézier (Renault) e Paul de Casteljau (Citroën) inventaram-nas em paralelo (1960s) para superfícies de carroçarias.
- V — Bauhaus (1919-1933) estabeleceu princípios que ainda hoje dominam (forma segue função, geometria, depuração).
Parte II · Tipologias
Exercício 3 · Atribuir tipologia
Para cada projecto, indique a tipologia de ilustração mais adequada:
a) Capa de revista Time sobre eleições americanas. ___
b) Pictogramas para uma app de meditação. ___
c) Diagramas anatómicos para um manual de medicina. ___
d) Capa de um livro infantil sobre dinossauros. ___
e) Cartaz para um festival de música. ___
f) Sinalética para um hospital. ___
g) Mapa das pistas de uma estância de ski. ___
a) Editorial — conceito visual forte, espaço para cover line. b) Ícones / UI — pictogramas pequenos, consistentes, multi-resolução. c) Científica / técnica — rigor anatómico, precisão dimensional, legendas. d) Infantil — cores saturadas, formas arredondadas, simpáticas. e) Publicitária — impacto imediato, hierarquia forte (data, local, artistas). f) Cartográfica ou sinalética — convenções normalizadas (ISO), simplicidade extrema. g) Cartográfica — abstracção do terreno, código de cor para dificuldade.
Parte III · Bitmap vs vetor
Exercício 4 · Diferenças essenciais
Complete a tabela comparativa:
| Característica | Bitmap | Vetor |
|---|---|---|
| Representação | _____ | _____ |
| Escala sem perda de qualidade? | _____ | _____ |
| Software típico | _____ | _____ |
| Formato standard web | _____ | _____ |
| Adequado a fotografia? | _____ | _____ |
| Adequado a logótipo? | _____ | _____ |
| Característica | Bitmap | Vetor |
|---|---|---|
| Representação | Grelha de pixels | Fórmulas matemáticas / objectos |
| Escala sem perda? | Não (pixeliza) | Sim |
| Software | Photoshop, GIMP, Krita | Illustrator, Inkscape, Affinity |
| Formato web | PNG, JPG, WEBP | SVG |
| Fotografia? | Sim | Não |
| Logótipo? | Não (ou apenas como entrega final) | Sim |
Exercício 5 · Escolher paradigma
Para cada caso, indique se usaria bitmap ou vetor e justifique numa frase:
a) Logo de uma empresa que vai aparecer desde favicons 16×16 até outdoors 6 m. ___
b) Capa do feed Instagram da escola. ___
c) Diagrama de fluxo para um manual técnico. ___
d) Fotografia de produto para uma loja online. ___
e) Ícone de uma aplicação móvel. ___
f) Pintura digital realista de um retrato. ___
g) Mapa do metropolitano. ___
a) Vetor. Escalável de 16px a vários metros sem perda. b) Bitmap (PNG ou JPG). Dimensões fixas (1080×1080), pode incluir foto. c) Vetor. Formas geométricas precisas, texto escalável. d) Bitmap. Detalhe fotográfico de pixels. e) Vetor (SVG). Multi-resolução para diferentes ecrãs. f) Bitmap. Pincéis simulados, texturas, detalhe pixel-a-pixel. g) Vetor. Linhas precisas, escalável para painéis em estações.
Exercício 6 · Vectorização
Indique se cada imagem se presta bem a raster tracing (vectorização automática) — SIM / NÃO — e justifique:
a) Foto de uma paisagem ao pôr-do-sol. ( __ )
b) Logo a preto e branco fotografado num documento antigo. ( __ )
c) Retrato fotográfico com 16 milhões de cores. ( __ )
d) Sketch a lápis num caderno. ( __ )
e) Captura de ecrã de um dashboard com gráficos sólidos. ( __ )
a) NÃO — gradientes complexos, milhões de cores, produziria caminhos pesados e inúteis. b) SIM — contraste alto, poucas cores. Vai precisar de limpeza manual. c) NÃO — demasiado detalhe. Pode-se vectorizar como estilização (efeito pop art) mas não como cópia fiel. d) SIM — alta contraste preto/branco. Bom candidato. Recomenda-se subir o contraste antes. e) SIM — cores sólidas, formas geométricas. Excelente candidato.
Parte IV · Aplicação
Exercício 7 · Caso aplicado
És contratado/a por uma associação cultural local para fazer todo o material gráfico do próximo festival de cinema.
Para cada peça de comunicação abaixo, indique: - Paradigma (bitmap ou vetor) - Formato final (SVG, PNG, JPG, PDF, etc.) - Justificação (1 linha)
| Peça | Paradigma | Formato | Justificação |
|---|---|---|---|
| Logo do festival | |||
| Cartaz A2 para impressão | |||
| Banner para o sítio web | |||
| Posts para Instagram | |||
| Ficheiros de imprensa (envio para jornais) | |||
| Sinalética nas salas de cinema |
| Peça | Paradigma | Formato | Justificação |
|---|---|---|---|
| Logo do festival | Vetor | SVG (origem) + PNG (uso) | Multi-escala, identidade visual |
| Cartaz A2 impressão | Vetor (texto/logo) + bitmap (fotos) | PDF/X-1a com 3mm bleed | Alta resolução, impressão profissional |
| Banner sítio web | Misto | PNG ou WEBP | Web, dimensão fixa, pode ter foto |
| Posts Instagram | Bitmap | JPG ou PNG 1080×1080 | Plataforma força dimensão fixa |
| Imprensa | Ambos | EPS/AI para logo + JPG 300dpi para foto | Jornalistas precisam de várias versões |
| Sinalética salas | Vetor | PDF para imprimir grande | Cantos limpos, leitura à distância |