Tutoriales en la Web

Animacion personajes Maestros del Web

Posteado el 08. Mar, 2011 por tuto in Swishmax

Para nuestros maestrisimos del web esperamos les guste

Animación realizada en Swishmax

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

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

PASO 3
Con ayuda de nuestras herramientas vamos a dibujar a nuestro personaje, en este caso realizamos un monstruo subido en una flecha y agrupamos todos los elementos por separado en grupos.

PASO 4
En la ventana Outline desplegamos el grupo de uno de los ojos y agrupamos los elementos en un Movie Clip.

PASO 5
Duplicamos la esfera que teníamos abajo le cambiamos el color de relleno por negro para que se vea que el ojo esta cerrado.

PASO 6
Ahora vamos a la Timeline y a las dos primeras formas les agregamos un movimiento de 45 frames.

PASO 7
A la esfera negra le agregamos un movimiento de 3 frames como se ve en la imagen.

PASO 8
Repetimos el mismo proceso para el otro ojo.

PASO 9
En la ventana Outline seleccionamos todos los grupos que forman mi dibujo y los agrupamos en un Movie Clip.

PASO 10
Desplegamos nuestro Movie clip y en la ventana Timeline vamos a seleccionar todos los grupo y en el Frame 1 vamos a agregar un Place.

PASO 11
Ahora en el Frame 2 del Movie Clip vamos a agregar un Stop().

PASO 12
Agregamos un movimiento de 70 frames a todos los grupos.

PASO 13
Movemos nuestro dibujo en díganla hacia donde señala la flecha para darle movimiento.

PASO 14
Ahora a la cola de la flecha vamos a modificarla con la herramienta transform tool para que siga la ruta de la flecha.

PASO 15
Por ultimo fuera del Movie clip vamos a crear el botón de Play para que corra nuestra animación.

PASO 16
Seleccionamos el botón y vamos a la ventana Script y vamos a agregar el siguiente código Action Script.

on (press) {
dibujo_flecha.gotoAndPlay(2);
}

PASO 17
Listo ya tenemos nuestro tutorial terminado, podemos crear otros monstruos diferentes y darles animación.

Descarga el editable de Animación Maestros del Web

Articulos relacionados:

Tags: maestros del web, Tutoriales Swishmax