Efecto Diafragma en Flash

Hola estudiosos del Mundo flash, ya estoy de vuelta con otro tutorial de Macromedia Flash MX 2004. Este tutorial trata sobre una simple animación de una mascara y también se mostraran los pasos a seguir para copiar y pegar fotogramas, copiar y pegar fotogramas resulta de mucha ayuda ya que esto suprime los pasos de hacer nuevamente formas. ¿Comenzamos?.

Hacer un documento de dimensiones 250*250 píxeles de ancho y alto respectivamente,
y de color de fondo (#FFFFFF).

La animación a realizar puede hacerse directamente en la escena, sin embargo, en esta ocasión la animación será insertada en un símbolo el cual tendrá por nombre animacion y de comportamiento Clip de película. Presionar ctrl. + F8 para crear el símbolo.

Importar tres imágenes a la biblioteca, el siguiente pasó muestra la ruta para importar imágenes a la biblioteca, esta es la forma más conveniente para después trabajar con ellas en el símbolo.

Una vez importadas las imágenes, arrastrar la primer imagen en este caso es auto_01 y colocarla en coordenadas X=0.0 y Y=0.0. Las imágenes a importar deberán de tener las mismas dimensiones que el documento o sea 350*250 píxeles.

Insertar un fotograma clave vacío (F7) en el frame # 21, y en este fotograma arrastrar la imagen dos (auto_02), colocar la imagen en coordenadas X=0.0 y Y=0.0.

Insertar un fotograma clave vacío (F7) en el frame # 41, y colocar en este la imagen tres (auto_03) colocar también en coordenadas X=0.0 y Y=0.0.

Y por último para terminar con el trabajo de las imágenes, colocar el cursor sobre el frame # 60 e insertar un fotograma (F5).

Ahora dar paso a crear la animación de la mascara. Primero insertar una capa dos y ocultar la capa 1 esto con el fin de trabajar más cómodamente posible, en esta capa 2 con ayuda de la herramienta óvalo dibujar un circulo de dimensiones 1.0*1.0 píxeles colocar esta forma en coordenadas X=175.0 y Y=125.0. Para seleccionar esta forma tal vez sea necesario aumentar el área de trabajo (zoom 2000%).

Insertar un fotograma clave vacío (F7) en el frame # 10, y en este fotograma dibujar un circulo de dimensiones 430.0*430.0 píxeles y colocarlo en coordenadas X=-38.0 y Y=-85.0

Para no volver a dibujar el circulo pequeño, simplemente seleccionar el primer fotograma y hacer clic sobre el botón derecho del ratón y seleccionar la opción Copiar fotogramas.

En el siguiente paso seleccionar el frame # 20 y sobre este hacer clic con el botón derecho del ratón y seleccionar la opción Pegar fotogramas.

En este paso seleccionar del fotograma # 10 al fotograma # 20, y repitiendo la operación anterior Copiar fotogramas, con esto copiamos tanto el circulo pequeño como el circulo grande. Si tienen problemas en estos pasos (llamar al 911) tal vez ellos puedan ayudarlos jajajajajaja.

Seleccionar el frame # 30 y en este pegar los fotogramas.

Ahora seleccionar el frame # 50 y sobre este nuevamente pegar los fotogramas.

Y por ultimo para terminar con tanta copiadera y pagadera, si por alguna razón se insertaron fotogramas de más solamente hay que seleccionarlos y presionar (shift + F5), para suprimirlos.

Ha llegado el momento de hacer la animación de los circulitos famosos. Seleccionar el fotograma # 1 al fotograma # 50 (o simplemente hacer clic en la Capa 2), y luego en el panel de Propiedades seleccionar Animar Forma.

Seleccionar la Capa 2 y dar clic con el botón derecho del ratón y seleccionar la opción Máscara.

Como este trabajo se realizo en un símbolo clip de película, es necesario regresar a la escena y en esta arrastrar desde la biblioteca el símbolo animacion, y colocar el símbolo en coordenadas X=175.0 y Y=125.0. Con esto seda por concluido el tutorial.

P.D. Presionar ctrl. + enter para visualizar la película, espero que disfruten la animación. Se hace una atenta invitación para que publiquen sus tutórales en este espacio. Hasta muy pronto.

Descarga el archivo fla de este tutorial.