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

Há um pacote premium desta unidade: um PowerPoint editável de 100 ou mais diapositivos, um manual em PDF e dois testes com correção. Esta sebenta continua gratuita.

Introdução

Esta sebenta acompanha o pipeline completo de produção de uma animação: começa no roteiro e no storyboard, passa pela modelação dos objetos, pela texturização e iluminação da cena, pela animação e edição, chega à renderização e pós-produção, e termina na publicação otimizada para cada destino.

É frequente pensar-se nesta UC só como "a UC dos formatos de vídeo". Não é. O referencial pede que se saiba desenhar o roteiro e o storyboard, criar e modelar os objetos, texturizar e iluminar o ambiente de cena e renderizar e pós-produzir efeitos adicionais, tanto quanto se saiba escolher o codec certo. Esta sebenta cobre as duas metades: a produção da animação e a sua distribuição.

Objetivos de aprendizagem (referencial): desenhar o roteiro e o storyboard de uma animação; criar e modelar os seus objetos; texturizar e iluminar o ambiente de cena; renderizar e pós-produzir efeitos adicionais; e publicar o resultado com o formato, a resolução e a otimização corretos para cada plataforma.

Sempre que uma técnica pede mais detalhe do que cabe aqui, a sebenta diz onde aprofundar: a UC02631 trata a animação 2D em profundidade, a UC02209 trata a 3D (modelação, texturização, iluminação e renderização avançadas), e a UC02633 trata a edição de vídeo. Aqui aprendes o fluxo inteiro, do primeiro esboço à publicação.

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

Uma animação profissional não nasce a abrir um programa de 3D e a "fazer render". Nasce de um processo com etapas encadeadas:

Roteiro → Storyboard → Modelação → Texturização e iluminação
   → Animação e edição → Renderização e pós-produção → Publicação

Cada etapa depende da anterior. Um roteiro confuso produz um storyboard confuso; um storyboard confuso obriga a modelar e animar coisas que depois se deitam fora; e uma cena mal iluminada não se salva na pós-produção. O pipeline é sequencial, mas também iterativo: é normal voltar atrás e rever o storyboard depois de já se ter começado a modelar.

Esta ordem organiza toda a sebenta: cada capítulo corresponde a uma etapa, na ordem em que acontece num projeto real.

Papéis numa produção pequena

Numa equipa pequena, ou a solo, o mesmo profissional assume vários papéis: argumentista, storyboarder, modelador, animador, editor. Em equipas maiores, cada etapa tem um especialista, mas todos precisam de perceber o pipeline inteiro para comunicar bem com quem vem antes e depois.

2. Roteiro e guionismo

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

Técnicas de escrita e guionismo

• Estrutura em três atos: situação inicial, conflito (algo perturba a situação), resolução.
• Objetivo da personagem: o que ela quer, o que a impede de o conseguir.
• Conflito claro: sem conflito não há razão para o público continuar a ver.
• Mostrar, não contar: a ação e a imagem comunicam mais do que um diálogo que explica tudo.

Formatação do roteiro

Um roteiro segue uma formatação própria, para ser lido rapidamente por toda a equipa:

• Cabeçalho de cena: INT. (interior) ou EXT. (exterior), local, momento do dia. Ex.: INT. OFICINA DE ANIMAÇÃO · DIA.
• Descrição de ação: em linhas curtas, no presente, só o que se vê ou ouve.
• Nome da personagem: centrado, em maiúsculas, antes da sua fala.
• Diálogo: curto, direto, com voz própria de cada personagem.

Exemplo resolvido · Formatar uma cena

Ideia de partida: "a Marta começa a escrever o roteiro de uma animação, numa oficina, de dia."

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.

Passo a passo: (1) identificar interior/exterior, INT.; (2) identificar o local, OFICINA DE ANIMAÇÃO; (3) identificar o momento, DIA; (4) descrever só a ação visível, sem explicações internas; (5) escrever o diálogo da personagem, centrado sobre o nome.

Desenvolvimento de personagens, diálogos e enredo

• Personagens: definidas pelo que querem, pelo que as impede e por como mudam ao longo da história.
• Diálogos: curtos, com voz distinta por personagem; evitar que expliquem a trama por inteiro.
• Enredo: a sequência de acontecimentos que liga o início ao fim, com causa e efeito claros entre eles.

Como regra prática, uma página de roteiro de animação corresponde, em média, a cerca de um minuto de ecrã; ajuda a estimar a duração final ainda na fase de escrita.

3. Storyboard

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

Processo

