Importar imágenes y animación de transición Flash
Ahora que hemos personalizado el FlashR Preloader para la plantilla SWF, podemos construir nuestra plantilla de presentación de diapositivas. Ya tenemos nuestras cuatro imágenes de marcador de posición (consulte el tutorial de Photoshop). Para seguir la serie de tutoriales, use los enlaces a continuación.

Demos a cada imagen dos segundos en el escenario. Debido a que los cuadros por segundo se establecen en 31 (ver Configuración del documento), necesitaremos darle a cada imagen 62 cuadros. Redondeemos eso a 60 cuadros. A estos 60 cuadros agregaremos transiciones de entrada y salida progresivas que durarán 10 cuadros cada una.

Comenzamos importando las cuatro imágenes de marcador de posición en nuestro proyecto fla.

  1. Agregue una nueva capa a la línea de tiempo y asígnele el nombre "imagen1". Desde la barra de menú, haga clic en Archivo - Importar - Importar a escenario. Flash colocará la imagen image1.psd en el Marco 1 de la capa image1 y la colocará en la Biblioteca.

    Repita esto para las otras tres imágenes de marcador de posición. Tendrá cuatro capas llamadas imagen1 a imagen4 con las imágenes importadas. Seleccione las cuatro capas y arrástrelas debajo de la capa Contenido. Ordénelos en orden ascendente con la capa imagen1 en la parte superior del grupo.

    Debido a que el precargador irá directamente al fotograma 2 después de que todo esté cargado, necesitamos eliminar las imágenes del fotograma 1. Para las cuatro capas, agregue un fotograma clave al fotograma 2 y elimine la imagen del fotograma 1.

    Trabajaremos primero en la capa image1. Debido a que el precargador ocupa el Cuadro 1, configuraremos la imagen para que se desvanezca más de 9 cuadros, permanezca visible en el escenario durante 60 y luego se desvanezca más de 10 cuadros.

  2. En el cuadro 2 de la capa imagen1, haga clic derecho en imagen1 en el escenario y Convertir en símbolo. Establezca el Tipo en Clip de película y asígnele el nombre "imagen1".

  3. Haga clic derecho en la imagen nuevamente y elija Crear interpolación de movimiento. Arrastre el intervalo de interpolación al fotograma 80.

  4. Agregue un fotograma clave a los fotogramas 11, 70 y 80.

  5. En el Cuadro 2, establezca el Alfa en 0 en el panel Propiedades (Efecto de color - Estilo - Alfa). En los cuadros 11 y 70, establezca el Alfa en 100 y en el Cuadro 80 establezca el Alfa en 0.

    El código del precargador le dice a Flash que vaya al Marco 2 y se detenga. Si dejamos el código como está, la línea de tiempo se detendrá en el fotograma 2, en lugar de continuar jugando los 80 fotogramas.

  6. En el panel Acciones, cambie gotoAndStop (2) a gotoAndPlay (2).

Ahora podemos probar nuestra película y ver cómo la imagen1 se desvanece, permanece visible durante dos segundos y se desvanece. Sin embargo, no se repite. Agregaremos algo de código para eso más adelante.

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.


Instrucciones De Vídeo: Animación Flash: Importar 3d y transición de imágenes Clase # 6 | Diseño y Animación Multimedia (Noviembre 2020).