Tutoriales en la Web

Doodle Google Amelia Earhart - Flash Básico

Posteado el 24. Jul, 2012 por creativo in Flash

Les dejamos un tutorial con una pequeña modificación del doodle de google de hoy. Esperamos les guste !!

Paso 1

Creamos un nuevo documento de Flash (ActionsScript 2.0).

Doodle Google Amelia Earhart paso 1

Paso 2

Seleccionar Importar a biblioteca que se encuentra en la barra superior en Archivos, Importar. Así Podemos importar las fotos que se necesitan a la biblioteca.

Doodle Google Amelia Earhart paso 2

Paso 3

Crear dos capas nuevas en el botón que se encuentra en la parte inferior izquierda y nombrar a las capas para evitar equivocaciones.

Doodle Google Amelia Earhart paso 3

Paso 4

Con click derecho movemos las fotos que aparecen en nuestra biblioteca hacia la capa con el mismo nombre, es decir si le pusimos a el capa que va a tener el fondo “fondo” movemos la foto que importamos que tiene el fondo con click derecho y deslizamos para que aparezca en escena. La Biblioteca se encuentra en la parte superior derecha junta a Propiedades

Doodle Google Amelia Earhart paso-4

Paso 5

Con la herramienta de transformación libre (Q) movemos la imagen hasta que ocupe todo la pantalla blanca. En otra capa colocamos el avión y en otra colocamos la hélice, para que las tres imágenes sean independientes entre todas.  Importante es de colocar las capas según lo queremos que este enfrene y lo que este atrás, es decir el fondo va en e fondo luego viene la hélice y enfrente esta el avión.

Doodle Google Amelia Earhart paso-5

Paso 6

Sobre la hélice, hace click izquierdo y seleccionar la opción que dice “Convertir en símbolo…”.

Doodle Google Amelia Earhart paso-6

Paso 7

Aparecerá una pequeña pantalla, en donde hay que cambiar ciertas cosas. La primera es asegurar que el tipo: sea un clip de película, segundo es renombrar el símbolo y tercero, el donde dice Registro tiene que estar seleccionado (es decir en negro) el cuadrito del centro. Luego presionar aceptar.

Doodle Google Amelia Earhart paso-7

Paso 8

Muy importante que lo siguientes pasos serán realizados dentro del símbolo “hélice”, para estar seguro de esto hacer doble click sobre la hélice asegurar que uno este dentro de el símbolo y no en la escena como se ve en la foto.

Doodle Google Amelia Earhart paso-8

Paso 9

Hay que asegurarnos que la hélice esta colocada en la posición correcta antes de iniciar a moverla, eso se deja a criterio de cada uno, cuando esta lista la posición inicial de la hélice, en la línea de tiempo teniendo seleccionado el fotograma 5, presionar F6 para copiar el fotograma, esto crea una copia exacta de la información que teníamos al inicio y en medio creo una espacio gris, seleccionar ese espacio y con click izquierdo presionar la opción de Interpolación Clásica. Esto creara una flecha entre la posición inicial y la copia.

Doodle Google Amelia Earhart paso-9

Paso 10

Ahora teniendo seleccionado el fotograma 5, y la herramienta de transformación libre, girar 90 grados la hélice y reducirle de tamaño.

Doodle Google Amelia Earhart paso-10

Paso 11

Con la herramienta de selección, mover la hélice que aparente que esta girando sobre un eje.

Doodle Google Amelia Earhart paso-11

Paso 12

Repetir estos los pasos 9, 10 y 11 hasta que la hélice de una vuelta completa y haya regresado a su posición inicial.  Ahora nos hacer click en “ESCENA 1” que se encuentra en la parte superior derecha junto al símbolo de “hélice” como se ve en la foto del paso 8 y ahora con la herramienta de selección seleccionar tanto la hélice como el avión juntos y moverlos fuera del fondo.

Doodle Google Amelia Earhart paso-12

Paso 13

Después en la línea del tiempo copiar con F6 en el fotograma 100 todas las capas y crear en la capa del avión y la hélice la interpolación clásica.

Doodle Google Amelia Earhart paso-13

Paso 14

Sobre el fotograma 100, seleccionar el avión y la hélice con la herramienta de selección y mover ambos hacia el otro lado de la pantalla.

Doodle Google Amelia Earhart paso-14

Listo ya tenemos nuestro efecto terminado.

Descarga el editable de Doodle Google Amelia Earhart

Tags: Flash, Tutoriales Flash