Por qué animación isométrica
Las letras se mueven a lo largo del camino isométrico. Es la dirección más difícil para animar. Una vez que puedes hacerlo, animar en cualquier otra perspectiva es fácil.
Prepara las guías
Antes de empezar, crea una capa para las guías. Con un color que resalte sobre el cartel, dibuja una línea isométrica a lo largo de la parte de arriba de las letras y otra a lo largo de la parte de abajo, y además dos líneas verticales donde las letras salen y entran al cartel. Te mantienen en el camino. Mantén siempre las letras pegadas a las guías, sin ningún píxel de separación.
Un paso por fotograma
Agrega un fotograma, copia todo del anterior y mueve las letras a la izquierda. Siempre un paso completo: un paso entero del patrón isométrico, nunca la mitad. Luego el siguiente fotograma, y el siguiente.
Cuando la primera letra llega al borde del cartel, copia el letrero y pon la copia entrando por la derecha. Las letras salen por la izquierda y vuelven por la derecha. Luego recorta cada parte de una letra que quede fuera del cartel. Esa es la parte fotograma a fotograma: repetitiva, pero vale la pena. De vez en cuando, vuelve un fotograma atrás y compara.
En el entrenador interactivo las letras están en su propia capa encima del cartel, como en Aseprite. Move (V) las arrastra por píxeles enteros: un paso isométrico aquí es 2 píxeles a la izquierda y 1 hacia arriba. Select (M) encierra una parte si solo quieres mover algunas letras, y Delete borra lo que seleccionaste.
Agrega el parpadeo
Cuando el letrero vuelve a donde empezó, hazlo parpadear: un par de fotogramas sin el letrero, un par con él, tres veces. Si parpadea demasiado rápido, agrega fotogramas o hazlos más largos. Luego copia unos cuantos fotogramas más con el letrero al final para que se quede un momento antes de seguir. El mío termina con 40 fotogramas en total.