Animação de Quadrúpede: Cachorro, Cavalo e Monstro Andando

A animação de quadrúpede fica natural quando você acerta duas coisas: a ordem das patas e a defasagem entre o par de trás e o par da frente. No passo, um cachorro ou cavalo move uma pata de cada vez, na sequência traseira esquerda, dianteira esquerda, traseira direita, dianteira direita. As patas do mesmo lado não andam juntas e as da frente não espelham as de trás: elas estão sempre meio passo atrasadas. Errar isso é o motivo de quase todo quadrúpede de jogo parecer um móvel com rodinhas.

Este guia monta um walk cycle de cachorro em 8 frames, passo a passo, mostra como adaptar para trote e galope de cavalo e para um monstro de quatro patas, e explica coluna, cabeça e cauda. Os passos são no Aseprite, com o equivalente no Krita.

Animação quadrúpede: como as patas se alternam

O jeito mais fácil de entender é pensar no quadrúpede como dois bípedes em fila: um par de pernas traseiras e um par dianteiro. Cada par anda como uma pessoa (esquerda, direita, esquerda...), e o par da frente está atrasado em relação ao de trás.

No passo normal de cachorro, gato ou cavalo:

1. A traseira esquerda vai à frente.
2. Logo depois, a dianteira esquerda vai à frente (ela "sai do caminho" da traseira que está chegando).
3. A traseira direita vai à frente.
4. A dianteira direita vai à frente.

Essa sequência de quatro tempos garante que o animal tenha sempre duas ou três patas no chão. É estável e lento, e é o que você quer para um animal andando ou passeando.

Para referência visual, as séries fotográficas de Eadweard Muybridge (como "The Horse in Motion", de 1878) estão em domínio público e mostram cavalos, cães, gatos e outros animais frame a frame. São o material de estudo clássico de animadores.

Walk cycle de cachorro passo a passo

Configuração no Aseprite:

1. File > New com 48x32 pixels (um cachorro de perfil é mais comprido que alto).
2. Crie duas camadas de rascunho: "corpo" e "patas". Mais tarde você junta tudo.
3. Ligue o onion skin com F3. O post sobre onion skin no Aseprite explica como configurar quantos frames antes e depois aparecem e com que cor.

No Krita: troque o workspace com Window > Workspace > Animation. A timeline aparece embaixo. Para criar um frame, clique com o botão direito numa célula da timeline e use Create Duplicate Frame (copia o atual) ou Create Blank Frame. O onion skin fica no docker Onion Skins, com frames anteriores em vermelho e posteriores em verde.

Os 8 frames

Use esta tabela como mapa. "Frente" significa pata esticada para a frente, "trás" esticada para trás, "passando" a pata no ar cruzando por baixo do corpo, "apoio" a pata no chão embaixo do corpo.

O jeito de desenhar sem se perder:

1. Desenhe só as traseiras primeiro, em todos os 8 frames, como se fosse um walk cycle de pessoa: frame 1 esquerda à frente, frame 5 direita à frente, intermediários entre eles.
2. Desenhe as dianteiras depois, com o mesmo ciclo, mas deslocado: a dianteira esquerda faz contato no frame 2 (um frame depois da traseira esquerda), a dianteira direita no frame 6.
3. Desenhe o corpo por cima, subindo e descendo conforme a última coluna.

Pinte as patas do lado de longe num tom mais escuro. Em sprite de perfil, é isso que mostra qual pata é qual e evita o efeito de "duas pernas só".

Duração: abra Frame > Frame Properties (P) e coloque 100 ms em todos para começar. Toque com Enter. Se parecer arrastado, desça para 80 ms.

Cavalo: trote e galope na prática

O cavalo tem o mesmo passo de quatro tempos do cachorro, com patas mais longas e um corpo mais pesado. As outras andaduras mudam a regra:

Trote (duas batidas). As patas andam em pares diagonais: dianteira esquerda com traseira direita, depois dianteira direita com traseira esquerda. Em animação, isso simplifica: são dois "momentos de contato" por ciclo. Um trote em 6 frames funciona bem: contato do par A, passagem, suspensão curta, contato do par B, passagem, suspensão. O corpo sobe e desce duas vezes por ciclo.

Galope (quatro batidas com suspensão). As patas batem em sequência rápida (por exemplo traseira direita, traseira esquerda, dianteira direita, dianteira esquerda) e depois há um momento com as quatro patas no ar, encolhidas sob o corpo. As fotos de Muybridge ficaram famosas justamente por mostrar esse momento. Em pixel art, use 6 a 8 frames, com:

• Um frame de extensão máxima (patas da frente esticadas para a frente, as de trás para trás).
• Um frame de recolhimento (as quatro sob o corpo, no ar).
• Coluna que estica e encolhe de verdade. No galope, a coluna é uma mola.

