Loading… Tutorial Animacion

Este pqueño tutorial, es de bastante sencillez, pero para aquellos que se incian en la animacion les va a servir😉

Resultado:

Loading...

Creamos un nuevo documento.

Tutoriales Photoshop

Lo pintamos de cualquier color, Damos click derecho en la capa, Opciones de capa (Blending options) y aplicamos un degradado.

Tutoriales Photoshop

Luego creamos un rectangulo, Con la herramienta que tiene las esquinas redondeadas.

Tutoriales Photoshop

Nos vamos a opciones de capa (Blending options).

Tutoriales Photoshop

Tutoriales Photoshop

Tutoriales Photoshop

Con la misma herramienta, Creamos una mas chica, Algo asi:

Tutoriales Photoshop

Igual vamos a opciones de capa (Blending options).

Tutoriales Photoshop

Tutoriales Photoshop

Nos quedara algo asi:

Tutoriales Photoshop

Duplicamos la capa, Y la movemos hacia la derecha, Algo asi:

Tutoriales Photoshop

Repetimos hasta obtener algo asi:

Tutoriales Photoshop

Agregamos el texto.

Tutoriales Photoshop

Hemos terminado de diseñarlo, Ahora pasamos a animarlo, Dando click en este boton, O presionando Control+M.

Tutoriales Photoshop

Ponemos el numero de frames que nesecitemos, Esto dependera de el numero de “Pastillas” que tenga la imagen, La mia tiene 13, Asi que nesecitare 13.

Tutoriales Photoshop

Damos click en el primer frame, Y las capas activadas deberan ser asi:

Tutoriales Photoshop

En el segundo:

Tutoriales Photoshop

Y repetimos esto, Siempre activando una capa hacia arriba, Este seria mi ultimo frame.

Tutoriales Photoshop

Ponemos un tiempo de 0,5 seg.

Tutoriales Photoshop

Luego nos vamos a Archivo (File), Guardar optimizado para (Save optimized for), Y lo guardamos con la extension Gif, Esto es importante, Porque sino la imagen quedara estatica.

Este es mi resultado:

Tutoriales Photoshop

fuente: http://www.zonaphotoshop.com 

Publicado el octubre 27, 2007 en Tutoriales y etiquetado en , , , , , , . Guarda el enlace permanente. Deja un comentario.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: