Doodle Google – John Lennon

Posteado el 10. Oct, 2010 por in Swishmax

Nos dimos a la tarea de averiguar como quedaría el Doodle que hizo Google de John Lennon pero estilo Swishmax y este fue el resultado :)

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

Google – John Lennon

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

Google – John Lennon

PASO 3
Ahora en nuestro documento vamos a dibujar una planta diente de león como se ve en la imagen.

Google – John Lennon

PASO 4
Duplicamos la forma de la planta y la inclinamos un poco hacia la derecha.

Google – John Lennon

PASO 5
Ahora a la primera planta le vamos a colocar un movimiento de 7 frames como se ve en la imagen.

Google – John Lennon

PASO 6
Al final del movimiento le colocamos un remove.

Google – John Lennon

PASO 7
Con la segunda planta hacemos lo mismo que con la primera solo que empezamos el movimiento justo por encima del remove.

Google – John Lennon

PASO 8
Agregamos 3 movimientos más a la planta inferior y 2 a la superior para que nos quede como en la imagen.

Google – John Lennon

PASO 9
Duplicamos la capa de la planta y la inclinamos un poco más al costado derecho y le agregamos un movimiento de 7 frames empezando desde el frame 50.

Google – John Lennon

PASO 10
Justo después del movimiento vamos a agregarle un Fade Out.

Google – John Lennon

PASO 11
Movemos el dibujo de la planta hacia la parte inferior izquierda de nuestra película.

Google – John Lennon

PASO 12
Ahora vamos a dibujar algunos pétalos de la flor que se desprenden

Google – John Lennon

PASO 13
Justo por encima del Fade Out a uno de los pétalos le vamos a dar un movimiento de 10 frames y lo movemos hacia delante.

Google – John Lennon

PASO 14
Le agregamos más movimientos para que parezca que el pétalo se mueve por el aire, finalizamos el movimiento en la parte inferior de nuestra película.

Google – John Lennon

PASO 15
Hacemos lo mismo con los demás pétalos.

Google – John Lennon

PASO 16
Al final del movimiento de las plantas les agregamos un Remove como se ve en la imagen.

Google – John Lennon

PASO 17
Justo por debajo de las plantas dibujaos una pequeña línea como se ve en la imagen.

Google – John Lennon

PASO 18
En el frame 108 le agregamos un place para que aparezca justo cuando los pétalos desaparecen.

Google – John Lennon

PASO 19
Justo después del Place le agregamos un Remove.

Google – John Lennon

PASO 20
Ahora vamos a colocar el dibujo de unas montañas con árboles y hojas que hicimos con anterioridad justo por debajo de la pequeña línea que dibujamos.

Google – John Lennon

PASO 21
En la ventana Outline agrupamos la forma en un Movie clip.

Google – John Lennon

PASO 22
En la ventana Properties le colocamos el nombre de montaña y marcamos la opción Stop playing at end y Use bottom object as mask.

Google – John Lennon

PASO 23
Dibujamos círculos que cubran toda nuestra forma.

Google – John Lennon

PASO 24
A los círculos les agregamos un movimiento de 2 frames para obtener un efecto como que la montaña se dibuja.

Google – John Lennon

PASO 25
Contraemos el movie clip y en nuestra timeline le agregamos un movimiento de 45 frames justo por encima del remove, luego movemos la montaña un poco hacia arriba.

Google – John Lennon

PASO 26
Ahora le agregamos un Fade Out de 15 frames y movemos la montaña un poco hacia abajo.

Google – John Lennon

PASO 27
Ahora dibujamos algunas hojas.

Google – John Lennon

PASO 28
Como hicimos con los pétalos les vamos a agregar movimientos variados.

Google – John Lennon

PASO 29
Vamos a agregar la g de google con todos los detalles y formas que tienen como se ve en la imagen.

Google – John Lennon

PASO 30
Ahora le agregamos un Fade In antes que el movimiento de las hojas acabe.

Google – John Lennon

PASO 31
Ahora le agregamos un movimiento de 28 frames y lo hacemos más grande.

Google – John Lennon

PASO 32
Por ultimo le agregamos un movimiento de 20 frames y lo hacemos mucho más pequeño.

Google – John Lennon

PASO 33
Vamos a seguir la misma línea de animación para otros elementos que agreguemos.

Google – John Lennon

PASO 34
Al final de todos lo que realizo puede llegar a obtener una animación como la que yo tengo aquí.

Google – John Lennon

Descarga el editable Google John Lennon


Tags: , ,

5 Respuestas para “Doodle Google – John Lennon”

  1. Gaston

    11. Oct, 2010

    exelente tutorial, un ejemplo bien realizado de como pasar de una animacion a otra (transiciones), trabajandolo mas se puede crear efectos verdaderamente metamorficos y que quedan exelente especiales para intros, (claro que el tutorial se haria mas largo y tedioso seguirlo) pero refleja de manera concreta la idea…

    Con la idea de base de este tutorial se crean casi todas las animaciones, banners, intros, etc de las webs o publicidades…(y hasta se podrian hacer dinamicas :) )

    Reitero muy buen tutorial.

    Saludos

  2. ciberlaxe

    24. Oct, 2010

    podias explicar como habeis editado las imagens de google tanto esta como la de los picapiedras para poder realizar el trabajo, por favor

  3. Gaston

    24. Oct, 2010

    hola ciberlaxe…las imagenes las tienes que vectorizar con ilustrator, photoshop o corel draw..con cualquiera de esos programas las vectorizas y luego las exportas para poderlas trabajar en swishmax…

    En la seccion de swishmax de esta web explican como vectorizar una imagen y exportarla para swish…

    saludos

  4. creativo

    25. Oct, 2010

    Ciberlaxe aquí te dejo el link para que veas el tutorial de como vectorizamos las imágenes y las pasamos a Swishmax.

    http://www.tutorialesenlaweb.com/swishmax/exportando-de-illustrator-a-swishmax/

    Saludos ;)

  5. ciberlaxe

    26. Oct, 2010

    hola gracias a los 2 por contestar, eso que me decis ya lo habia visto, pero no explica como se vectoriza si no como exportar de ilustrator a swish, yo la verdad no se que es una imagen vectorizada ni para que sirve o como funciona,
    saludos y feliz dia a los 2

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