UC02242

Executar e publicar animações para diferentes médias e suportes

Roteiro, storyboard, modelação, texturização e iluminação, renderização, formatos e publicação

Curso profissional · 25h · Técnico de Multimédia / Técnico de Desenho Digital 3D

Plano

  1. Da ideia ao ecrã: o pipeline de produção
  2. Roteiro e guionismo
  3. Storyboard
  4. Princípios de animação
  5. Narrativa e estilos visuais
  6. Criar e modelar os objetos
  7. Texturizar e iluminar o ambiente de cena
  8. Editar a animação
  9. Áudio, motores de jogos e animação interativa
  10. Renderizar e pós-produzir
  11. Fotogramas, codecs e compressão
  12. Formatos por plataforma e o mestre
  13. Animação na web
  14. Acessibilidade, otimização, direitos e arquivo
  15. Segurança e proteção ambiental

Bloco 1 · Da ideia ao ecrã

O pipeline de produção de animação

Do primeiro esboço à publicação, uma animação passa por etapas encadeadas. Cada etapa depende do que a anterior entregou, e um erro cedo (um storyboard confuso, um modelo mal preparado) propaga-se até ao fim.

  1. Roteiro · a história em texto, com cenas e diálogos.
  2. Storyboard · a história em imagens, plano a plano.
  3. Modelação · criar os objetos e personagens.
  4. Texturização e iluminação · dar aspeto e luz à cena.
  5. Animação e edição · pôr tudo em movimento e montar.
  6. Renderização e pós-produção · calcular a imagem final e acrescentar efeitos.
  7. Publicação · exportar e distribuir para cada destino.

Esta UC e as UC vizinhas

Esta unidade cobre o pipeline inteiro, do roteiro à publicação, mas aprofunda cada etapa até onde o referencial pede. Para dominar cada técnica em detalhe:

  • Animação 2D aprofunda-se na UC02631.
  • Animação 3D (modelação, texturização, iluminação e renderização avançadas) aprofunda-se na UC02209.
  • Edição de vídeo aprofunda-se na UC02633.

Aqui aprendes o fluxo completo: o suficiente de cada etapa para produzir e publicar uma animação do início ao fim.

Bloco 2 · Roteiro e guionismo

O que é um roteiro

O roteiro (ou guião) é o texto que descreve, cena a cena, o que acontece, quem fala e o que se vê. É o primeiro documento de qualquer animação.

  • Técnicas de escrita e guionismo: estrutura em três atos (situação, conflito, resolução), conflito claro, objetivo da personagem.
  • Formatação: cabeçalho de cena (interior/exterior, local, momento do dia), descrição da ação, nome da personagem, diálogo.
  • Escreve-se para ser lido rapidamente por quem vai desenhar o storyboard a seguir.

Um roteiro de 1 página de animação corresponde, em regra geral, a cerca de 1 minuto de ecrã.

Personagens, diálogos e enredo

  • Desenvolvimento de personagens: o que a personagem quer, o que a impede, como muda.
  • Diálogos: curtos, com voz própria de cada personagem, sem explicar tudo (o storyboard e a imagem também contam a história).
  • Enredo: a sequência de acontecimentos que liga o início ao fim.

Exemplo resolvido · Cabeçalho de cena

INT. OFICINA DE ANIMAÇÃO · DIA

MARTA olha para o ecrã em branco. Respira fundo e começa a escrever.

MARTA
Tudo começa numa ideia. E a ideia começa num roteiro.

INT. (interior) ou EXT. (exterior), o local, e o momento do dia: é a estrutura mínima de qualquer cabeçalho de cena.

Bloco 3 · Storyboard

Do roteiro ao storyboard

O storyboard traduz o roteiro em imagens sequenciais, uma vinheta por plano. É o primeiro momento em que a história se vê, não só se lê.

  • Processo: ler o roteiro, dividir em planos (shots), esboçar cada plano, ordenar em sequência.
  • Relação história, guião e storyboard: o guião diz o quê e quando; o storyboard diz como se vê e de que ângulo.
  • Cada vinheta indica enquadramento, ação principal e, por baixo, uma nota de diálogo/som e duração aproximada.

