Resumen

En este tutorial aprenderás cómo crear un bamboleo, donde una imagen se desvanece a otro con un genio como / coleteo / bamboleo / transición se agitan. Puede establecer la duración de la transición (en marcos) y la amplitud, lo que representa la fuerza de la distorsión de la imagen. Para completar el tutorial no necesita una línea de ActionScript.

Aquí el resultado final:


Requerimientos

Flash 8, 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 lo mismo con Flash 8 y Flash CS4. Este tutorial es un proyecto de ActionScript 2 (el componente está también disponible como versión AS3).

Paso 1 - Instale el efecto de componentes

Descargue el efecto oscilante . 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 imagen de las primeras y convertirlo en un] 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 del componente es incapaz de detectar el movieclip. Establezca el nombre de instancia para el movieclip segunda imagen a "my_image_02".

Establecer el nombre de instancia MovieClip primera imagen

Establecer el nombre de instancia segunda imagen 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.

Objetivo Movieclips en inspector de componentes

Todos Movieclips con nombres de instancia en este marco se enumeran en el "Target MovieClip" lista de selección. Puesto que usted draged el efecto sobre el movieclip "my_image_01", este es el MovieClip Frist. Como "End MovieClip" seleccionar "my_image_01". Deje la configuración en blanco el resto por ahora. Exportar la película flash [pulse Ctrl-Enter] o "comando" -> "Probar película" y verás que la transición de la imagen.

Resultado

Paso 6 - Jugar!

Juega un poco con los otros parámetros dentro del inspector de componentes. La documentación de los ajustes se pueden encontrar aquí . También puede utilizar este efecto con ActionScript.

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.

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

  • Compartir / Guardar