Tutoriales en la web

Animacion Ipad 2

Posteado el 24. Feb, 2011 por tuto in Swishmax

Aprovechando el proximo lanzamiento del IPad 2 aqui les dejamos este tutorial web.
Esto es lo que aprenderás a hacer después de leer este tutorial 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 le colocamos los valores que se ven en la imagen.

PASO 3
Vamos a dibujar la forma del puntero de una mano como se ve en la imagen, con ayuda de la herramienta Rectangle Tool.

PASO 4
En la ventana Outline seleccionamos todas las formas del puntero y presionamos el comando Ctrl + G para agruparlos en un grupo.

PASO 5
Con la herramienta Transform Tool vamos a girar nuestro puntero y vamos a hacerlo un poco más pequeño.

PASO 6
A nuestro documento arrastramos la imagen de la Nueva IPAD 2 y la colocamos debajo del puntero.

PASO 7
Con la herramienta Elipse Tool creamos un círculo debajo de la imagen que cubra casi toda nuestra película.

PASO 8
En la ventana Outline seleccionamos la forma del círculo y la agrupamos en un Movie Clip.

PASO 9
Vamos a la ventana Properties y le colocamos el nombre de mascara y marcamos la opción Stop playing at end.

PASO 10
Desplegamos nuestro Movie Clip y vamos a la ventana Timeline y a la forma del círculo le agregamos un Zom In en el frame1.

PASO 11
Contraemos el Movie Clip y seleccionamos la imagen y el Movi Clip mascara y los agrupamos en un nuevo Movie Clip.

PASO 12
En la ventana Properties le colocamos el nombre de imagen_1 y marcamos las opciones “Stop playing at end” y “Use bottom object as mask”.

PASO 13
Ahora movemos nuestro puntero fuera de nuestra película al lado inferior derecho y vamos a la ventana Timeline y al grupo del puntero le agregamos un Moviento de 16 frames y movemos el puntero al centro de nuestra imagen.

PASO 14
Agregamos un nuevo movimiento de 5 frames y no movemos el puntero lo dejamos en la misma posición.

PASO 15
Ahora agregamos un movimiento de 1 frame y vamos a la ventana Transform y en la opcion _xscale y _yxcale colocamos un valor de 55%, ojo mi valor original era de 58% así que reduje en un 3% la escala.

PASO 16
Agregamos un nuevo movimiento de 1 frame y movemos los valores de la escala a los valores originales.

PASO 17
Lo que hasta el momento hemos logrado es que el puntero entre a nuestra película y de un clic, ahora agregamos un movimiento de 17 frames y movemos el puntero hacia la esquina inferior derecha pero que no salga todo el puntero.

PASO 18
Ahora al Movie Clip imagen_1 vamos a agregarle un movimiento de 1 frame en el frame 22.

PASO 19
Le agregamos un movimiento de 49 frames, hasta el momento hemos logrado que el puntero entre y de clic y en ese instante la mascara se activa dejando a la visa la imagen de la nueva IPAD 2.

PASO 20
Al puntero le agregamos un movimiento de 10 frames y lo dejamos en la misma posición.

PASO 21
Agregamos un movimiento de 20 frames y movemos el puntero hacia la parte superior como se ve en la imagen.

PASO 22
Ahora vamos a agregar un movimiento de 1 frame al puntero y vamos a la ventana Transform y modificamos la escala nuevamente con un calor de 55%.

PASO 23
Agregamos un movimiento de 5 frames y movemos el puntero hacia la izquierda.

PASO 24
Vamos a agregar un movimiento de 1 frame y en la ventana Transform modificamos la escala de nuestro puntero a la escala original en este caso es 58% pero con ustedes puede variar.

PASO 25
Por ultimo agregamos un movimiento de 10 frames y movemos a nuestro puntero hacia abajo.

PASO 26
Al Movie Clip imagen_1 vamos a agregarle un movimiento de 16 frames y lo movemos hacia la izquierda fuera de nuestra película.

PASO 27
Podemos agregar más imágenes siguiendo los pasos anteriores para lograr una transición muy buena.

PASO 28
Listo ya tenemos nuestro efecto terminado.

Descarga el editable Animación IPAD 2