Um storyboard não precisa de desenho bonito, precisa de clareza: qualquer pessoa da equipa deve perceber o plano só de olhar.

Aplicações informáticas para storyboard

Ferramenta Tipo
Storyboarder dedicada, gratuita, ligação a exportação de animática
Toon Boom Storyboard Pro dedicada, profissional
Photoshop / Procreate genérica, desenho livre em grelha
PowerPoint / Google Slides genérica, rápida para planos simples
  • Cada vinheta segue uma grelha de proporção igual à do ecrã final (16:9, 9:16).
  • Muitas ferramentas exportam uma animática: o storyboard reproduzido em sequência com os tempos de cada plano, como um pré-vídeo.

Bloco 4 · Princípios de animação

Squash and stretch, anticipation

Os princípios de animação (Disney, décadas de 1930) continuam a base de qualquer animação 2D ou 3D credível.

  • Squash and stretch (compressão e alongamento): um objeto deforma-se ao mover-se rápido ou ao embater, sem perder o volume. Dá peso e elasticidade.
  • Anticipation (antecipação): um pequeno movimento contrário antes da ação principal, prepara o público para o que vai acontecer (recuar antes de saltar).

Sem estes dois princípios, o movimento parece rígido e artificial, como um boneco sem massa.

Staging e timing

  • Staging (encenação): apresentar a ação de forma clara, um foco de cada vez, silhueta legível, sem ruído visual a competir com a ação principal.
  • Timing (temporização): quantos fotogramas dura cada ação; define o peso, a velocidade e a emoção do movimento. Uma queda rápida sugere leveza; uma queda lenta sugere peso.

Exemplo resolvido · Timing de um salto

Um salto simples animado a 24 fps, com 12 fotogramas de subida e 12 de descida, dura 1 segundo (24 fotogramas / 24 fps). Se a queda tiver só 6 fotogramas em vez de 12, a personagem cai duas vezes mais depressa, o que muda a leitura de "leve" para "apressada".

Bloco 5 · Narrativa e estilos visuais

Narrativa: sequência e fluidez

A narrativa em animação depende de dois fatores centrais:

  • Sequência: a ordem lógica dos planos guia o público sem confusão (causa antes de efeito, estabelecimento antes do detalhe).
  • Fluidez: transições suaves entre planos e entre movimentos, sem saltos bruscos que quebrem a leitura da ação.

Um storyboard bem sequenciado já garante metade da fluidez; a outra metade vem da montagem (bloco 8).

Estilos visuais

O estilo visual é a linguagem gráfica escolhida para a animação: cartoon, flat design, stop motion digital, fotorrealista, low poly, pixel art.

  • Deve ser coerente entre roteiro, storyboard, modelação e texturização, uma personagem cartoon não ganha uma textura fotorrealista.
  • Condiciona decisões técnicas a jusante: um estilo low poly pede menos detalhe de modelação e renderiza mais depressa.
  • Escolhe-se antes de modelar, para não ter de refazer trabalho.

Bloco 6 · Criar e modelar os objetos

Modelar: 2D e 3D

Criar e modelar os objetos da animação é dar forma às personagens e cenários definidos no storyboard.

Técnica Como Aplicações típicas
2D vetorial desenhar formas e esqueletos (rigs) articulados Adobe Animate, Toon Boom Harmony
2D quadro a quadro desenhar cada fotograma à mão ou digitalmente Toon Boom, Krita, Procreate
3D poligonal modelar malhas (meshes) com vértices, arestas e faces Blender, Maya, 3ds Max
3D esculpido esculpir formas orgânicas por deformação de superfície Blender (sculpt), ZBrush

A escolha da técnica decorre do estilo visual definido no bloco anterior.

Nomenclatura e boas práticas de modelação