1. Ler o roteiro por inteiro, para perceber o tom e o ritmo.
2. Dividir em planos: cada mudança de enquadramento ou de ângulo é um novo plano.
3. Esboçar cada plano: figura simples, seta de movimento, enquadramento indicado.
4. Ordenar em sequência, numerando as vinguetas.
5. Anotar por baixo de cada vinheta: diálogo/som e duração aproximada.

Relação entre história, guião e storyboard

Um storyboard não precisa de desenho bonito, precisa de clareza. Bonecos-palito com setas de movimento e uma nota de tempo chegam para qualquer pessoa da equipa perceber o plano só de olhar.

Aplicações informáticas para storyboard

Cada vinheta deve seguir a mesma proporção do ecrã final (16:9, 9:16, entre outros), senão o enquadramento planeado engana quando chega à modelação e à animação.

4. Princípios de animação

Os princípios de animação consolidados pelos estúdios Disney nas décadas de 1930 e 1940 continuam a base de qualquer animação credível, seja 2D, seja 3D.

Squash and stretch (compressão e alongamento)

Um objeto deforma-se ao mover-se depressa ou ao embater em algo, sem nunca perder o volume total. Dá peso e elasticidade ao movimento; sem ele, os objetos parecem rígidos como pedra.

Anticipation (antecipação)

Um pequeno movimento contrário antes da ação principal prepara o olho do público para o que vai acontecer, por exemplo, recuar ligeiramente antes de saltar para a frente. Sem antecipação, o movimento surge de repente e é difícil de acompanhar.

Staging (encenação)

Apresentar a ação de forma clara, com um único foco de cada vez e uma silhueta legível, sem ruído visual a competir com a ação principal. O staging responde sempre à pergunta: "para onde vai olhar o público neste plano?"

Timing (temporização)

O número de fotogramas que uma ação dura define o seu peso, a sua velocidade e a sua emoção.

Exemplo resolvido · Calcular o timing de um salto

Uma animação corre a 24 fps. Um salto tem 12 fotogramas de subida e 12 de descida.

1. Total de fotogramas do salto: 12 + 12 = 24.
2. Duração: 24 fotogramas ÷ 24 fps = 1 segundo.
3. Se a descida encolher para 6 fotogramas (subida mantém-se em 12), o total passa a 18 fotogramas: 18 ÷ 24 ≈ 0,75 segundos, e a queda passa a parecer duas vezes mais rápida, de "leve" para "apressada".

5. Narrativa e estilos visuais

Narrativa: sequência e fluidez

• Sequência: a ordem lógica dos planos guia o público sem confusão. Um plano de estabelecimento (mostra o espaço todo) costuma vir antes de um plano de 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 constrói-se na edição (capítulo 8).

Estilos visuais

O estilo visual é a linguagem gráfica escolhida: cartoon, flat design, stop motion digital, fotorrealista, low poly, pixel art, entre muitos outros.

• Deve manter-se coerente do roteiro à publicação: uma personagem cartoon não ganha, a meio do projeto, uma textura fotorrealista.
• Condiciona decisões técnicas a jusante: um estilo low poly pede menos detalhe de modelação e renderiza muito mais depressa do que um estilo fotorrealista.
• Escolhe-se antes de começar a modelar, para não obrigar a refazer trabalho já feito.

6. Criar e modelar os objetos

Criar e modelar os objetos da animação dá forma física às personagens e cenários definidos no storyboard.

Técnicas de animação 2D e 3D

A escolha da técnica decorre diretamente do estilo visual definido no capítulo anterior: não se modela em alto detalhe fotorrealista um projeto de estilo flat design.

Nomenclatura da animação

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

• Malha (mesh): o conjunto de vértices, arestas e faces que forma um objeto 3D.
• Topologia: como essa malha está organizada e ligada.
• Esqueleto (rig) e articulações (bones/joints): a estrutura de controlo do movimento, tanto em 2D como em 3D.
• Baixo poli (low poly) vs alto poli (high poly): menos ou mais detalhe geométrico, com impacto direto no tempo de renderização.

Boas práticas de modelação

• Organizar objetos por camadas ou coleções.
• Nomear com clareza cada peça (personagem_cabeca, nunca objeto_1 ou forma_23).
• Ajustar o nível de detalhe (baixo ou alto poli) ao destino final da animação, um modelo para um telemóvel não precisa do mesmo detalhe que um modelo para cinema.

Um modelo bem construído e bem nomeado poupa horas de trabalho nas etapas de animação e texturização que se seguem.

7. Texturizar e iluminar o ambiente de cena

Texturização

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

