Resumen

En este tutorial aprenderemos a crear un efecto, cuando las partes del MovieClip se están desvaneciendo in diferentes partes del MovieClip será enmascarado y aparecen de manera diferente. Además, puede controlar el tamaño de las partes y la velocidad de la decoloración.

Ver el efecto a continuación:


Requisitos

Flash 8, Flash CS3 o Flash CS4.
2 imágenes (en este caso 550 × 400, las imágenes disponibles en el tutorial de archivo zip)

Nota: La captura de pantalla en este tutorial está hecho en Flash CS3. Funciona exactamente de la misma en Flash 8 y Flash CS4. Este tutorial es ActionScript 2 (aunque no de ActionScript es necesario).

Paso 1 - Instalar el componente de efecto

Descargue el efecto de la transición máscara de aquí. Por favor, siga las instrucciones de instalación y arrastre el componente desde el panel de componentes en la biblioteca de su archivo. FLA.

Arrastre los componentes en la biblioteca

Paso 2 - Importación de imágenes

Importar una imagen [Ctrl-R] o "File" -> "Importar" -> "Importar en el escenario ...".

Importar imagen

Seleccione la imagen y convertirla en F8 un [MovieClip prensa] o haga clic derecho sobre el movieclip -> "Convertir en símbolo ...". Dar el movieclip el nombre de "imagen".

Convierte la imagen a MovieClip

El nombre de MovieClip

Paso 3 - Colocar MovieClip imagen y el componente efecto en el escenario

Cambie el nombre de la capa donde la imagen de MovieClip se coloca a la "imagen". Crear una nueva capa, el nombre "efecto" y seleccionar el primer cuadro (el nombramiento de las capas es sólo para mantener las cosas en orden, usted puede salir de la capa de nombres por defecto o elegir otro nombre).

Cambie el nombre de la capa existente

Crear y nombre de la capa nueva

Dar el movieclip el nombre de instancia "my_image" (Usted puede elegir un nombre diferente si lo desea. Asegúrese de que el nombre de la instancia es única). Sin un nombre de instancia, el componente no es capaz de detectar el movieclip.

Establecer el nombre de instancia del movieclip

Seleccione el primer fotograma de la capa de "efecto". Arrastre el efecto de transición máscara de su biblioteca en el movieclip imagen en el escenario. El componente se ajustará automáticamente a la esquina superior izquierda de la imagen de MovieClip.

Arrastre componente en MovieClip

Paso 4 - Ajustar la configuración

Haga clic en el componente y abra el panel inspector de componentes [presione SHIFT-F7] o "Ventana" -> "Inspector de componentes". En la lista de "Objetivo movieclip", seleccione "my_image" debe ser seleccionado. Todos los clips de película con los nombres de instancia en este marco se enumeran en la lista de "Objetivo movieclip" seleccionar. Dado que sólo tiene un MovieClip, el componente se supone que desea aplicar el efecto sobre el my_image "MovieClip". Por el momento abandonar el escenario como este. Exportar la película de destello [pulse Ctrl-Enter] o "comando" -> "Probar película" y verá que aparece la imagen.

Ajustes dentro del panel de inspector de componentes

Paso 5 - Agregar imagen de fondo

Si usted quiere tener una transición de una imagen a la otra, tiene que poner una imagen en el fondo. Repita el paso 2 para crear otra imagen de MovieClip, crear una nueva capa, el nombre "fondo" y poner el clip de película que acaba de crear. Exportar la película de destello [pulse Ctrl-Enter] o "comando" -> "Probar película" y la primera vista es la imagen de fondo y luego la imagen se desvanece MovieClip in

Añadir imagen de fondo

Paso 6 - Configuración de variantes

El parámetro son principalmente muy describir, pero tienen una mirada más cercana a la lista de "Animación Mode" seleccione. Ver todos los modos de animación aquí. Utilice la configuración de la siguiente captura de pantalla y prueba de la película.

Resultados

Juega un poco con los ajustes. Encontrar una parte, que se adapte a sus exigencias.

Descargar

Haga clic aquí para descargar el archivo. Fla de este tutorial. Nota: El archivo. Fla incluye la versión de prueba del componente de efecto, que sólo funcionan en el IDE de Flash (Flash 8, Flash CS3 o Flash CS4), pero no dentro del navegador.

También puede descargar el efecto de la transición máscara de aquí.

Aquí usted puede encontrar un vídeo tutorial de cómo aplicar un efecto diferente.

  • Compartir / Guardar