Resumen

En este tutorial aprenderemos a crear una transición entre dos imágenes donde las imágenes se barajan como jugando a las cartas en un espacio 3D. Puede controlar la duración de la transición y el tipo de la facilidad.

Aquí el resultado final:


Requisitos

Flash CS3 o Flash CS4.
Dos imágenes (en este caso, 550 × 400, la imagen disponible en el archivo zip tutorial)

Nota: Las capturas de pantalla en este tutorial se hacen en Flash CS3. Funciona exactamente de la misma en Flash CS4. Este tutorial es un proyecto de ActionScript 3 (Este componente está disponible exclusivamente para AS3, por lo que no habrá una versión AS2 en el futuro).

Paso 1 - Instalar el componente de efecto

Compre el efecto de la transición Shuffle. 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 - Importar imágenes de diapositivas

Importación de imágenes de dos [pulse Ctrl-R] o "File" -> "Importar" -> "Importar a escenario ...".

Importación de imágenes a la etapa

Seleccione la primera 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 "image1".

Convierte la imagen a la primera MovieClip

Nombre del grupo de la primera imagen de MovieClip

Seleccione la segunda 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 "imagen2".

Convierte la imagen a la segunda MovieClip

Nombre del grupo de la segunda imagen MovieClip

Paso 3 - Establecer nombre de la instancia de la imagen de MovieClip

Dar el movieclip de la primera imagen el nombre de instancia "my_image_01" (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 segunda imagen de "my_image_02".

Nombre de la instancia grupo de MovieClip primero

Nombre de la instancia grupo de MovieClip segundo

Paso 4 - Aplicar efecto

Arrastre el componente de la biblioteca en el movieclip superior. El componente de efecto se ajustarán automáticamente.

Arrastre componente en MovieClip

Paso 5 - Ajustar la configuración de los efectos

Haga clic en el componente y abra el panel inspector de componentes [presione SHIFT-F7] o "Ventana" -> "Inspector de componentes". En la "lista de inicio movieclip", seleccione "my_image_01" debe ser seleccionado.

Compruebe si my_image_01 se establece como inicio MovieClip

Todos los clips de película con los nombres de instancia en este marco se enumeran en el "Start movieclip" y "Lista Final movieclip" seleccionar. Desde que ha arrastrado el efecto sobre el movieclip "my_image_01", esta es la primera MovieClip. Como "Fin movieclip", seleccione "my_image_02". Dejar los otros ajustes por ahora.

Set my_image_02 como el fin MovieClip

Paso 6 - Exportación

Exportar la película de destello [pulse Ctrl-Enter] o "comando" -> "Probar película" y verá la transición de la imagen.

Resultados

Paso 6 - Play!

Ahora usted puede jugar con los parámetros para personalizar usted efecto. También puede usar este efecto con ActionScript. Encuentre la documentación completa aquí.

Descargar

Haga clic aquí para descargar el archivo. Fla de este tutorial. Nota: El archivo. Fla no incluye el componente de efecto. Con el fin de hacer que el fla, usted necesita comprar el Efecto Shuffle Azulejos aquí.

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

  • Compartir / Guardar