Cool Tutoriales Efecto Flash!

Resumen

En este tutorial aprenderemos a crear una presentación de diapositivas, que tiene un parpadeo / / / fuzz roto TV de transición entre las imágenes.

Aquí el resultado final:

Requisitos

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

Nota: Las capturas de pantalla en este tutorial se hacen en Flash CS3. Funciona exactamente de la misma en Flash 8 o Flash CS4. Este tutorial es ActionScript 2 (aunque no de ActionScript es necesario).

Paso 1 - Instalar el componente de efecto

Descargue el efecto de TV Fuzz 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.

Paso 2 - Importar imágenes

Todas las imágenes de Importación tres "File" -> "Importar" -> "Importar a la biblioteca ...".

Paso 3 - Convertir imágenes en MovieClip

Crear un movieclip nuevo [Ctrl-F8] o "Insertar" -> "Nuevo símbolo ...", el nombre "Image01" y poner la primera imagen en el primer fotograma de este movieclip. Repita este paso con las otras imágenes, los nombres de los clips de película "image02" y "Image03". BTW, el nombramiento corresponde a usted.

Paso 4 - Crear primera transición

Ahora haga clic en "Escena 1" para volver a la línea de tiempo principal.

Cambie el nombre de la capa ya existente a "img01". Crear más y el nombre de la capa de ellos "img02" y "transition01". Una vez más el nombramiento es sólo para una mejor visión. Usted puede elegir otros nombres, si lo desea.

Arrastre los dos primeros clips de película la imagen de la biblioteca a la capa correspondiente.

Haga clic en el primer fotograma de la capa "transition01". Arrastre el componente Efecto Fuzz de televisión de su biblioteca en el escenario. El componente automáticamente se ajustarán a la esquina superior izquierda de la MovieClip.

Por cada clic en la capa en el fotograma 50 y crear un marco de [F5] o haga clic derecho y "Insertar marco".

Es importante dar la imagen de nombres de instancias de clips de película, de lo contrario el componente de efecto no es capaz de detectarlas. Haga clic en la imagen MovieClip uno por uno y establecer un nombres de instancia, en este caso "Image01" y "image02" (usted puede elegir un nombre diferente si lo desea).

Haga clic en el efecto de TV Fuzz en el escenario y abrir el panel inspector de componentes [presione SHIFT-F7] o "Ventana" -> "Inspector de componentes". 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. Seleccione "Image01" como "Start movieclip" y "image02" como "Fin movieclip".

Exportar la película de destello [pulse Ctrl-Enter] o "comando" -> "Probar película". La transición que va desde la primera imagen de la segunda.

Paso 5 - Agregar segunda transición

Crear tres capas y el nombre de ellos "img03", "img04" y "transition02".

En cada capa, haga clic en el fotograma 51 (un fotograma después de la transición ha terminado el anterior) e inserte un fotogramas clave [pulse F6] o haga clic derecho y "Insertar marco".

Vamos a volver a utilizar la segunda imagen MovieClip, ya que la segunda transición debe comenzar con él. Haga clic en el fotograma clave acaba de crear en la capa "img03" y arrastrar el movieclip "image02" de la biblioteca en el escenario. Haga clic en el fotograma clave acaba de crear en la capa "img04" y arrastrar el movieclip "Image03" de la biblioteca en el escenario.

Ahora configure los nombres de instancia de esta imagen movieclips a "Image03" y "image04".

Es un poco confuso para un conjunto de capas y los nombres de instancia el número uno hasta entonces el nombre del movieclip original. Sin embargo, para una mejor visión de conjunto y para mantener el número de bajas posibles errores, es mejor tratar a los clips de película de la segunda transición, como clips de película completamente nuevos.

Seleccione la capa "transition02" y arrastre el componente de efecto de la biblioteca en el escenario. Una vez más, el componente se ajustará automáticamente.

Haga clic en el componente en el escenario, abra el panel inspector de componentes y seleccione "Image03" como "Start movieclip" y "image04" como "Fin movieclip".

Para la capa de nuevo de tres crear un marco en el fotograma 100 [F5] o haga clic derecho y "Insertar marco".

Al exportar la película Flash ahora, se ve que ambos se muestran de transición antes de la película es podado.

Paso 6 - Agregar una pausa entre las dos transiciones de imágenes

A disponer del tiempo un poco más entre las transiciones de salir de los fotogramas clave de la capa de "img01" y "transition01" sin tocar. Ampliar la duración de la capa "img02" (la imagen que termina con la transición), añadiendo un marco en el marco de 80 [F5] o haga clic derecho y "Insertar marco".

Ahora selecciona todo el bloque de la segunda transición (puede para que haciendo clic en el marco de la 51 "transition01" y con la tecla SHIFT presionada clic en el fotograma 100 de "img04") y mover el bloque hueco para enmarcar 81.

Usted puede hacer lo mismo para la segunda transición.

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 TV Fuzz aquí.

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