Duração mais curta que o passo: 60 a 80 ms por frame.

Monstro de 4 patas: adaptar sem perder peso

Um monstro (lagarto gigante, besta com chifres, aranha de quatro patas, cão demoníaco) pode quebrar a anatomia, mas não a física. Para continuar parecendo pesado:

• Mantenha a defasagem entre os pares. É ela que dá a sensação de "animal de verdade", mesmo com uma criatura inventada.
• Frames mais lentos. Monstro grande anda devagar: 120 a 160 ms por frame, ou mais frames no ciclo.
• Contato marcado. No frame em que uma pata pesada toca o chão, abaixe o corpo 1 a 2 pixels a mais e, se quiser, adicione 1 frame de poeira saindo do pé.
• Proporções exageradas pedem compensação. Patas dianteiras muito maiores (estilo gorila) pedem um corpo que inclina para a frente a cada passo. Patas curtas (estilo lagarto) pedem ondulação lateral da coluna, que em perfil vira um leve sobe e desce do quadril e do ombro alternados.

Para lagartos e salamandras, existe outra marcha: as patas andam em diagonal (como o trote) com o corpo serpenteando. Funciona muito bem para monstros rastejantes.

Animar um cachorro andando já é um bom exercício. Num jogo, esse cachorro também corre, pula, ataca, recebe dano e muda de direção, e cada animação precisa encaixar nas outras sem pulo de pose, com o mesmo tamanho e a mesma paleta, e ainda tocar certo dentro da engine. É nessa soma de animações que quem aprende sozinho costuma travar.

Coluna, cabeça e cauda no ciclo

As patas são o motor, mas é a parte de cima que dá vida:

Coluna. O ombro sobe quando a pata dianteira de apoio está esticada embaixo dele, e desce no contato. O quadril faz o mesmo com as traseiras, defasado. O resultado é uma coluna que balança como gangorra suave. Em sprite de 48x32, isso é 1 pixel de diferença entre ombro e quadril.

Cabeça. Num cavalo, a cabeça sobe e desce bastante a cada passo, compensando o peso. Num cachorro, o movimento é menor. A cabeça vem um frame atrasada em relação ao ombro, o que dá fluidez (é o princípio de overlapping action).

Cauda. A cauda segue o quadril com atraso de 1 a 2 frames. Em cachorro, ela pode balançar de lado (no perfil, sobe e desce). Desenhe a cauda por último, em camada própria, e use o onion skin para ver o arco que ela descreve.

Número de frames e timing

Um resumo prático para sprites de perfil:

Ajuste pela velocidade com que o sprite se desloca no jogo. Se as patas "patinam" (o animal anda mais rápido que as patas), aumente a velocidade da animação ou diminua a do deslocamento. A pata de apoio deve parecer parada em relação ao chão.

Organize as andaduras com tags no Aseprite (Frame > Tags > New Tag): walk, trot, gallop. No Krita, você pode manter cada andadura num arquivo ou num trecho separado da timeline e exportar com File > Render Animation.

Erros comuns: patas em pares sincronizados, corpo sem sobe e desce

Patas em pares sincronizados. As duas traseiras e as duas dianteiras se movem juntas, ou a dianteira esquerda espelha exatamente a traseira esquerda. O animal parece um cavalinho de pau. Correção: aplique a defasagem de meio passo entre os pares (a dianteira faz contato 1 frame depois da traseira do mesmo lado no ciclo de 8).

Corpo sem sobe e desce. As patas andam e o corpo desliza reto, como se estivesse num trilho. Correção: o corpo desce no contato e sobe na passagem, 1 pixel em sprites pequenos, 2 a 3 em maiores.

Patas do mesmo tom. As quatro patas na mesma cor viram uma confusão de linhas. Correção: patas do lado de longe mais escuras.

Pata de apoio escorregando. Entre um frame e outro, a pata que está no chão muda de posição em relação ao chão. Correção: com onion skin, confira que a pata de apoio se move para trás numa distância constante, igual à velocidade do personagem.

Cabeça e cauda rígidas. Patas perfeitas e o resto parado. Correção: cabeça e cauda com atraso de 1 a 2 frames em relação ao corpo.

Próximo passo

Anime o cachorro em 8 frames usando a tabela, primeiro só com bolinhas no lugar das patas (para conferir o ritmo), depois com o desenho completo. Em seguida faça o trote do cavalo em 6 frames e compare: se você consegue sentir as duas batidas do trote e as quatro do passo, a ordem das patas está certa.

Se você ainda não fez um walk cycle de bípede, comece pelo post sobre walk cycle e ciclo de caminhada: o quadrúpede é literalmente dois desses em fila. E para entender como essa habilidade vira trabalho em estúdio, o post sobre o que faz um animador de jogos mostra a rotina e as habilidades que o mercado pede.