Dominar a nomenclatura referente à animação é uma aptidão do referencial: sem vocabulário comum, a equipa não comunica.

  • Malha (mesh), vértice, aresta, face, topologia.
  • Esqueleto (rig) e articulações (bones/joints), para 2D e 3D.
  • Baixo poli (low poly) vs alto poli (high poly): menos ou mais detalhe geométrico.
  • Organizar por camadas ou coleções, nomear cada objeto com clareza (personagem_cabeca, não objeto_1).

Um modelo bem construído e bem nomeado poupa horas na animação e na texturização seguintes.

Bloco 7 · Texturizar e iluminar o ambiente de cena

Texturização

Texturizar é aplicar cor, padrão e propriedades de superfície (brilho, rugosidade) aos objetos modelados.

  • Textura (imagem) aplicada à malha através de coordenadas UV (o "desdobrar" da superfície 3D numa imagem 2D).
  • Materiais: definem como a superfície reage à luz (fosco, metálico, translúcido).
  • Fontes: pintar de raiz, fotografar superfícies reais, ou usar bibliotecas de texturas (com licença adequada, ver bloco 14).

Uma boa textura reforça o estilo visual escolhido, não o contradiz.

Iluminação do ambiente de cena

A iluminação dá volume, profundidade e ambiente à cena, e guia o olhar do público.

  • Esquema de três pontos: luz principal (key), luz de preenchimento (fill, mais fraca, suaviza sombras), luz de recorte (rim/back, separa a personagem do fundo).
  • Iluminação ambiente: luz global da cena (dia, noite, interior).
  • Cor e intensidade da luz comunicam emoção: luz quente e baixa sugere aconchego; luz fria e dura sugere tensão.

Exemplo resolvido · Três pontos numa cena simples

  1. Colocar a luz principal a 45° acima e à frente da personagem.
  2. Adicionar a luz de preenchimento do lado oposto, com metade da intensidade, para suavizar as sombras.
  3. Adicionar a luz de recorte atrás da personagem, para a destacar do fundo.

Bloco 8 · Editar a animação

Quadros-chave, interpolação e easing

  • Quadros-chave (keyframes): os fotogramas onde se define uma posição, forma ou valor importante.
  • Interpolação: o computador calcula os fotogramas entre dois quadros-chave.
  • Easing (suavização): controla a aceleração da interpolação, entrada e saída suaves (ease in/ease out) em vez de velocidade constante e mecânica.
  • Temporalidade (ajuste): reposicionar e esticar/encolher quadros-chave no tempo, sem os recriar.

O movimento realista quase nunca é linear: acelera e desacelera, é o easing que faz essa diferença.

Corte, transições, camadas e máscaras

  • Corte e transições: mudar de plano de forma direta (corte seco) ou gradual (dissolve, wipe), conforme o ritmo narrativo pretendido.
  • Layering (camadas): separar elementos (fundo, personagem, primeiro plano) em camadas independentes, editáveis sem afetar as outras.
  • Máscaras e recortes: escondem ou revelam partes de uma camada, úteis para efeitos de entrada/saída e composição.
  • Efeitos visuais e edição não linear: aplicar filtros e reordenar/ajustar planos livremente numa linha do tempo, sem destruir o material original.

Bloco 9 · Áudio, motores e animação interativa

Edição de áudio e sincronização

Sincronizar a animação e o áudio é um critério de desempenho explícito desta UC.

  • Qualidade sonora: gravar/escolher áudio limpo, sem ruído de fundo nem distorção.
  • Sincronização labial (lip sync): fazer a boca da personagem coincidir com os fonemas do diálogo.
  • Marcadores de tempo: alinhar efeitos sonoros a ações-chave (um passo, um impacto) fotograma a fotograma.
  • Music e efeitos sonoros (SFX) reforçam o timing definido no bloco 4.

Uma animação tecnicamente perfeita mas dessincronizada do som falha de imediato aos olhos do público.

