Rotoscopia em Animação de Jogo: Filmar e Traçar

Rotoscopia é desenhar por cima de um vídeo para copiar o movimento real. Para jogo, o jeito que funciona é filmar a própria ação com o celular, importar o vídeo no Krita, traçar só as poses-chave (não todos os quadros) e, depois do traço, exagerar a antecipação e o impacto. Traçar tudo quadro a quadro dá um movimento correto, mas duro e sem a leitura que um jogo precisa.

Este passo a passo usa um ataque de espada como exemplo: da filmagem ao sprite limpo, com o limite da técnica bem marcado.

O que é rotoscopia e por que funciona em jogo

A técnica é antiga no cinema e entrou nos jogos cedo. Em Prince of Persia (1989), Jordan Mechner filmou o irmão correndo, pulando e escalando e usou a filmagem como base das animações do príncipe. Em Another World (1991), Éric Chahi filmou a si mesmo para as animações do protagonista. Nos dois casos, o que chama atenção até hoje é o peso: o personagem parece ter massa.

Rotoscopia funciona em jogo por três motivos:

1. Peso e equilíbrio. O corpo real compensa cada movimento. Um braço que gira a espada desloca o quadril para o outro lado. Quem anima de cabeça esquece essas compensações.
2. Tempo real. O vídeo mostra quanto tempo cada fase dura. Você descobre que a antecipação de um golpe é mais longa do que imaginava, e o impacto, mais curto.
3. Referência para quem ainda está aprendendo. Desenhar uma pose de golpe convincente de cabeça é difícil. Com a pose congelada na tela, você acerta proporção e ângulo.

E não funciona sozinha por um motivo: corpo real não exagera. Jogo pede poses mais extremas que a vida real para que o jogador leia o golpe em poucos quadros.

Como filmar a referência: ângulo, fundo e roupa

A qualidade do traço depende da filmagem. Regras que evitam refazer:

Ângulo. Câmera na altura do quadril, perpendicular à ação, para um jogo de vista lateral. Se o jogo é top-down, filme de cima (de uma escada, por exemplo) ou numa diagonal alta. Câmera inclinada para cima ou para baixo distorce a proporção.

Distância e lente. Fique longe o bastante para o corpo inteiro caber com folga e use o zoom do celular em vez de chegar perto com a lente grande-angular. A grande-angular de perto deixa mãos e pés gigantes.

Câmera parada. Apoie o celular num tripé ou numa pilha de livros. Câmera na mão faz o personagem "flutuar" porque o fundo se move.

Fundo. Parede lisa e com contraste em relação à roupa. Fundo bagunçado dificulta enxergar a silhueta.

Roupa. Roupa justa e de cor única, que mostra as articulações. Calça larga esconde o joelho, e é justamente o joelho que você precisa ver. Uma fita colorida nos cotovelos, joelhos e punhos ajuda muito.

Objeto. Para um ataque de espada, segure um cabo de vassoura cortado no comprimento da espada do personagem. O peso e o comprimento mudam o movimento.

Taxa de quadros. Filme a 30 ou 60 fps. Você vai descartar quase tudo, mas 60 fps ajuda a achar o quadro exato do impacto.

Filme cada ação várias vezes e escolha a melhor tomada. Exagere já na filmagem: faça o golpe mais teatral do que faria de verdade.

Rotoscopia no Krita: importar vídeo como referência

O Krita tem importação de vídeo nativa:

1. Recorte o vídeo antes, para ficar só com a ação (2 a 3 segundos). Vídeo longo pesa e o Krita pode não importar todos os quadros.
2. File > Import Video Animation.
3. No diálogo, defina:
   • FPS: 12 é um bom ponto de partida para jogo. Importar 2 segundos a 24 fps traz 48 quadros; a 12 fps, 24.
   • Start at e Duration: o trecho exato.
   • Import into: um documento novo ou o atual.
   • Em documento novo, Width e Height do canvas, e a escala do vídeo com o Filter de redimensionamento.
   • FFMpeg Path e FFProbe path: o recurso depende dos dois executáveis do FFmpeg. Se não estiverem configurados, instale o FFmpeg e aponte os caminhos.
4. O vídeo entra como uma camada animada, com um quadro de vídeo por quadro da timeline.

Se o seu sistema não tem FFmpeg ou a importação falhar, extraia os quadros com o próprio FFmpeg e importe as imagens:

ffmpeg -i ataque.mp4 -vf fps=12 ataque_%03d.png

Depois, File > Import Animation Frames, adicione os PNGs em ordem numérica e importe.

Com a camada de vídeo pronta:

