Doodle Google John James

Posteado el 05. May, 2011 por in Swishmax

Aquí les dejamos el Doodle que dedico Google a John James Audubon

 

 

PASO 1

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

 

Doodle Google John James

 

PASO 2

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

 

Doodle Google John James

 

PASO 3

A nuestro documento arrastramos la imagen blanco y negro del doodle de Google en conmemoración al 226 aniversario de nacimiento de John James Audubon.

 

Doodle Google John James

 

PASO 4

Arrastramos ahora la imagen en color del mismo doodle y la colocamos sobre la imagen blanco y negro.

 

Doodle Google John James

 

PASO 5

En la ventana Outline seleccionamos las dos imágenes y las agrupamos en un Botón.

 

Doodle Google John James

 

PASO 6

Ahora vamos a la ventana Properties y le colocamos al botón el nombre de doodle y marcamos las opcións Has separate over state y Use bounding box for hit-state.

 

Doodle Google John James

 

PASO 7

Desplegamos nuestro Botón y en el grupo Up/Down/Hit State vamos a eliminar la imagen de color.

 

Doodle Google John James

 

PASO 8

Ahora en el grupo Over State vamos a agrupar en un Movie Clip la imagen de color.

 

Doodle Google John James

 

PASO 9

En la ventana propertier le colocamos a nuetro Movie Clip el nombre de color y marcamos la opción Use bottom object as mask.

 

Doodle Google John James

 

PASO 10

Desplegamos nuestro Movie Clip y ahora con la herramienta Elipse Tool creamos varios círculos de modo que cubran la imagen por completo.

 

Doodle Google John James

 

PASO 11

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

 

Doodle Google John James

 

PASO 12

Al Movie Clip le colocamos el nombre de mascara y marcamos la opción Stop playing at end.

 

Doodle Google John James

 

PASO 13

Desplegamos el Movie Clip y vamos a la Timeline y al primer círculo le agregamos un Fade In de 2 frames.

 

Doodle Google John James

 

PASO 14

Vamos a agregarle el mismo movimiento a los otros círculos solo que en este caso vamos a hacer que aparezca desde las orillas hacia el centro.

 

Doodle Google John James

 

PASO 15

Contraemos nuestro Movie Clip y lo movemos por debajo de nuestra imagen.

 

Doodle Google John James

 

PASO 16

Listo ya tenemos nuestro botón con el efecto terminado.

 

La acción se lleva a cabo cuando colocamos el puntero sobre la imagen, verán como cambia de blanco y negro a color.

 

Doodle Google John James

 

 


Tags: , ,

Una respuesta para “Doodle Google John James”

  1. Bitacoras.com

    05. May, 2011

    Información Bitacoras.com…

    Valora en Bitacoras.com: Aquí les dejamos el Doodle que dedico Google a John James Audubon     PASO 1 Creamos un nuevo documento de Swishmax en blanco (Blank Movie).     PASO 2 Vamos a la ventana Properties – Botón Movie Propeties y en la ven……

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