O básico da animação
Uma animação é uma sequência de quadros. Cada quadro mostra o sprite em uma posição, e tocados um depois do outro eles fazem ele se mexer. Essa fumaça tem dez quadros.
Todo quadro tem uma duração. A padrão é 100 milissegundos, um décimo de segundo, e é a que a gente usa aqui, então dez quadros fazem um segundo de fumaça.
E a ferramenta mais útil para animação: o onion skin. Ele mostra o quadro anterior bem clarinho por baixo do que você está desenhando, assim você vê o quanto as coisas devem se mover. Dá para mostrar mais de um quadro, mas só o anterior costuma ser o mais prático. No treino interativo ele é o fantasma vermelho por baixo do seu desenho.
Como a fumaça se move
No começo a fumaça não tem uma forma definida. Nos três primeiros quadros ela se expande. A partir do quarto quadro ela começa a se desfazer, e a cada quadro tem menos dela, até sobrar só um ou dois pixels. Esse é o ciclo inteiro.
Ela usa só duas cores: um tom médio cinza-azulado claro para o corpo e branco para os brilhos. A luz vem do canto superior esquerdo, então os brilhos ficam em cima, mais à esquerda.
Como eu desenho
Preencha o fundo primeiro, numa camada só dele. Assim, quando você adicionar novos quadros, o fundo já está em todos eles, e você não precisa pintar dez vezes.
Desenhe a fumaça numa camada só dela. Em cada quadro novo, apague o que está lá e desenhe a nova forma, com o onion skin ligado. Não seja rígido com a forma. É fumaça levada pelo ar, então a sua pode ficar diferente da minha, e tudo bem. Quando um quadro ficar complicado, desenhe o contorno primeiro e depois preencha.
No vídeo eu desenho as formas nos dez quadros primeiro, depois coloco os brilhos numa camada separada no fim. No treino interativo cada quadro já vem com o seu brilho, para você conferir tudo de uma vez. Aperte Play de vez em quando para ver como ela se move. Essa é a parte divertida.