Doodle Google Houdini

Posteado el 26. Mar, 2011 por in Swishmax

Les dejamos esta animación que hicimos conmemorando el Doodle que puso Google de Houdini

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 colocamos los valores que se ven en la imagen.

PASO 3
Ahora arrastramos a nuestro documento la imagen del Doodle de Google de Houdini, si se dan cuenta en photoshop ocultamos la imagen y solo dejamos el fondo con las letras.

PASO 4
Arrastramos también la imagen de Houdini en formato png y la colocamos sobre nuestro fondo.

PASO 5
Con ayuda de la herramienta Rectangle Tool vamos a dibujar una Varita de Mago como la que se ve en la imagen.

PASO 6
Agrupamos la imagen del fondo en un Movie Clip.

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

PASO 8
Dentro del Movie clip vamos a dibujar unos círculos que cubran todo el fondo.

PASO 9
Seleccionamos todos los círculos y los agrupamos en un nuevo Movie Clip.

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

PASO 11
Desplegamos el Movie clip y a primer círculo le agregamos un Fade In de 3 frames.

PASO 12
Seguimos agregando Fade In a todos los Círculos como se ve en la imagen.

PASO 13
En la ventana Outline movemos el movie clip mascara debajo de la imagen del fondo.

PASO 14
Ahora agrupamos la imagen de Houdini en un Movie Clip y repetimos el mismo proceso que con el fondo.

PASO 15
Seleccionamos las formas de la varita de mago y las agrupamos en un grupo.

PASO 16
Con la herramienta Transform Tool vamos a girar la varia como se ve en la imagen.

PASO 17
Ahora en la timeline al grupo de la varita le agregamos un movimiento de 18 frames y movemos la varita hacia el lado derecho.

PASO 18
Agregamos un nuevo movimiento de 21 frames y movemos la varita hacia el lado izquierdo.

PASO 19
Por ultimo agregamos un movimiento de 16 frames y movemos hacia la derecha la varita para completar el movimiento.

PASO 20
Creamos un Movie clip con un brillo y le colocamos el mismo movimiento que el de la varita.

PASO 21
Acoplamos las máscaras que creamos anteriormente para que aparezcan justo cuando la varita pasa sobre ellas.

PASO 22
Listo ya tenemos nuestro tutorial terminado.

Descarga el editable de Doogle Google Houdini


Tags: ,

Una respuesta para “Doodle Google Houdini”

  1. Bitacoras.com

    26. Mar, 2011

    Información Bitacoras.com…

    Valora en Bitacoras.com: Les dejamos esta animación que hicimos conmemorando el Doodle que puso Google de Houdini PASO 1 Creamos un nuevo documento de Swishmax en Blanco (Blank Movie). PASO 2 Vamos a la ventana Properties – Botón Movie Properties……

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