• Coordenadas UV: o processo de "desdobrar" a superfície de um modelo 3D numa imagem 2D plana, para nela se pintar ou aplicar uma textura.
• Materiais: definem como a superfície reage à luz, fosco, metálico, translúcido, entre outros.
• Fontes de textura: pintar de raiz, fotografar superfícies reais, ou recorrer a bibliotecas (sempre com licença adequada, ver capítulo 13).

Uma boa textura reforça o estilo visual escolhido no capítulo 5; 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, exatamente como o staging guia a atenção num plano.

• Esquema de três pontos: luz principal (key), a mais forte, define a direção geral da luz; luz de preenchimento (fill), mais fraca, suaviza as sombras criadas pela principal; luz de recorte (rim/back), atrás do sujeito, separa-o visualmente do fundo.
• Iluminação ambiente: a luz global da cena, dia, noite, interior artificial.
• Cor e intensidade: comunicam emoção; luz quente e baixa sugere aconchego, luz fria e dura sugere tensão ou perigo.

Exemplo resolvido · Montar um esquema de três pontos

1. Colocar a luz principal a cerca de 45° acima e à frente da personagem.
2. Adicionar a luz de preenchimento do lado oposto à principal, com metade da sua intensidade, para suavizar as sombras sem as apagar.
3. Adicionar a luz de recorte atrás da personagem, a separá-la visualmente do fundo.
4. Rever o resultado: se a cena parecer plana, a luz de recorte está fraca ou mal posicionada.

Sem pelo menos estas três luzes, uma cena tende a ficar plana e sem sensação de volume, seja em 2D pintado, seja em 3D renderizado.

8. Técnicas de edição

Editar é dar forma final ao movimento e à sequência de planos, depois de animados.

Quadros-chave, interpolação e easing

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

O movimento real quase nunca é linear, acelera e desacelera; é o easing que reproduz essa física na animação.

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 restantes.
• Máscaras e recortes: escondem ou revelam partes de uma camada, úteis em efeitos de entrada e saída e em composição.
• Efeitos visuais: filtros e ajustes aplicados sobre o material já animado.
• Edição não linear: reordenar e ajustar planos livremente numa linha do tempo, sem destruir o material original, ao contrário da edição linear antiga.

9. Áudio, motores de jogos e animação interativa

Edição de áudio e qualidade sonora

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

• Qualidade sonora: gravar ou escolher áudio limpo, sem ruído de fundo nem distorção percetível.
• 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.

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

Motores de jogos

Os motores de jogos (Unity, Unreal Engine, entre outros tipos) correm a animação em tempo real: é o dispositivo do utilizador, e não um servidor de render, que calcula cada imagem no momento em que é vista.

Bibliotecas de animações web

Conjuntos de código (Lottie, GSAP, entre outros) que reproduzem animações leves e controláveis diretamente no browser, sem depender de vídeo pré-gravado.

Realidade virtual e realidade aumentada

Em ambientes de RV e RA, a animação responde à posição da cabeça ou da câmara do dispositivo em tempo real, e exige otimização extra de desempenho, um fotograma perdido nestes ambientes é muito mais visível do que num vídeo.

O ponto comum a estes três contextos, motores de jogos, web e RV/RA, é a animação em tempo real: nada está pré-calculado, o dispositivo faz o trabalho no momento.

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 já definidos na cena.

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

Exemplo resolvido · Estimar o tempo total de render

Uma cena tem 5 segundos de duração, a 24 fps.

1. Total de fotogramas: 5 × 24 = 120 fotogramas.
2. Se cada fotograma demora, em média, 2 minutos a renderizar: 120 × 2 = 240 minutos, ou seja, 4 horas.
3. Se a resolução for duplicada, o tempo por fotograma tende a mais do que duplicar; nesse cenário, o render total pode facilmente ultrapassar as 10 horas.

Este cálculo simples, fotogramas × tempo por fotograma, deve entrar sempre no planeamento de qualquer entrega, nunca só na véspera do prazo.

Pós-produzir efeitos adicionais

A pós-produção trata o resultado do render: compositing (sobrepor os diferentes passes com fundo, luz e efeitos), correção de cor (ajustar contraste, saturação e tom para coerência entre planos) e efeitos adicionais (fumo, faíscas, desfoque de movimento, distorções), que seria caro ou até impossível calcular só dentro do motor de render 3D.

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

11. Fotogramas, duração, codecs e compressão

fps e duração