1. Baixe a opacidade dela para 30 a 40%.
2. Trave a camada (ícone de cadeado) para não pintar nela por engano.
3. Crie uma camada nova acima para o traço.

O post sobre Krita para jogos cobre o resto da configuração do programa para arte de jogo.

Traçar pose-chave, não frame a frame

Aqui está a decisão que define o resultado. Em vez de traçar os 24 quadros, escolha as poses que contam a história do golpe:

1. Pose de guarda (início).
2. Antecipação: o ponto mais recolhido, espada para trás.
3. Impacto: braço estendido, espada no ponto de contato.
4. Seguimento: o corpo continua depois do impacto.
5. Recuperação: volta à guarda.

Cinco desenhos. Trace só esses, na camada de traço, criando quadros apenas nos números correspondentes da timeline. Toque a animação: com cinco poses fortes, o golpe já lê.

Depois, acrescente intermediários onde precisar, de preferência desenhando com o onion skin e olhando o vídeo como referência, não traçando por cima. Um ataque de jogo costuma funcionar com 5 a 8 desenhos.

Por que não traçar tudo: cada quadro do vídeo tem pequenas variações de postura, respiração e tremor. Traçadas, elas viram ruído: o personagem parece tremer. O olho humano lê a animação pelas poses, e a rotoscopia completa dilui as poses no meio de quadros médios.

Traçar a pose é a parte mecânica. Transformar o traço num personagem com estilo, proporção do jogo e movimento que vende o golpe é a parte que exige saber animar, e é onde quem aprende sozinho mais trava, porque o vídeo dá a resposta "correta" e não a resposta "boa".

Saber os princípios de animação (antecipação, exagero, tempo) é o que transforma uma referência filmada num ataque que o jogador sente.

Exagero depois do traço: antecipação e impacto

Com as poses traçadas, edite:

• Antecipação mais funda. Recolha mais o braço, gire mais o tronco. Na vida real ninguém faz isso, no jogo é o que avisa o golpe.
• Impacto mais esticado. Estique o braço além do anatômico, incline mais o corpo. Considere um smear (um quadro deformado e borrado que mostra o rastro da espada).
• Tempo editado. Segure a antecipação um quadro a mais; deixe o impacto rápido (1 quadro). Corte quadros de seguimento até a recuperação parecer ágil.
• Proporção do personagem. Se o personagem é cabeçudo e de pernas curtas, ajuste o traço para a proporção dele. O ator tem proporção humana; o personagem não.

Compare em loop o traço puro com a versão exagerada. A diferença é o que separa rotoscopia de animação.

Erros comuns: pé deslizando, proporção do ator e excesso de frames

Pé deslizando. Na rotoscopia de caminhada ou corrida, o pé que está no chão parece escorregar. Acontece porque o ator andou pelo espaço e o jogo anima no lugar. Corrija prendendo o pé de apoio na mesma posição em todos os quadros de contato.

Proporção do ator. Traçar o corpo do ator em vez do personagem. Use o vídeo para posição de articulações e ângulos, e desenhe o corpo do personagem.

Excesso de frames. 24 quadros traçados de um golpe de meio segundo. Escolha poses, corte o resto.

Câmera inclinada. O chão sobe ou desce na filmagem, e o personagem fica torto. Refaça a filmagem com o celular nivelado.

Movimento pequeno. O ator fez o golpe com medo de acertar algo. O traço sai tímido. Filme com espaço e exagere.

Rotoscopia em pixel art: reduzir para a grade do sprite

Para pixel art, trace numa resolução maior e reduza depois:

1. Trace as poses no Krita com o vídeo em 256 pixels de altura, por exemplo.
2. Exporte cada pose e abra no editor de pixel art (Aseprite, LibreSprite, Pixelorama) num canvas do tamanho do sprite, como 48 x 48.
3. Coloque a pose como camada de referência, reduzida para a altura do personagem, com opacidade baixa.
4. Redesenhe pixel a pixel por cima, com a paleta do jogo. Não use a imagem reduzida como arte: a redução gera pixels borrados e tons intermediários.

Em sprites pequenos, a rotoscopia serve mais para tempo e silhueta que para detalhe. Em 32 pixels, cinco poses com silhueta clara valem mais que um traço fiel.

Próximo passo

Filme um ataque simples, importe no Krita, trace as cinco poses-chave e exagere antecipação e impacto. Leve para a engine e teste com o personagem se movendo. Para entender como animadores profissionais usam referência no dia a dia, o post sobre o que faz um animador de jogos mostra a rotina, e o de animação frame a frame para jogos aprofunda poses-chave e intermediários.