Tutoriales en la Web

Animacion Twitter

Posteado el 22. Mar, 2011 por tuto in Swishmax

Como una celebración a los 5 años de Twitter realizamos este tutorial en Swishmax esperamos les guste

PASO 1
Creamos un documento nuevo de Swishmax en blanco (Blank Movie).

PASO 2
Vamos a la ventana Properties – Botón Movie Properties y colocamos los valores que se ven en la imagen.

PASO 3
En nuestro documento con la herramienta Pluma vamos a dibujar la escena de Twitter donde esta la ballena y los pajaritos.

PASO 4
Vamos a la ventana Outline y seleccionamos las dos formas del agua y las agrupamos en un Movie Clip.

PASO 5
Abrimos nuestro Movie Clip y vamos a la timeline y una de las formas del agua le agregamos un movimiento de 20 frames y lo movemos un poco hacia la derecha y hacia arriba.

PASO 6
A la otra forma le agregamos un movimiento de 20 frames y la movemos hacia abajo y hacia la izquierda.

PASO 7
Repetimos los pasos anteriores una vez más para que las formas regresen a su posición original.

PASO 8
Agrupamos en Movie Clips separados los pajaros que se encuentra en frente y los que se encuentran atrás como se ve en la imagen.

PASO 9
Ahora agrupamos en un Movie Clip a la ballena y en la ventana Properties marcamos la opción Stop playing at end.

PASO 10
Movemos a nuestra ballena fuera de nuestra película en la esquina inferior derecha y en la timeline le agregamos un Movimiento de 15 frames y movemos a la ballena hacia arriba como se ve en la imagen.

PASO 11
Agregamos un nuevo movimiento de 15 frames y movemos la ballena hacia abajo para dar la impresión que la ballena salta fuera del agua.

PASO 12
Podemos agregar los movimientos que queramos para darle dinamismo a nuestra animación.

PASO 13
Contraemos nuestro Movie Clip y en la ventana Outline movemos el Movie Clip del Agua arriba de todos los Movie Clips.

PASO 14
Movemos los Movie Clips de los pajaros fuera de nuestra película.

PASO 15
A los Movie clips les vamos a agregar varios movimientos para que se vea que se mueven dentro de nuestra película.

PASO 16
Hacemos que nuestros pájaros bajen al agua y levanten a la ballena, esto lo hacemos como en los pasos anteriores, creando movimientos para cada Movie Clip hasta lograr nuestro cometido.

PASO 17
Listo ya tenemos nuestro tutorial terminado.

Descarga el editable Twitter

Articulos relacionados:

Tags: Tutoriales Swishmax, Twitter