Enfriar Efecto Tutoriales Flash!

Resumen

En este tutorial aprenderás cómo crear una presentación de diapositivas, que tiene un parpadeo / fuzz / transición a la televisión rota entre las imágenes.

Aquí el resultado final:

Requerimientos

Flash 8, Flash CS3 o Flash CS4.
3 imágenes (en este caso 550 × 400, las imágenes disponibles 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 8 o Flash CS4. Este tutorial es ActionScript 2 (aunque no se requiere de ActionScript).

Paso 1 - Instale el efecto de componentes

Descargue el Pelusa Efecto de televisión 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.

Paso 2 - Importación de imágenes

Importar las tres imágenes "File" -> "Importar" -> "Importar a biblioteca ...".

Paso 3 - Convertir imágenes en MovieClip

Cree un nuevo clip de película [Ctrl-F8] o "Insertar" -> "Nuevo símbolo ...", el nombre "Image01" y poner la imagen por primera vez en el primer cuadro de este clip de película. Repita este paso para las otras imágenes, el nombre de los Movieclips "image02" y "image03". Por cierto, el nombramiento depende de usted.

Paso 4 - Crear primera transición

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

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

Arrastre los dos primeros Movieclips imagen de la biblioteca a la capa correspondiente.

Haga clic en el primer fotograma de la capa "transition01". Arrastre el componente de televisión pelusa Efecto de la biblioteca hasta el escenario. El componente automáticamente se ajustará a la esquina superior izquierda de su clip de película.

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

Es importante dar los nombres de la imagen Movieclips ejemplo, de lo contrario el efecto de los componentes es incapaz de detectar. Haga clic en la imagen de un clip de película-por-uno y dar nombres de instancia, en este caso "Image01" y "image02" (se puede elegir un nombre diferente si lo desea).

Haga clic en el efecto de TV pelusa en el escenario y abra el inspector de componentes del panel pulse el botón [SHIFT-F7] o "Window" -> "Inspector de componentes". Todos Movieclips con nombres de instancia en este marco se enumeran en el movieclip "Inicio" y "Fin MovieClip" lista de selección. Elija "Image01" como "MovieClip Inicio" y "image02" como "Fin MovieClip".

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

Paso 5 - Añadir la segunda transición

Cree tres capa más y el nombre de ellos "img03", "img04" y "transition02".

Por cada clic capa en el fotograma 51 (un fotograma después de la transición haya finalizado la anterior) e introducir un fotogramas clave pulse el botón [F6] o clic derecho y "Insertar marco".

Vamos a volver a utilizar la segunda imagen de MovieClip, ya que la segunda transición debe comenzar con él. Haga clic en el fotograma clave que acaba de crear en la capa "img03" y arrastre el clip de película "image02" de la biblioteca hasta el escenario. Haga clic en el fotograma clave que acaba de crear en la capa "img04" y arrastre el clip de película "image03" de la biblioteca hasta el escenario.

Ahora configure los nombres de instancia de este Movieclips imagen para "image03" y "image04".

Es un poco confuso para un conjunto de capas y los nombres de instancia de un número, entonces el nombre original MovieClip. Pero para una mejor visión de conjunto y para mantener el número de errores bajo potencial, que es mejor tratar la Movieclips de la segunda transición lo más completa Movieclips nuevo.

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

Haga clic en el componente en el escenario, abra el panel del inspector de componentes y seleccione "image03" como "MovieClip Inicio" y "image04" como "Fin MovieClip".

Para los nuevos tres capas crear un marco en el fotograma 100 pulse el botón [F5] o clic derecho y "Insertar marco".

Al exportar la película Flash, se ve que tanto la transición se muestran antes de la película es talada.

Paso 6 - Agregar una pausa entre las dos transiciones de la imagen

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

Ahora selecciona todo el bloque de la segunda transición (se puede de forma que haciendo clic en el marco de la 51 "transition01" y pulsa la tecla SHIFT con hacer 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 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 la pelusa Efecto de televisión aquí .

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