Ficha 06 · Avaliação integrada · teste-tipo

1.1 F — vetor mantém qualidade em qualquer escala (é a sua vantagem principal). 1.2 V — CMYK (Cyan, Magenta, Yellow, Key) é o padrão para impressão a tinta. 1.3 F — Bézier cúbica tem 4 pontos: 2 nós + 2 alças. 1.4 F — SVG é vetorial (Scalable Vector Graphics). 1.5 F — Inkscape é open-source e totalmente gratuito.

a) Curva Bézier: curva paramétrica definida por pontos de âncora (nós) e pontos de controlo (alças). É a unidade básica de todo o desenho vetorial digital. A versão cúbica (4 pontos) é o padrão em Illustrator e Inkscape.

b) Espaço negativo: o "vazio" da composição — as áreas sem conteúdo gráfico, que dão respiração visual ao design. Tão importantes como os elementos preenchidos. Bem usado, transforma o design (ex: logo FedEx, WWF).

c) Bleed (sangria): margem extra (tipicamente 3-5 mm) que se adiciona ao redor da peça impressa, com o conteúdo a estender-se para essa zona. Garante que, mesmo com pequenos desalinhamentos no corte, não fica uma franja branca no resultado final.

A — 2 (RGB: ecrã) B — 4 (CMYK: impressão) C — 1 (Diferença: A − B) D — 5 (Cusp: nó com canto/vértice) E — 3 (Radial: gradiente circular)

a) 2 nós (extremidades) e 2 alças (pontos de controlo).

b) Nós: (50, 200) e (350, 200). Alças: (100, 50) e (300, 50).

c) Arco para cima (curva côncava virada para cima). Os nós estão no eixo y=200 (mais em baixo). As alças estão em y=50 (mais em cima). As alças "puxam" a curva para cima, criando o arco. Em SVG o y cresce para baixo, então y=50 está visualmente acima de y=200.

a) Estrela de 5 pontas: - 10 nós no total (5 nas pontas exteriores + 5 nos vales interiores). - Todos os nós são cusp (vértices) — produzem os cantos definidos da estrela.

b) Gota de água: - 2 a 3 nós (depende da estilização): - 1 cusp no topo (a ponta da gota). - 1 simétrico na base (a curva contínua arredondada). - Opcionalmente: 1 simétrico de cada lado (3 nós no total) para mais controlo da forma. - Sintaxe simples no Inkscape: usar a ferramenta lápis ou Bézier, posicionar nós em forma de gota, depois alternar tipos.

a) #FFFFFF = RGB(255, 255, 255) — branco. b) #000000 = RGB(0, 0, 0) — preto. c) #FF0000 (ou variantes próximas: #E50000, #DC143C, etc.). d) #D4D4D8, #E5E5E5, #F0F0F0, ou qualquer cinzento entre #A0A0A0 e #F5F5F5.

a) RGB (ecrã) b) CMYK (impressão) c) Pantone (consistência internacional) d) Hex (convenção CSS — também aceita rgb()) e) RGB (ou Hex — equivalentes)

a) Complementar (lados opostos no círculo cromático). b) Monocromática (variações de uma só cor). c) Análoga (cores adjacentes no círculo). d) Triádica (três cores em triângulo equilátero). e) Complementar de indigo ≈ amarelo-laranja (#F1A063 ou similar — oposto no círculo cromático).

a) S · b) N · c) B · d) T · e) R f) Ctrl+D · g) Ctrl+G · h) Ctrl++ · i) Ctrl+- · j) Ctrl+Shift+C

a) União: uma forma única em "8 deitado" — a soma dos dois círculos.

b) Diferença A − B: o círculo A com a "mordida" do B retirada → forma de lua crescente virada para a direita.

c) Diferença B − A: o círculo B com a "mordida" do A retirada → lua crescente virada para a esquerda.

d) Intersecção: apenas a "lente" central — a zona de sobreposição.

e) Exclusão: as duas "luas crescentes" (soma dos dois sem a zona de sobreposição) — uma virada para a direita e outra para a esquerda.

Ordem (de baixo para cima):

