Resultados de aprendizagem

1. Aplicar princípios da animação.
2. Animar com keyframes e curvas.
3. Construir rigs simples (personagem, objeto).
4. Criar motion graphics e exportar.

Persistência da visão e fps

• O olho/cérebro funde imagens próximas no tempo.
• fps típicos:
  • 24 fps (cinema/animação clássica).
  • 12 fps (animação "em 2s", anime).
  • 30/60 fps (web/motion).
• Mais fps = mais fluido (mais trabalho/desenhos).

Quadro vs interpolação

• Frame-by-frame — desenhar/posicionar cada frame.
• Tween / interpolação — o software preenche entre keyframes.
• Ferramentas: Animate (Adobe), After Effects, Krita (frame), Blender Grease Pencil, OpenToonz, Spine (rigging).

Os 12 princípios — 1/2

1. Squash & Stretch — deformação dá peso/elasticidade.
2. Anticipation — antecipar a ação (preparar o olho).
3. Staging — composição clara da ação.
4. Straight ahead / Pose to pose — métodos de desenho.
5. Follow through / Overlapping — partes que continuam.
6. Slow in / Slow out (ease) — desacelerar nos extremos.

Os 12 princípios — 2/2

7. Arcs — movimentos em arco, não retos.
8. Secondary action — gestos de apoio.
9. Timing — ritmo (chega para vender).
10. Exaggeration — exagerar para clareza/expressão.
11. Solid drawing — desenho com volume/perspetiva.
12. Appeal — design carismático.

Sem estes, "anima" mas não vive.

Keyframes e curvas

   pose A ──────── pose B  (timing = quantos frames)
       └─ curva (ease) define a aceleração ──┘

• Linear — velocidade constante (mecânico).
• Ease in/out — natural (acelera, desacelera).
• Curvas (graph editor) — controlo fino.
• Espacing entre frames = velocidade.

Timing e weight

• Frames pouco = rápido; frames muitos = lento.
• Peso (weight): mais frames a parar/arrancar; eases marcados.
• Pausas (holds) valem ouro — não animar tudo o tempo todo.

Animação cut-out / rigged

• Personagem em camadas (cabeça, braços, pernas).
• Rig — pivôs, ligações pai-filho, ossos/IK.
• Anima-se com keyframes nas propriedades (posição, rotação, escala).
• Software: Spine, Moho, After Effects (Duik), Animate.

Boas práticas

• Naming/organização das camadas.
• Pivôs corretos (articulações).
• Walk cycle como base (loops).
• Lip sync simples (poses de fonema).
• Movimento em arcos; principal vs secundário.

Motion graphics

• Animar texto, formas, ícones, infografias.
• Ferramentas: After Effects, Cavalry, Rive.
• Easing + timing geram o "polido".
• Tipografia animada com regras (UC02258).

Render e exportação

• Render por fila/render queue.
• Vídeo: H.264 MP4 (web) / ProRes (mestre).
• Animação leve para UI: Lottie/JSON (web/app) ou GIF/WebP.
• Resolução/fps do projeto; áudio AAC.

Workflow

1. Brief + storyboard/animatic (UC02199).
2. Style frames (look estático aprovado).
3. Animação base (keyframes/poses).
4. Refinamento (ease, secondary, holds).
5. Som/SFX + render.
6. Revisão + ajustes finais.
7. Exportação por destino.