Ficha 02 · Curvas de Bézier

Parte I · Anatomia

Exercício 1 · Identificar componentes

Uma curva Bézier cúbica é definida por quantos pontos? Identifique-os pela nomenclatura: ___ pontos, dos quais ___ são nós e ___ são alças (pontos de controlo).

Exercício 2 · Tipos de Bézier

Identifique cada tipo de curva Bézier pelo número de pontos:

a) Linear — ___ pontos. Forma resultante: ___

b) Quadrática — ___ pontos. Forma resultante: ___

c) Cúbica — ___ pontos. Forma resultante: ___

Qual destas é o padrão em design vetorial e porquê?

Parte II · Tipos de nó

Exercício 3 · Classificar nós

Para cada situação, indique o tipo de nó mais adequado (Simétrico · Suave · Cusp/Vértice):

a) Topo de um círculo perfeito. ___

b) Pontas de uma estrela de 5 pontas. ___

c) Cantos inferiores de um coração. ___

d) Curva contínua de um "S" estilizado. ___

e) Esquinas de um polígono. ___

f) Curvas orgânicas de uma folha de árvore. ___

g) Bico de um pássaro estilizado. ___

Exercício 4 · Identificar erros

A turma desenhou um círculo no Inkscape mas o resultado não fica suave em alguns pontos. Que pode estar a falhar? Identifique as 3 causas mais prováveis e como corrigir.

Parte III · SVG e sintaxe

Exercício 5 · Ler SVG path

Considere o seguinte SVG:

<path d="M 100 100 L 200 100 L 200 200 L 100 200 Z" />

a) Que forma desenha? ___

b) Quantos nós tem? ___

c) O que significa M, L e Z? ___

Exercício 6 · Escrever SVG path

Escreva o SVG <path> para desenhar:

a) Uma linha recta diagonal do ponto (0, 0) ao ponto (300, 200).

b) Um triângulo com vértices em (50, 200), (250, 200) e (150, 50).

c) Uma curva Bézier cúbica do ponto (100, 200) ao (400, 200), com alças que fazem a curva subir até y=50.

Parte IV · Prática (Inkscape)

Exercício 7 · Desenhar formas

No Inkscape, recria as seguintes formas usando o número mínimo de nós possível. Para cada uma, indica quantos nós usaste:

Exercício 8 · Workflow prático

Descreve, em 4 passos numerados, o workflow profissional para desenhar uma curva Bézier complexa do zero: