[TUTORIAL] Animación Básica

Bueno, voy a mostrarles paso a paso (dixit "mostaza" Merlo) como hacer una animacion muy basica, como las que suelo hacer...je. Aclaro que el programa que uso es "Photoshop 7"

Como ejemplo pongo la que le hice a beluga que tuvo tanto éxito (?):

Primero tenemos el cielo, la estrella fugaz la hice haciendo un circulo con el marco elíptico (arriba a la izq en la paleta de herramientas)y rellenándolo de color blanco.
1


Luego apretamos ctrol+t para transformarlo y Filtro>desenfocar>desenfoque de movimiento (yo use distancia>45 pixeles)
y con eso tenemos la estrella fugaz o algo que se le parece.
2


Ahora vamos a Image Ready apretando este boton (o ctrol+Máyus+m):
3


En la ventana de animación (si no la ven: Ventana>Animación) vemos que nos muestra un cuadro con el dibujo. Duplicamos el cuadro:
4


(*) Ahora ven que con la herramienta mover (que es la flecha negra que está arriba a la izq en la paleta de herramientas) escondi la estrella en esta parte del dibujo (de ahi va a empezar a trasladarse la animación)
5


Ahora en el cuadro duplicado colocamos la estrella fugaz donde queremos que termine su trayecto.
6


Apretamos el boton "intercalar cuadros de animacion"
7


y nos aparece este menú
8


Asegurarse que diga: intercalar con: cuadro anterior

Ahora, segun el numero de cuadros que pongamos para añadir, nos va a dar la velocidad de animacion (a menor número, mas rápido se mueve) .Para esta animación usé 3 cuadros, y queda asi:
9


Ahora le damos "play" y nos queda algo así:


(Véase que al último cuadro le cambié el tiempo, por eso la pequeña pausa)

Con esta técnica podemos hacer muchas cosas, por ejemplo pongamos en movimiento un auto:
10


Hacemos todo lo mismo que este paso (*). Le agregamos 5 cuadros
11

12


vemos que el auto se mueve asi, normalmente:



En cambio si le agrego solo 3 cuadros y un desenfoque de movimiento, logro que mi fiat 600 supere la velocidad del sonido:



Asi podemos hacer infinitas animaciones, pongamos un último ejemplo:
Vamos a hacer una barra de carga (loading bar)

Primero cortamos un rectángulo y creamos otro mas grande para llenarlo de color:
13

14


Vamos a Image Ready y hacemos lo mismo de antes (*), fíjense que pueden elegir si quieren que la animación se repita constantemente o solo una vez:
15


Tambien pueden elegir el tiempo que se muestran los cuadros, donde dice "0 seg" click con el boton derecho y a cambiar como les parezca.
16


Le agregamos un "Loading" pedorro y nos queda esto:



Y asi cualquier cosa que se les venga a la mente...

Ante cualquier duda pueden preguntar ya que no se si es muy claro...