Motores de jogos, bibliotecas web e RV/RA

  • Motores de jogos: Unity e Unreal Engine, entre outros tipos, correm animações em tempo real (o computador do utilizador calcula a imagem, ao contrário do vídeo pré-renderizado).
  • Bibliotecas de animações web: conjuntos de código (ex.: Lottie, GSAP) que reproduzem animações leves e controláveis diretamente no browser.
  • Realidade virtual (RV) e realidade aumentada (RA): a animação responde à posição da cabeça ou da câmara do dispositivo; exige otimização extra de desempenho.

Estes três ambientes têm em comum a animação em tempo real: nada está pré-calculado, o dispositivo do utilizador faz o trabalho.

Bloco 10 · Renderizar e pós-produzir

O que é renderizar

Renderizar é o processo em que o computador calcula a imagem final de cada fotograma, a partir dos modelos, texturas, luzes e câmara da cena.

  • Motor de render: pode ser em tempo real (rasterização, usado em jogos) ou por ray tracing/path tracing (mais realista, mais lento).
  • Passes de render: separar a imagem em camadas (cor, sombra, reflexo) para dar mais controlo na pós-produção.
  • Tempo de render: depende da resolução, da complexidade da cena e do motor; cenas complexas podem demorar minutos ou horas por fotograma.

Exemplo resolvido · Tempo de render de uma cena

Uma cena de 5 segundos a 24 fps tem 120 fotogramas. Se cada fotograma demora 2 minutos a renderizar, o render total demora 240 minutos, 4 horas. Duplicar a resolução pode facilmente duplicar (ou mais) esse tempo.

Pós-produzir efeitos adicionais

A pós-produção trata o resultado do render: compositing (juntar os passes), correção de cor, efeitos visuais adicionais (partículas, brilho, desfoque de movimento).

  • Compositing: sobrepor camadas de render com fundo, luz e efeitos, em ferramentas como After Effects, Nuke ou o compositor do Blender.
  • Correção de cor: ajustar contraste, saturação e tom para coerência entre planos.
  • Efeitos adicionais: fumo, faíscas, desfoque de movimento, distorções, que seria caro ou impossível calcular só no render 3D.

É aqui que a cena ganha o polimento final antes de seguir para exportação e publicação.

Bloco 11 · Fotogramas, codecs e compressão

Fotogramas por segundo e duração

  • fps (fotogramas por segundo): quantas imagens fixas compõem um segundo de animação. Comuns: 24 (cinema), 25/30 (vídeo standard), 60 (fluidez extra, jogos e desporto).
  • Duração = número total de fotogramas ÷ fps.
  • Manter o fps do projeto constante do princípio ao fim; misturar fps causa saltos (juddering).

O fps escolhido no início do pipeline (bloco 4, timing) tem de se manter até à exportação final.

Codecs, contentores e compressão

  • Contentor (container): o "invólucro" do ficheiro (.mp4, .webm, .mov); organiza vídeo, áudio e legendas.
  • Codec: o método que comprime/descomprime a imagem dentro do contentor (H.264, H.265, VP9, AV1).
  • Sem perdas (lossless): preserva toda a informação, ficheiros grandes, usado no mestre quando se quer zero perdas (sequência PNG ou EXR). ProRes e DNxHR têm perdas mínimas, impercetíveis.
  • Com perdas (lossy): descarta informação pouco percetível, ficheiros muito mais leves, usado nas versões finais.
  • Taxa de bits constante (CBR): bitrate fixo, previsível, por vezes desperdiça bits em cenas simples.
  • Taxa de bits variável (VBR): bitrate ajustado à complexidade de cada momento, melhor relação qualidade/peso.

Alfa e transparência

  • O canal alfa guarda, por pixel, um valor de transparência (0% a 100%), além da cor.
  • Formatos com alfa: PNG, WebP, APNG, ProRes 4444, Lottie; sem alfa: JPEG, MP4/H.264 normal.
  • Necessário sempre que a animação vai ser sobreposta a outro fundo (interface, outro vídeo, uma página web).

Sem canal alfa, uma personagem "recortada" aparece sempre com um retângulo de fundo sólido atrás.

Bloco 12 · Formatos por plataforma e o mestre

