Resumen

En este tutorial aprenderás cómo crear una transición entre dos imágenes en las que las imágenes se barajan como cartas de juego en un espacio 3D. Puede controlar la duración de la transición y el tipo de facilidad.

Aquí el resultado final:


Requerimientos

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

Nota: Las capturas de pantalla en este tutorial están hechos en Flash CS3. Funciona exactamente igual en Flash CS4. Este tutorial es un proyecto ActionScript 3 (Este componente está disponible exclusivamente para AS3, así que no habrá versión AS2 en el futuro).

Paso 1 - Instale el efecto de componentes

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

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

Importar imágenes a la etapa

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

Convertir primera imagen para MovieClip

Establece el nombre de la primera imagen MovieClip

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

Convertir segunda imagen para MovieClip

Establece el nombre de la imagen de segundo MovieClip

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

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. Establezca el nombre de instancia para el movieclip segunda imagen a "my_image_02".

Establecer el nombre de instancia primero MovieClip

Establecer el nombre de instancia segundo MovieClip

Paso 4 - Aplicar efecto

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

Arrastre los componentes en MovieClip

Paso 5 - Ajustar los valores del efecto

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 clip de película en "Inicio" lista de selección "my_image_01" debe ser seleccionado.

Compruebe si my_image_01 se establece como inicio MovieClip

Todos Movieclips con nombres de instancia en este marco se enumeran en el movieclip "Inicio" y "Fin MovieClip" lista de selección. Dado que se ha arrastrado el efecto sobre el movieclip "my_image_01", esta es la primera MovieClip. Como "End MovieClip" seleccionar "my_image_02". Dejar los otros ajustes por ahora.

Establecer como my_image_02 Fin MovieClip

Paso 6 - Exportación

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

Resultado

Paso 6 - Jugar!

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

Descargar

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

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

  • Compartir / Guardar