Tutoriales en la Web

E-card mundialista

Posteado el 17. Jun, 2010 por Webi in Swishmax

Esto es lo que haremos el dia de hoy

PASO 1

Crear un nuevo documento de Swishmax en Blanco (Blanck Movie)

PASO 2

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

PASO 3

Vamos a empezar creando el fondo de nuestra tarjeta, con la herramienta Rectangle Tool vamos a dibujar un rectángulo en la parte superior con un gradiente de azules oscuro (#5BC1D8) a claro (#EAF6FF).

PASO 4

Con la herramienta Pen Tool vamos a dibujar la forma del campo de futbol y le colocamos un color de relleno verde (#A8D613)

PASO 5

Siempre con la herramienta Pen Tool vamos a agregar algunos detalles como líneas horizontales al campo de un color verde mas oscuro (#8BCA19)

PASO 6

Terminamos agregando los detalles del campo como lo son las líneas que marcan las áreas para jugar.

PASO 7

Vamos a la ventana Outline y seleccionamos todas las formas y damos click derecho sobre ellas y vamos a la opción Grouping – Group as Group.

PASO 8

Vamos a pasar el redibujo de la mascota del mundial hacia nuestro documento, este redibujo lo hice con anterioridad.

PASO 9

Vamos seleccionar el grupo de la mascota y del fondo las vamos a agrandar los dos juntos de manera que la cabeza de la mascota sea del tamaño de nuestro documento.

PASO 10

Desplegamos el grupo del dibujo de la mascota del mundial y en la ventana Outline vamos a seleccionar todas las formas que conforman los ojos incluyendo las cejas y con el comando Ctrl + G las agrupamos en un grupo.

PASO 11

En la ventana outline damos click derecho sobre el grupo de los ojos y vamos a la opción Grouping – Group as Movie Clip

PASO 12

Vamos a desplegar el movie clip y seleccionamos el grupo de ojos y con el comando Ctrl + C para copiar y Ctrl + Shift + V pegar en el mismo lugar duplicamos los ojos.

PASO 13

Ocultamos el primer grupo de ojos y vamos a modificar el segundo haciendo que los ojos se vean enojados como se ve en la imagen.

PASO 14

Modificamos el segundo grupo de ojos para que parezca que cierra los ojos.

PASO 15

Ahora vamos a darles animación; vamos a nuestra Timeline y vamos a agregarle al grupo de ojos cerrados un movimiento de 4 frames.

PASO 16

En el frame 5 damos click derecho y vamos a la opción Remove

PASO 17

Ahora vamos a agregarle al grupo de los ojos abiertos un movimiento de 50 frames a partir del frame 5.

PASO 18

Contraemos todos los grupos hasta dejar solo los grupo de la mascota y del fondo y vamos a seleccionarlos y damos click derecho sobre ellos y vamos a la opción Groupin – Group as Movie Clip.

PASO 19

Desplegamos el movie clip y seleccionamos los dos grupos y les agregamos un movimiento de 120 frames.

PASO 20

Ahora con la ayuda de la herramienta Transform Tool vamos a transformar nuestro fondo y nuestra mascota al tamaño original que teníamos al principio.

PASO 21

Ahora con la herramienta Text Tool vamos a agregar el texto de nuestra tarjeta a este le podemos colocar el efecto que queramos.

PASO 22

Por ultimo podemos insertar un sonido para que le de un mejor efecto a nuestra tarjeta.

PASO 23

FINAL

Descarga la cancion de Shakira

Descarga el editable de la e-card mundialista

Aqui les dejamos la respuesta al comentario de como insertar el boton de otra vez esperamos les sirva

PASO 1

Una vez que insertamos nuestro sonido vamos a crear nuestro botón de repetición con la herramienta Autoshape Tool vamos a crear una forma como la que se ve en la imagen.

PASO 2

Con la herramienta Text Tool vamos a escribir el texto Otra Vez con el tipo de letra Arial.

PASO 3

Vamos a la ventana Outline y seleccionamos los elementos que conforman nuestro botón y damos click derecho y vamos a la opción Grouping – Group as Button.

PASO 4

Movemos nuestro botón a la parte inferior derecha fuera de nuestro documento, en este caso utilice las líneas guías para marcar la esquina.

PASO 5

Vamos a nuestra timeline y en el frame 370 vamos a agregarle un Fade In.

PASO 6

Ahora movemos nuestro botón hacia arriba para que pueda verse dentro de la película.

PASO 7

Nuevamente en la Timeline al Movie clip que contien todo vamos a darle click derecho en el frame 382 que es donde se termina mi sonido, vamos a la opción Movie control – Stop.

PASO 8

Seleccionamos nuevamente nuestro botón y vamos a la ventana Script y agregamos el siguiente código.

Code block

on (press) {
 
gotoAndPlay(1);
 
}

LISTO ya tenemos nuestro botón terminado.

Esperamos esto resuelva las dudas. 

Articulos relacionados:

Tags: ecard, Tutoriales Swishmax