Por que animação isométrica
As letras andam pelo caminho isométrico. Essa é a direção mais difícil de animar. Quando você consegue fazer isso, animar em qualquer outra perspectiva fica fácil.
Prepare as guias
Antes de começar, crie uma camada para as guias. Numa cor que se destaque da faixa, desenhe uma linha isométrica no topo das letras e outra embaixo, mais duas linhas verticais onde as letras saem e entram na faixa. Elas te mantêm no caminho. Mantenha sempre as letras encostadas nas guias, sem nenhum pixel de espaço entre elas.
Um passo por quadro
Adicione um quadro, copie tudo do anterior e mova as letras para a esquerda. Sempre um passo inteiro: um passo completo do padrão isométrico, nunca a metade. Depois o próximo quadro, e o próximo.
Quando a primeira letra chegar na borda da faixa, copie o letreiro e coloque a cópia entrando pela direita. As letras saem pela esquerda e voltam pela direita. Depois corte toda parte de letra que ficar fora da faixa. Essa é a parte quadro a quadro: repetitiva, mas vale a pena. De vez em quando, volte um quadro e compare.
No treino interativo as letras ficam numa camada própria acima da faixa, como no Aseprite. O Move (V) arrasta elas de pixel em pixel inteiro: um passo isométrico aqui são 2 pixels para a esquerda e 1 para cima. O Select (M) marca uma parte se você quiser mover só algumas letras, e o Delete apaga o que você selecionou.
Coloque o pisca-pisca
Quando o letreiro voltar para onde começou, faça ele piscar: alguns quadros sem o letreiro, alguns com ele, três vezes. Se piscar rápido demais, adicione quadros ou deixe eles mais longos. Depois copie mais alguns quadros com o letreiro no final, para ele ficar parado um momento antes de seguir. O meu acaba com 40 quadros no total.