O mestre e as derivações por destino

  • Mestre: a versão de maior qualidade possível, com o mínimo de compressão, preservada e nunca publicada diretamente.
  • Derivações: todas as versões finais (web, redes sociais, ecrã) exportam-se a partir do mestre, nunca de uma versão já comprimida (as perdas acumulam-se).
  • Cada derivação ajusta resolução, proporção, codec e peso ao destino.
Mestre (ProRes/DNxHR, visualmente sem perdas)
   ├── derivação Web (MP4/WebM, 1080p)
   ├── derivação Redes sociais (MP4, 9:16)
   ├── derivação Projeção (MP4, 4K)
   └── derivação Ecrã público (MP4, loop)

Formatos e requisitos por plataforma

Destino Formato/proporção Requisitos
Web (site) MP4/WebM, 16:9 ou variável leve, <video> com poster e legendas
Redes sociais MP4, 9:16 (Stories/Reels) ou 1:1 curto, legível sem som, safe areas
Projeção MP4/ProRes, 16:9 4K alta qualidade, som cuidado
Ecrã público MP4, loop sem som ou ambiente, arranque automático, sem rede
Dispositivos móveis MP4/Lottie, leve pouco peso, pouca bateria/CPU

Cada linha desta tabela é uma derivação diferente do mesmo mestre.

Bloco 13 · Animação na web

SVG animado, Lottie, vídeo, GIF

Tecnologia Natureza Quando usar
SVG animado (SMIL/CSS) vetorial, nativa do browser ícones e microinterações simples
Lottie (JSON) vetorial, exportada do After Effects (plugin Bodymovin) animações mais ricas, controláveis por código
Vídeo (MP4/WebM) matricial (pixels) conteúdo com imagem real ou 3D renderizado
GIF matricial, sem alfa real compatibilidade legada; em geral, evitar

A escolha depende da natureza do conteúdo (vetorial vs imagem real) e da necessidade de controlo por código.

Exemplo resolvido · <video> acessível na web

<video controls poster="capa.jpg" preload="metadata"
       width="1280" height="720">
  <source src="animacao.webm" type="video/webm">
  <source src="animacao.mp4" type="video/mp4">
  <track kind="subtitles" src="legendas.vtt" srclang="pt" label="Português">
</video>
  1. WebM primeiro, MP4 como alternativa (fallback) para browsers antigos.
  2. poster mostra uma imagem fixa antes do play.
  3. preload="metadata" evita carregar o ficheiro inteiro sem necessidade.
  4. <track> adiciona legendas em português.

Bloco 14 · Acessibilidade, otimização, direitos e arquivo

Acessibilidade e otimização

  • Legendas: sempre disponíveis, formato WebVTT/.srt.
  • Contraste: cores e texto sobrepostos com contraste suficiente para leitura.
  • prefers-reduced-motion: respeitar a preferência do utilizador por menos movimento (sensibilidade vestibular, epilepsia).
  • Otimização e peso: resolução adequada ao destino, VBR/2-pass, remover metadados desnecessários, comprimir imagens de texturas antes de publicar.

Acessibilidade e otimização são duas faces do mesmo cuidado, chegar a mais gente, mais depressa.

Direitos de autor e arquivo

  • Direitos e licenciamento: música, efeitos sonoros e imagens usados têm de ter licença compatível (CC0, CC-BY com atribuição, ou paga); nunca usar material comercial sem licença.
  • Pessoas reais: precisam de autorização (RGPD), sobretudo menores.
  • Arquivo e gestão de versões: nomenclatura consistente (projeto_titulo_v01_destino.ext), pastas por destino, mestre preservado, cópias de segurança 3-2-1 (3 cópias, 2 suportes, 1 fora do local).

Bloco 15 · Segurança e proteção ambiental

Normas de segurança, saúde e ambiente

Mesmo num trabalho digital, há normas a respeitar:

  • Segurança e saúde no trabalho: pausas regulares ao ecrã, postura correta, iluminação adequada do posto de trabalho, gestão de fadiga visual em sessões longas de render/edição.
  • Proteção ambiental: consumo energético de renders longos (planear renders fora de horas de pico, desligar equipamento não usado), reciclagem de equipamento eletrónico, preferência por serviços de computação eficientes.

