TUTORIAL: Animacion y Efecto giratorio

por **NightmareGoku** Mar Dic 14, 2010 3:13 pm

Esta vez traigo un tutorial doble, esplicando como hacer una animacion y un efecto giratorio a una imagen, esto lo probe con el Photoshop Cs5 y no se los demas, BIEN EMPECEMOS:

Primero busquemos una imagen para trabajar en el, usare un hojo de sharingan:

TUTORIAL: Animacion y Efecto giratorio Dfgk

TUTORIAL: Animacion y Efecto giratorio Dfgk

1- Despues creamos un nuevo documento en mi caso de 150x150 (depende del tamaño de la imagen), jalamos nuestra imagen a el nuevo documento y duplicamos la capa de la imagen:

TUTORIAL: Animacion y Efecto giratorio 001bof

TUTORIAL: Animacion y Efecto giratorio 001bof

2- Pocicionados en la capa duplicada de la imagen (Capa 1 copia) nos vamos a -Edición-Tranformar-Rotar 90º ACD

TUTORIAL: Animacion y Efecto giratorio 002nue

TUTORIAL: Animacion y Efecto giratorio 002nue

NOTA: Podemos darle tambien la opcion de Rotar 90º AC si queremos que la imagen gire en sentido contrario, es cuestion de gustos...

3- Veremos que nuestra copia de la imagen a girado:

TUTORIAL: Animacion y Efecto giratorio 003fwj

TUTORIAL: Animacion y Efecto giratorio 003fwj

4- La segunda capa (Capa 1 copia) la duplicamos:

TUTORIAL: Animacion y Efecto giratorio 004dqg

Y hacemos lo mismo que en el paso 2...

5- Asi lo hacemos sucesivamente hasta tener 4 capas de nuestra imagen...(obiamente girando)

TUTORIAL: Animacion y Efecto giratorio 005lut

TUTORIAL: Animacion y Efecto giratorio 005lut

NOTA: Solo se hiso cuatro capas ya que si se hace una mas la imagen volveria a su pocicion original y no tendria caso volver hacerla, si su imagen no tiene un giro completo dupliquen por quinta vez la capa, depende de lo que quiran girar....

6- Nos vamos a Ventana>Animacion o image ready (dependiendo su version)

7- Se tiene que ver asi...

TUTORIAL: Animacion y Efecto giratorio 007zxs

TUTORIAL: Animacion y Efecto giratorio 007zxs

8- Duplicamos los cuadros de animacion haciendo click:

TUTORIAL: Animacion y Efecto giratorio 008thc

9- Nos pocicionamos en el primer cuadro de animacion y en nuestra primera capa:

TUTORIAL: Animacion y Efecto giratorio 009izn

10- Pocicionados en esa capa damos click en los ojitos de las demas capas, para que solo se vea la capa 1

TUTORIAL: Animacion y Efecto giratorio 010spa

TUTORIAL: Animacion y Efecto giratorio 010spa

11- Ahora nos pocicionamos en el cuadro de animacion 2 y en la capa dos y hacemos lo mismo de quitar los ojitos:

TUTORIAL: Animacion y Efecto giratorio 011tds

TUTORIAL: Animacion y Efecto giratorio 011tds

12- Hacemos lo mismo con las capas 3 y 4, se tendria que ver asi:

TUTORIAL: Animacion y Efecto giratorio 012zzz

Ahora si se dan cuenta y le dan reproducir a nuestro cuadro de animacion nuestra imagen esta ya en movimiento pero va muy rapido....para cambiar el tiempo de nuestra animacion hacemos esto:

13- Para seleccionar todos nuestros cuadros de animacion y establecer el tiempo damos click en la pestañita de nuestro cuadro de animacion y seleccionamos --Seleccionar todos los cuadros----

TUTORIAL: Animacion y Efecto giratorio 013ecg

TUTORIAL: Animacion y Efecto giratorio 013ecg

14- Despues damos click donde dice -0s- y establecemos el tiempo que decemos, yo elegi el 0.1 segundos--

TUTORIAL: Animacion y Efecto giratorio 014rle

Y listo tenemos nuestra imagen en movimiento:

TUTORIAL: Animacion y Efecto giratorio Maykeku

Esto tambien puede servir para darle un giro a cualquier cosa, un balon, un ojo, etc....

bueno eso es todo por ahora, epero que les guste y hasta el proximo tutorial.

ESPERO VER SUS DISEÑOS EN LOS COMENTARIOS

Tutorial Original: por Josag
Tutorial Revisado: por NightmareGoku
Fuente: Aprendizaje y Experiencia

TUTORIAL: Animacion y Efecto giratorio

Les sirvio?

TUTORIAL: Animacion y Efecto giratorio