• fps (fotogramas por segundo): quantas imagens fixas compõem um segundo de animação. Valores comuns: 24 (padrão de cinema), 25 (televisão na Europa, PAL) ou 29,97 (NTSC), 60 (fluidez extra, usado em jogos e em desporto).
• Duração = número total de fotogramas ÷ fps.
• É essencial manter o fps do projeto constante, do primeiro fotograma ao último; misturar fps ao longo do processo causa saltos visíveis (juddering).

Codecs, contentores e compressão

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

Alfa e transparência

O canal alfa guarda, por pixel, um valor de transparência (de 0% a 100%), além da própria cor.

O alfa é necessário sempre que a animação vai ser sobreposta a outro fundo, uma 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 de si.

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, porque as perdas de qualidade acumulam-se a cada nova compressão.

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

Cada linha desta tabela representa uma derivação diferente do mesmo mestre; exportar não é um passo único, repete-se uma vez por destino.

13. Animação na web, acessibilidade, direitos e arquivo

Animação na web: SVG, Lottie, vídeo, GIF

A escolha depende da natureza do conteúdo (vetorial versus imagem real) e da necessidade de controlo por código: Lottie é hoje o padrão para microinterações web e de aplicações, tendo substituído o GIF na maioria dos casos.

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 (mais eficiente onde suportado), MP4 como alternativa universal.
2. poster mostra uma imagem fixa antes de o utilizador dar play.
3. preload="metadata" evita carregar o ficheiro inteiro sem necessidade.
4. <track> adiciona legendas em português, essenciais para consumo sem som e para acessibilidade.

Acessibilidade

• Legendas sempre disponíveis, em formato WebVTT ou .srt.
• Contraste suficiente entre texto e cores sobrepostas para leitura confortável.
• prefers-reduced-motion: respeitar a preferência do utilizador por menos movimento (relevante para sensibilidade vestibular e epilepsia); em CSS, @media (prefers-reduced-motion: reduce) { ... }.
• Flashes: evitar luzes intensas a mais de 3 Hz.

Otimização e peso

• Resolução ajustada ao destino real (1080p chega na maioria dos casos; 4K só quando há motivo concreto).
• VBR e codificação em 2-pass para melhor relação qualidade/peso.
• Remover metadados desnecessários e comprimir texturas antes de publicar, sem perder qualidade visível.

Direitos de autor e licenciamento

• Música e efeitos sonoros: usar apenas bibliotecas com licença compatível (YouTube Audio Library, Free Music Archive, freesound, ou bibliotecas pagas como Epidemic Sound), respeitando as atribuições exigidas.
• Imagens e texturas: verificar sempre o tipo de licença (CC0, CC-BY com atribuição, ou comercial), fontes como Poly Haven, AmbientCG, Unsplash ou Pixabay.
• Pessoas reais: necessitam de autorização explícita (RGPD), sobretudo tratando-se de menores.
• Música comercial usada sem licença ativa mecanismos como o Content ID do YouTube, que bloqueia ou desmonetiza o vídeo.

Arquivo e gestão de versões

• Nomenclatura consistente: projeto_titulo_v01_destino.ext (ex.: aulify_intro_v01_web.mp4).
• Pastas por destino, para não misturar versões.
• Mestre sempre preservado, nunca apagado depois de exportar.
• Cópias de segurança 3-2-1: 3 cópias dos ficheiros, em 2 suportes diferentes, com 1 cópia fora do local de trabalho.

14. Segurança, saúde no trabalho e proteção ambiental

Mesmo num trabalho inteiramente digital, há normas a respeitar:

• Segurança e saúde no trabalho: pausas regulares ao ecrã, postura correta à secretária, iluminação adequada do posto de trabalho, gestão da fadiga visual em sessões longas de renderização ou edição.
• Proteção ambiental: o consumo energético de renders longos é real, planear renders fora das horas de pico, desligar equipamento que não está a ser usado, dar preferência a serviços de computação mais eficientes, e reciclar equipamento eletrónico em fim de vida.

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

Erros comuns

• Saltar o roteiro e o storyboard e começar logo a modelar ou a animar, sem plano, obriga a refazer trabalho mais tarde.
• Misturar fps ao longo do projeto ou na exportação final, criando saltos visíveis (juddering).
• Interpolação sem easing, movimento a velocidade constante e mecânica, a marca mais óbvia de uma animação amadora.
• Recomprimir uma cópia já comprimida em vez de exportar sempre a partir do mestre.
• Exportar em formato sem alfa uma animação que precisa de ficar transparente sobre outro conteúdo.
• Publicar a mesma versão em todos os destinos, ignorando proporção, peso e requisitos de cada plataforma.
• Adicionar o áudio só no fim, sem verificar se os impactos e a fala batem certo com o movimento.
• Usar música ou imagens sem licença, com risco de bloqueio (Content ID) ou de problema legal.
• Apagar o mestre depois de exportar, ficando sem forma de gerar novas versões no futuro.
• Ignorar legendas, contraste e prefers-reduced-motion, tratando a acessibilidade como opcional.

