O que é animação?
Animação significa dar vida (movimento) a coisas que não se mexem sozinhas: um desenho, um recorte de papel, um brinquedo de massinha ou um modelo de computador. Um filme comum grava coisas que realmente se movem. A animação constrói o movimento imagem por imagem.
Cada imagem isolada é um quadro. Quando os quadros mudam mais rápido que cerca de 10 por segundo, o cérebro deixa de ver imagens separadas e vê um movimento suave. Isso se chama persistência da visão (o olho guarda a imagem por um instante curto).
Personagens reais e virtuais
Um personagem animado é virtual: ele existe só em desenhos ou no computador. Ele pode fazer o que um ator de verdade não consegue, como esticar, voar ou mudar de forma.
Quadros, taxa de quadros e linha do tempo
Taxa de quadros = quadros mostrados por segundo, escrita como fps. O cinema usa 24 fps, o vídeo costuma usar 25 ou 30 fps, e desenhos simples e stop motion costumam usar 12 fps.
Quadros necessários = fps × tempo em segundos. Um clipe de 5 segundos a 12 fps precisa de 60 quadros.
O programa de animação mostra uma linha do tempo (timeline): uma faixa de quadros da esquerda para a direita. As camadas ficam uma sobre a outra como folhas de vidro: o cenário na camada de baixo, o personagem em outra, assim você mexe em um sem redesenhar o outro.
Quadro a quadro e GIF
Na animação quadro a quadro você desenha cada quadro sozinho. Um GIF é um arquivo de imagem pequeno que guarda vários quadros e os repete em loop. Ele é bom para figurinhas e animações curtas na web, mas tem só 256 cores.
Keyframes e interpolação (tweening)
Um keyframe (quadro-chave) marca uma pose importante: onde um movimento começa e termina. Os quadros entre eles são os intermediários. Na animação por computador o programa os preenche; isso é a interpolação (tweening, de "in-between", que significa "entre").
- Interpolação de movimento: o objeto vai do ponto A ao ponto B.
- Rotação: ele gira.
- Interpolação de cor: ele muda de cor ou aparece aos poucos.
- Animação de texto: as letras entram voando, crescem ou aparecem como se fossem digitadas.
Antes de animar, planeje: a ideia, um roteiro curto, um storyboard (pequenos esboços de cada cena) e um estilo (desenho animado, papel, realista).
Tipos de animação: stop motion, 2D, 3D, raster e vetorial
Stop motion e animação com recortes de papel
No stop motion você move um objeto real só um pouquinho, tira uma foto, move de novo, tira outra foto. A animação com recortes usa personagens planos de papel com juntas (percevejos ou taxinhas de metal) sobre um cenário pintado. Crie o personagem com partes móveis separadas (braços, pernas, cabeça) e deixe a câmera fixa em um suporte.
Animação 2D e 3D no computador
A animação 2D é plana (como um desenho animado). A animação 3D usa modelos com profundidade, que uma câmera virtual pode contornar.
Raster e vetorial
A animação raster guarda cada quadro como pixels; ao dar zoom ela fica quadrada e os arquivos podem ficar grandes. A animação vetorial guarda formas como matemática (pontos, linhas, curvas); ela continua nítida em qualquer tamanho e os arquivos são pequenos.
Animação interativa
A animação interativa reage ao usuário: um botão que pula quando você toca nele, um personagem de jogo que você controla ou um banner de site que se mexe quando você passa o mouse.
Mão na massa: faça um flipbook de 2 segundos
Pegue 24 bloquinhos de post-it. Em cada um, desenhe uma bola um pouco mais baixa que no anterior e depois subindo de novo. Folheie bem rápido: isso são 2 segundos a 12 fps. Agora tente 12 post-its para o mesmo movimento: fica mais travado. Você acabou de testar a taxa de quadros!
Fórmulas e definições principais
- Quadros necessários = taxa de quadros (fps) × tempo (s)
- Duração do clipe = número de quadros ÷ fps
- Quadro = uma imagem parada
- Keyframe = uma pose principal; intermediário = um quadro preenchido pelo programa
- Raster = pixels; vetorial = formas feitas de matemática
Exemplos resolvidos
1. Quantos quadros um clipe de 4 segundos a 12 fps precisa ter?
Quadros = fps × tempo = 12 × 4 = 48 quadros.
2. Um GIF tem 30 quadros e roda a 10 fps. Quanto dura um loop?
Tempo = quadros ÷ fps = 30 ÷ 10 = 3 segundos.
3. Uma bola vai da borda esquerda à borda direita em 1 segundo a 24 fps. Você desenha só o primeiro e o último quadro como keyframes. Quantos intermediários o programa precisa criar?
São 24 quadros no total; 2 são keyframes, então 24 − 2 = 22 intermediários.
4. Um logotipo precisa ficar nítido no celular e em um outdoor gigante. Animação raster ou vetorial?
Vetorial: as formas são guardadas como matemática, então são redesenhadas com nitidez em qualquer tamanho. Um logotipo raster ficaria quadrado ao ser ampliado.
Erros comuns
- Achar que mais quadros sempre deixam o clipe mais longo. Com fps mais alto, mais quadros cabem no mesmo tempo.
- Mexer a câmera durante o stop motion. Deixe a câmera fixa; só o objeto deve se mover.
- Dar saltos grandes entre os quadros. Mudanças pequenas entre os quadros dão um movimento suave.
- Chamar o GIF de formato vetorial. Um GIF é uma imagem raster feita de pixels.