1. Fundo gradiente — sempre na base.
2. Ilustração (sol) — sobre o fundo, mas debaixo do texto.
3. Título do livro — destaque principal, sobre a ilustração.
4. Nome do autor — debaixo ou ao lado do título.
5. Logótipo da editora — geralmente no canto inferior, em camada própria para fácil substituição.

Justificação: a ordem segue a leitura visual: o que está em cima da pilha aparece "à frente". O fundo nunca tapa nada; o texto principal está sempre em primeiro plano para garantir legibilidade. O logótipo numa camada separada permite mudá-lo facilmente em diferentes edições.

Workflow:

1. Preparar o ficheiro bitmap — fotografar/digitalizar o esboço, ajustar contraste em editor bitmap (Photoshop/GIMP) para preto puro vs branco puro. Importar no Inkscape (Arquivo → Importar).

2. Tracing automático (opcional) — Caminho → Vetorizar Bitmap (Shift+Alt+B). Definir parâmetros (1 cor, suavização, supressão). Aplicar. O resultado vai ser uma aproximação.

3. Limpar o resultado — usar a ferramenta nó (N), seleccionar todos os nós (Ctrl+A), simplificar (Ctrl+L) para reduzir o excesso de nós. Eliminar fragmentos isolados.

4. Refinar manualmente — onde o tracing falhou, redesenhar com Bézier (B). Em paralelo, manter o bitmap original como referência numa camada bloqueada.

5. Finalizar — aplicar cores, organizar em camadas semânticas, exportar nos formatos finais (SVG para original, PNG para preview).

a) Logo · paradigma e formato (10 pts)

Paradigma: VETOR — o logo precisa de funcionar de favicon (16×16 px) a outdoor (vários metros), portanto escalabilidade infinita é requisito.

Formatos finais: - SVG (master, para edições futuras + uso web nativo). - PNG com transparência em várias dimensões (256×256, 512×512, 1024×1024) — para uso em apresentações, redes sociais, locais onde SVG ainda não é aceite. - PDF/X-1a para entrega à gráfica (quando o logo for impresso). - (Opcional) AI ou EPS para entrega a fornecedores corporativos.

b) Cartaz A3 · preparação para impressão (15 pts)

1. Converter cores para CMYK — o cartaz vai à gráfica, RGB seria mau para impressão.
2. Adicionar bleed de 3 mm — exportar 303×426 mm (em vez dos 297×420 mm reais), com o fundo a estender-se até essa zona.
3. Converter todo o texto em caminho (Ctrl+Shift+C) — para garantir que a fonte não falha na gráfica.
4. Adicionar marcas de corte nas 4 esquinas (Edit → Preferences → Output).
5. Exportar em PDF/X-1a ou PDF/X-4 com 300 DPI mínimo para qualquer bitmap incluído.

c) Composição visual (10 pts)

Exemplo de resposta: usaria como princípio dominante a hierarquia visual, conseguida com tamanho + contraste cromático. O título "Semana Multimédia" seria o elemento maior, com tipografia bold. Datas em destaque médio. Programa, local, logos do agrupamento em escala progressivamente menor. O espaço negativo seria também fundamental — não encher tudo, deixar respirar.

(Outras respostas válidas: equilíbrio assimétrico para dinamismo; regra dos terços; foco visual claro num elemento principal.)

d) Paleta · 3 cores (15 pts)

Exemplo coerente para um evento de Multimédia escolar:

• #6366F1 (indigo) — primária. Sugere tecnologia, criatividade, modernidade.
• #F59E0B (amber/laranja) — secundária. Cor complementar do indigo, energia, juventude.
• #0F172A (slate-900) — neutra. Para textos, contornos, fundos contrastantes.

Justificação: indigo + laranja é uma combinação complementar moderna, usada por muitas marcas tecnológicas contemporâneas (Stripe, Linear, Vercel). Funciona bem em fundo branco (clean) ou em fundo escuro (dramático). O preto-slate dá estrutura sem ser puro preto (mais elegante).

(Outras paletas válidas, justificadas, são aceites — tetrádicas, monocromáticas em azul, etc.)