Resumen

En este tutorial aprenderás cómo crear un efecto, donde las partes del MovieClip se están desvaneciendo pulg diferentes partes del MovieClip se aparecen enmascarados y diferente. Además, puede controlar el tamaño de las piezas y la velocidad de la decoloración.

Véase el efecto a continuación:


Requerimientos

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

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

Paso 1 - Instale el efecto de componentes

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

Arrastre los componentes a la biblioteca

Paso 2 - Importar imagen

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

Importación de imágenes

Seleccione esta imagen y convertirla en una] MovieClip [presione F8 o haga clic derecho en el clip de película -> "Convertir en símbolo ...". Dar el movieclip el nombre de "imagen".

Convierte la imagen a MovieClip

Nombre del movieclip

Paso 3 - Coloque la imagen y el efecto de componentes MovieClip en el escenario

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

Cambiar el nombre de la capa existente

Crear nueva capa y el nombre

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 la biblioteca de la imagen en el clip de película en el escenario. El componente se ajustará automáticamente a la esquina superior izquierda del clip de película de la imagen.

Arrastre los componentes en MovieClip

Paso 4 - Ajuste el nivel

Haga clic en el componente y abra el inspector de componentes del panel pulse el botón [SHIFT-F7] o "Window" -> "Inspector de componentes". En el "Target MovieClip" lista de selección "my_image" debe ser seleccionado. Todos Movieclips con nombres de instancia en este marco se enumeran en el "Target MovieClip" lista de selección. Dado que sólo tiene un clip de película, el componente se supone que desea aplicar el efecto sobre el movieclip "my_image". Por ahora deje el valor de esta manera. Exportar la película flash [pulse Ctrl-Enter] o "comando" -> "Test Movie" y verá que aparece la imagen.

Ajustes en el interior del panel del inspector de componentes

Paso 5 - Agregar imagen de fondo

Si usted quiere tener una transición de una imagen a la otra, se necesita poner una imagen en segundo plano. Repita el paso 2 para crear otra imagen MovieClip, crear una nueva capa, el nombre "fondo" y poner el clip de película que acaba de crear allí. Exportar la película flash [pulse Ctrl-Enter] o "comando" -> "Probar película" y lo primero de encontrar la imagen de fondo y luego el clip de película de la imagen se está desvaneciendo pulg

Agregar imagen de fondo

Paso 6 - Configuración de variantes

El parámetro que describe son en su mayoría sí, pero tienen una mirada más cercana a la "Animación modo de" lista de selección. Vea todos los modos de animación aquí . Utilice la configuración de la siguiente captura de pantalla y probar la película.

Resultado

Juega un poco con los ajustes. Encuentra el que se ajuste a sus demandas.

Descargar

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

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

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

  • Compartir / Guardar