Tutoriales en la Web

Doodle 4 Google animado en Swishmax

Posteado el 28. May, 2010 por Webi in Desarrollo Web, Google, Swishmax

PASO 1
Creamos un nuevo documento de Swishmax 3 en blanco.

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

PASO 3
Arrastramos la imagen de nuestro dibujo hacia nuestro documento de Swishmax 3

PASO 4
Con la herramienta Pen Tool vamos a dibujar todos los elementos que conformas nuestro dibujo este es un trabajo algo pesado pero vale la pena tomarse el tiempo para hacerlo.

PASO 5
Una vez terminado con el redibujo obtendremos algo como lo que se ve en la imagen.

PASO 6
En la ventana Outline ordenamos todos nuestros elementos en grupos es decir, los elementos que conforman las plantas en un grupo, los elementos que conforman las letras en otro; esto lo hacemos para que nuestra animación sea mucho más fácil de armar.

PASO 7
Vamos a seleccionar el grupo de la primera planta y vamos a mover el punto central hacia el pie de la planta justamente donde empieza el dibujo.

PASO 8
Ahora vamos a nuestra Timeline y en el frame 1 damos click derecho y vamos a la opción Zoom - Zoom In.

PASO 9
Vamos a darle diferentes animaciones a las demás plantas. Podemos convertir en movie clips cada dibujo para que podamos darle animación individual a cada parte, como se ve en la imagen.

PASO 10
Vamos a la ventana Outline y damos click derechos obre el grupo de la primera G y vamos a Grouping – Group as Movie Clip.

PASO 11
En la ventana Porperties le colocamos el nombre de G a nuestro movie clip y marcamos las opciones Stop playing at end y Use bottom object as mask

PASO 12
Desplegamos nuestro movie clip y dentro de el con la herramienta Rectangle Tool vamos a crear varios rectángulos del mismo color que la letra G en la posición que se muestra.

PASO 13
Seleccionamos el grupo de la letra G y con el comando Ctrl + C copiamos y con el comando Ctrl + Shirt + V pegamos en el mismo lugar, movemos a la parte superior la letra G y le quitamos el color de relleno dejándole únicamente el contorno.

PASO 14
Vamos a la Timeline y agregamos al primer rectángulo un movimiento de 6 frames y con ayuda de la herramienta Transform Tool vamos a alargar el rectángulo como se ve en la imagen.

PASO 15
Agregamos el movimiento de 6 frames a los demás rectángulos hasta cubrir toda la letra G y al grupo de la línea vamos a agregarle un Fade In de 31 frames.

PASO 16
Animamos cada uno de los objetos como creamos que se ven mejor.

PASO 17
Final

Descarga el editable de Doodle 4 Google animado en Swishmax

Articulos relacionados:

Tags: Doodle 4 Google, Google, Tutoriales Swishmax