Um profissional responsável cuida de si e do impacto do seu trabalho, mesmo quando o produto final é só um ficheiro.

Recapitulando

  • O pipeline vai do roteiro ao storyboard, à modelação, à texturização e iluminação, à animação e edição, à renderização e pós-produção, e à publicação.
  • Os princípios de animação (squash and stretch, anticipation, staging, timing) dão vida ao movimento.
  • fps, codecs, contentores, alfa e o mestre definem a qualidade e o peso de cada versão.
  • Cada plataforma tem o seu formato; a web ganha com SVG, Lottie, vídeo ou GIF conforme o caso.
  • Acessibilidade, direitos de autor e arquivo fecham um trabalho profissional.

Próximo: fichas e projeto, produzir e publicar uma animação de raiz.

NOTAS DO PROFESSOR - enfatizar que o pipeline é sequencial mas iterativo: rever o storyboard depois de modelar é normal, não é falhar. - erro comum: os alunos querem "ir direto para o render" sem roteiro nem storyboard, e depois refazem tudo. - exemplo/analogia: é como construir uma casa, primeiro a planta (roteiro), depois a maquete (storyboard), só depois se levantam paredes (modelação).

NOTAS DO PROFESSOR - enfatizar que não é uma UC "só de publicação": o referencial pede desenhar o roteiro, modelar, texturizar/iluminar e renderizar. - erro comum: pensar que basta saber exportar ficheiros. A avaliação cobre o pipeline inteiro. - exemplo/analogia: pensar nas UC vizinhas como "zoom" sobre uma etapa específica deste mapa geral.

NOTAS DO PROFESSOR - enfatizar a formatação padrão (cabeçalho de cena em maiúsculas, nome da personagem centrado): facilita a leitura por toda a equipa. - erro comum: escrever o roteiro como um conto, com prosa longa, em vez de ação e diálogo diretos. - exemplo/analogia: comparar com uma receita de cozinha, passos claros e objetivos, não um romance sobre a comida.

NOTAS DO PROFESSOR - enfatizar que o diálogo serve a personagem, não explica a trama ao público (regra "mostrar, não contar"). - erro comum: personagens sem objetivo claro, a história fica sem tensão nem direção. - exemplo/analogia: pedir à turma para escrever o cabeçalho da cena seguinte da sua própria animação, seguindo o formato.

NOTAS DO PROFESSOR - enfatizar: storyboard é comunicação, não arte final. Bonecos-palito com setas de movimento chegam. - erro comum: desenhar planos bonitos mas sem indicar movimento de câmara nem duração, perde-se informação essencial. - exemplo/analogia: o storyboard é a "banda desenhada" do filme antes do filme existir.

NOTAS DO PROFESSOR - enfatizar que a proporção da vinheta deve ser igual à do formato final, senão o enquadramento engana. - erro comum: escolher uma ferramenta complexa a mais para um exercício simples. Papel e caneta também é válido no rascunho. - exemplo/analogia: a animática é como um "trailer" feito só com o storyboard, para sentir o ritmo antes de produzir.

NOTAS DO PROFESSOR - enfatizar "sem perder o volume": uma bola que estica não pode encolher de tamanho, só de forma. - erro comum: exagerar o squash and stretch em contextos realistas (um carro não deve espremer como borracha). - exemplo/analogia: uma bola de ténis a saltar no chão é o exemplo clássico de squash and stretch.

NOTAS DO PROFESSOR - enfatizar que timing é matemática simples aplicada a intenção artística: número de fotogramas ÷ fps = duração. - erro comum: animar tudo à mesma velocidade, sem variar o timing conforme o peso e a emoção da ação. - exemplo/analogia: staging é como um realizador de teatro a colocar os atores em palco, o olhar do público tem de ir ao sítio certo.

