Animando a Los Picapiedra

Posteado el 01. Oct, 2010 por in Swishmax

Para celebrar otro aniversario mas de Los Picapiedra aqui les dejamos como hacer una animación de lo que publicara Google en su buscador

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

Los Picapiedra

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

Los Picapiedra

PASO 3
Arrastramos a nuestro documento las imágenes que vamos a utilizar para la animación.

Los Picapiedra

PASO 4
Seleccionamos la imagen del carrito de los picapiedra y la agrupamos en un Movie Clip.

Los Picapiedra

PASO 5
Desplegamos nuestro movie Clip y con la herramienta Pen tool vamos a dibujar varias líneas por el frente de la rueda de los picapiedra.

Los Picapiedra

PASO 6
En la ventana Outline seleccionamos todas las líneas y las agrupamos en un Shape.

Los Picapiedra

PASO 7
Nos aparecerá una ventana con un mensaje al cual le vamos a dar clic en No.

Los Picapiedra

PASO 8
Ahora vamos a proceder a agrupar la forma en un Movie Clip.

Los Picapiedra

PASO 9
En la ventana Properties le colocamos el nombre de mascara y marcamos la opción Use bottom object as mask.

Los Picapiedra

PASO 10
Desplegamos el movie clip mascara y dentro de el vamos a crear un rectángulo con un color de relleno negro.

Los Picapiedra

PASO 11
Vamos a nuestra Timeline y al rectángulo le agregamos un movimiento de 8 frames y movemos el rectángulo hacia abajo como se ve en la imagen.

Los Picapiedra

PASO 12
Repetimos el mismo proceso para la rueda trasera.

Los Picapiedra

PASO 13
Movemos el movie clip de los picapiedras al comienzo del camino.

Los Picapiedra

PASO 14
Con la herramienta Pen Tool vamos dibujar el contorno de las piedras hacia adentro tal como se ve en la imagen, esto nos servirán para hacer una máscara y dar el efecto que el auto pasa tras las piedras.

Los Picapiedra

PASO 15
En la ventan Outline seleccionamos el movie clip del automóvil y la forma que dibujamos y las agrupamos en un movie clip.

Los Picapiedra

PASO 16
En la ventana Properties le colocamos el nombre de mascara y marcamos la opción Use bottom object as mask.

Los Picapiedra

PASO 17
Desplegamos el movie clip y movemos la forma hacia abajo.

Los Picapiedra

PASO 18
Ahora vamos a nuestra timeline y al movie clip del carrito le agregamos un movimiento de 27 frames y movemos el carrito hacia dentro de nuestro fondo.

Los Picapiedra

PASO 19
Agregamos un movimiento de 35 frames más y movemos el carrito fuera de nuestro fondo.

Los Picapiedra

PASO 20
Listo ya tenemos nuestro efecto terminado, si gustan pueden agregar más detalles.

Los Picapiedra


Tags: ,

3 Respuestas para “Animando a Los Picapiedra”

  1. ciberlaxe

    03. Oct, 2010

    hola perdona pero no veo las images para descargar y hacer el tuto las podias poner por favor
    saludos y feliz dia

  2. Jorge

    15. Oct, 2010

    Hola como estan necesito ayuda con una animacion en SWISH quisiera hacer esto, que cuando den clik sobre un objeto me aparesca arriba la fotito como en esta pagina http://www.emisorasweb.com/ espero puedan ayudarme mi correo es jorge.nb@hotmail.com

  3. creativo

    19. Oct, 2010

    Jorge vamos a trabajar en un tutorial donde muestre como hacer este efecto, que es muy llamativo y a la vez muy sencillo de hacer.

    Saludos ;)

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