Glossário

• Roteiro (guião): texto formatado que descreve cenas, ação e diálogo.
• Storyboard: sequência de vinhetas que traduz o roteiro em imagens.
• Animática: storyboard reproduzido em sequência com os tempos de cada plano.
• Squash and stretch: princípio de compressão e alongamento sem perda de volume.
• Anticipation: pequeno movimento contrário antes da ação principal.
• Staging: encenação clara de um plano, com um foco de cada vez.
• Timing: número de fotogramas de uma ação, define o seu peso e velocidade.
• Malha (mesh): vértices, arestas e faces que compõem um modelo 3D.
• Rig: esqueleto de controlo do movimento de um modelo.
• Coordenadas UV: mapa que "desdobra" a superfície de um modelo para receber texturas.
• Luz key/fill/rim: as três luzes do esquema de iluminação a três pontos.
• Keyframe (quadro-chave): fotograma onde se fixa explicitamente um valor.
• Easing: suavização da aceleração de uma interpolação.
• Renderizar: calcular a imagem final a partir de modelos, texturas, luzes e câmara.
• Compositing: sobrepor camadas (passes) de render numa imagem final.
• fps: fotogramas por segundo.
• Contentor: ficheiro que organiza vídeo, áudio e legendas (ex.: MP4).
• Codec: método de compressão/descompressão da imagem (ex.: H.264).
• CBR/VBR: taxa de bits constante ou variável.
• Canal alfa: informação de transparência por pixel.
• Mestre: versão de maior qualidade, sem compressão de publicação.
• Lottie: formato JSON de animação vetorial para web e aplicações.
• Regra 3-2-1: 3 cópias de segurança, em 2 suportes, com 1 fora do local.

Síntese

A produção de uma animação segue sempre a mesma ordem: roteiro (a história em texto) → storyboard (a história em imagens) → modelação (criar os objetos) → texturização e iluminação (dar aspeto e luz à cena) → animação e edição, aplicando os princípios de animação (squash and stretch, anticipation, staging, timing) → renderização e pós-produção (calcular a imagem final e polir) → publicação, com o formato, o codec, a resolução e a otimização corretos para cada destino, respeitando acessibilidade, direitos de autor e boas práticas de arquivo. Domina este fluxo completo, do primeiro esboço ao ficheiro publicado, e serás capaz de produzir e distribuir uma animação para qualquer suporte.

Exercícios resolvidos

1. Uma animação a 24 fps tem um plano com 6 fotogramas de antecipação, 30 de ação principal e 6 de recuperação. Quanto dura o plano?

Resolução: total de fotogramas = 6 + 30 + 6 = 42. Duração = 42 ÷ 24 ≈ 1,75 segundos.

2. Uma cena com 8 segundos a 25 fps demora, em média, 90 segundos por fotograma a renderizar. Quanto tempo demora o render total?

Resolução: total de fotogramas = 8 × 25 = 200. Tempo total = 200 × 90 segundos = 18000 segundos = 5 horas.

3. Precisas de publicar a mesma animação num site (com fundo próprio) e num anúncio para YouTube. Que diferença de formato é essencial entre os dois?

Resolução: para o site, se a animação for sobreposta a um fundo próprio, precisa de canal alfa (ex.: WebP, ProRes 4444 ou Lottie); para o YouTube, exporta-se um MP4 H.264 sem alfa, com fundo já incluído na imagem.

4. Um colega exporta sempre as novas versões a partir do último MP4 já publicado, para poupar tempo. Que problema isto cria, e qual é a alternativa correta?

Resolução: cada nova compressão a partir de um ficheiro já comprimido acumula perdas de qualidade que não se recuperam. A alternativa correta é exportar sempre a partir do mestre, preservado sem compressão de publicação.

5. Uma personagem cartoon precisa de saltar de alegria ao receber uma boa notícia. Que dois princípios de animação são mais relevantes para tornar esse salto credível, e porquê?

Resolução: anticipation, um pequeno agachamento antes do salto prepara o olho para o movimento; e squash and stretch, a personagem alonga-se no ar e comprime ligeiramente ao aterrar, sem perder volume, o que dá peso e energia ao movimento.