NOTAS DO PROFESSOR - enfatizar que a fluidez não é só técnica, é também narrativa: cortar no momento certo da ação. - erro comum: encadear planos sem plano de estabelecimento, o público perde-se no espaço. - exemplo/analogia: ler uma banda desenhada em que faltam vinhetas no meio, a história "salta".

NOTAS DO PROFESSOR - enfatizar que o estilo visual é uma decisão de produção, não só estética: afeta tempo de modelação e de renderização. - erro comum: mudar de estilo a meio da produção sem rever o que já foi feito. - exemplo/analogia: mostrar o mesmo cenário desenhado em cartoon e em fotorrealista, a decisão muda tudo o resto.

NOTAS DO PROFESSOR - enfatizar que "modelar" em 2D significa preparar formas e esqueleto (rig), não só desenhar; em 3D significa construir a malha. - erro comum: escolher a técnica pela ferramenta que já se conhece, em vez de pelo estilo visual definido no storyboard. - exemplo/analogia: modelar em 3D é como esculpir em barro; desenhar em 2D é como pintar num painel, resultados e processos diferentes.

NOTAS DO PROFESSOR - enfatizar a nomenclatura como aptidão avaliável: nomes claros não são um detalhe, fazem parte do rigor profissional. - erro comum: modelar com topologia excessiva (alto poli) num projeto que vai correr num telemóvel. - exemplo/analogia: um armário com gavetas rotuladas versus uma caixa de sapatos com tudo misturado, a organização poupa tempo mais tarde.

NOTAS DO PROFESSOR - enfatizar que a textura não é só "cor", é também comportamento da luz na superfície (o material). - erro comum: usar uma textura de alta resolução num objeto pequeno no plano final, desperdiça memória sem ganho visível. - exemplo/analogia: a textura é a "roupa" do modelo; o material é o "tecido" de que a roupa é feita (algodão brilha diferente de couro).

NOTAS DO PROFESSOR - enfatizar que iluminação não é só "ver bem", é contar a história em conjunto com a cor e a composição. - erro comum: usar só uma luz frontal chapada, a cena fica plana e sem volume. - exemplo/analogia: uma fotografia de estúdio profissional usa sempre pelo menos três luzes, exatamente por esta razão.

NOTAS DO PROFESSOR - enfatizar que interpolação linear (sem easing) é a marca mais óbvia de uma animação amadora. - erro comum: colocar demasiados quadros-chave, o que torna a curva de movimento difícil de ajustar depois. - exemplo/analogia: um carro real não arranca nem trava a velocidade constante, o easing imita essa física.

NOTAS DO PROFESSOR - enfatizar a diferença entre edição linear (antiga, sequencial e destrutiva) e não linear (atual, com histórico e não destrutiva). - erro comum: fundir todas as camadas cedo demais, perde-se a possibilidade de ajustar cada elemento depois. - exemplo/analogia: as camadas são como folhas de acetato sobrepostas, cada uma pode mexer-se sem tocar nas outras.

NOTAS DO PROFESSOR - enfatizar que a sincronização é avaliada como critério de desempenho, não é um extra opcional. - erro comum: adicionar o áudio só no fim, sem verificar se os impactos batem certo com o movimento. - exemplo/analogia: um boneco de ventríloquo mal sincronizado, o efeito quebra-se de imediato.

NOTAS DO PROFESSOR - enfatizar a diferença entre pré-renderizado (vídeo, fixo) e tempo real (motor de jogo/RV/RA, calculado no dispositivo). - erro comum: usar assets de alto detalhe pensados para vídeo diretamente num motor de jogo ou numa app de RA, o desempenho cai. - exemplo/analogia: comparar um filme de animação (pré-calculado) com um jogo (calculado ao vivo, 60 vezes por segundo).

NOTAS DO PROFESSOR - enfatizar que renderizar não é "exportar", é calcular a imagem a partir de dados 3D, um passo pesado computacionalmente. - erro comum: só perceber que o tempo de render é longo na véspera da entrega, sem planear com antecedência. - exemplo/analogia: renderizar é como revelar um filme fotográfico, a imagem só existe depois de um processo, não é instantânea.

