Marco animado con Swishmax

Posteado el 02. Oct, 2010 por in Swishmax

Esto es lo que aprenderás hacer con este tutorial en la web

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

Disney Channel Halloween

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

Disney Channel Halloween

PASO 3
Con la herramienta Rectangle tool vamos a crear un rectángulo con un color de relleno negro, que cubra toda nuestra película.

Disney Channel Halloween

PASO 4
A nuestro documento vamos a arrastras 2 imágenes de marcos con rayos en diferentes direcciones; los cuales vamos a colocar una sobre otra.

Disney Channel Halloween

PASO 5
Vamos a la ventana Outline y seleccionamos las imágenes de los dos marcos y las agrupamos en un Movie Clip.

Disney Channel Halloween

PASO 6
Desplegamos nuestro Movie Clip y vamos a la Timeline; seleccionamos el marco 1 y en el Frame 1 vamos a insertar un Fade Out.

Disney Channel Halloween

PASO 7
Nos quedará un Fade Out de 10 frames pero en este caso vamos a arrastrar desde el puntito negro hacia la derecha hasta hacer el movimiento de 13 frames.

Disney Channel Halloween

PASO 8
En el Frame 14 insertamos un Remove.

Disney Channel Halloween

PASO 9
Ahora al marco 2 vamos a insertarle un Fade Out.

Disney Channel Halloween

PASO 10
Deberíamos tener algo parecido a lo que se ve en la imagen.

Disney Channel Halloween

PASO 11
Seleccionamos el Movie Clip donde están metidos los marcos y en la ventana Script vamos a insertar el siguiente código Action Script.

onFrame (15) {
gotoAndPlay(1);
}

Disney Channel Halloween

PASO 12
Contraemos nuestro Movie Clip y ahora arrastramos a nuestro documento la imagen que vamos a destacar con el marco.

Disney Channel Halloween

PASO 13
En la ventan Outline movemos la imagen por debajo del Movie Clip que contiene los marcos.

Disney Channel Halloween

PASO 14
Listo ya tenemos nuestro marco listo.

Disney Channel Halloween

Descarga el swi de Marco animado con Swishmax

Descarga el psd de Marco animado con Swishmax


Tags: ,

Deja tu Comentario

Tutoriales en la web se reserva el derecho de moderación de los comentarios. Evita por favor utilizar palabras soeces, ataques directos e insultos, de lo contrario tu comentario será eliminado.

Hire PHP Developer India
Get Adobe Flash player