NOTAS DO PROFESSOR - enfatizar que separar em passes dá muito mais controlo na pós-produção do que renderizar tudo "cozido" numa imagem só. - erro comum: tentar corrigir na pós-produção um problema que devia ter sido resolvido na iluminação ou na modelação. - exemplo/analogia: o render é o prato cozinhado; a pós-produção é o empratamento e o toque final antes de servir.

NOTAS DO PROFESSOR - enfatizar a fórmula duração = fotogramas ÷ fps, com um exemplo numérico simples no quadro. - erro comum: mudar de fps a meio do projeto ou na exportação, criando saltos visíveis. - exemplo/analogia: um metrónomo a mudar de ritmo a meio de uma música, o ouvido nota logo.

NOTAS DO PROFESSOR - enfatizar que contentor e codec são coisas diferentes: um .mp4 pode ter dentro H.264 ou H.265. - erro comum: confundir "mudar a extensão do ficheiro" com "mudar o codec", não é a mesma coisa. - exemplo/analogia: o contentor é a mala; o codec é a forma como se dobra a roupa lá dentro para caber mais.

NOTAS DO PROFESSOR - enfatizar que a escolha do formato final depende de precisar ou não de alfa, é uma decisão técnica, não estética. - erro comum: exportar em MP4 normal uma animação que precisa de ficar transparente sobre outro conteúdo. - exemplo/analogia: o alfa é como um autocolante recortado à medida, versus uma folha inteira colada por cima.

NOTAS DO PROFESSOR - enfatizar a regra "nunca comprimir uma cópia já comprimida", cada geração perde qualidade que não volta. - erro comum: apagar o mestre depois de exportar, ficando sem forma de gerar novas versões no futuro. - exemplo/analogia: o mestre é o negativo fotográfico; as derivações são as cópias reveladas em diferentes tamanhos.

NOTAS DO PROFESSOR - enfatizar que "exportar" não é um passo único, é um passo repetido, uma vez por destino. - erro comum: publicar a mesma versão em todos os destinos, ignorando proporção e peso. - exemplo/analogia: a mesma receita de bolo, mas em tamanhos de forma diferentes consoante quem vai comer.

NOTAS DO PROFESSOR - enfatizar que Lottie é hoje o padrão para microinterações web/app, substituindo o GIF na maioria dos casos. - erro comum: usar GIF por hábito quando WebP animado ou Lottie dão muito melhor resultado com menos peso. - exemplo/analogia: perguntar à turma que formato usariam para o logótipo animado de um site, e porquê.

NOTAS DO PROFESSOR - enfatizar cada atributo do exemplo, um a um, com a turma a identificar para que serve. - erro comum: esquecer o `preload="metadata"`, o que carrega ficheiros pesados mesmo sem o utilizador dar play. - exemplo/analogia: o poster é como a capa de um livro, mostra o suficiente antes de se "abrir" o conteúdo.

NOTAS DO PROFESSOR - enfatizar que prefers-reduced-motion é uma preferência real do sistema operativo, testável no browser. - erro comum: ignorar completamente legendas e contraste por "falta de tempo", tratando-os como opcionais. - exemplo/analogia: passar a animação num telemóvel sem som e em modo de poupança de dados, é o teste real de acessibilidade e peso.

NOTAS DO PROFESSOR - enfatizar que licenciamento se verifica sempre antes de publicar, não depois de um aviso de direitos de autor. - erro comum: guardar só a versão final exportada e perder o projeto original, impossibilitando correções futuras. - exemplo/analogia: a regra 3-2-1 é como não guardar todas as cópias de segurança de um documento importante só num sítio.

NOTAS DO PROFESSOR - enfatizar que estas normas fazem parte do referencial e podem ser avaliadas, não são um adorno da sebenta. - erro comum: assumir que "trabalho digital" não tem impacto ambiental nem riscos de saúde, ambos existem. - exemplo/analogia: uma farm de render a correr a noite toda consome energia real, tal como uma fábrica.