Presentación de imágenes de Flash CS4

• Abril 27, 2024

Muchos de mis clientes quieren una pequeña presentación de diapositivas en la página principal de su tienda, blog o sitio web. Esto podría ser una presentación de diapositivas de los productos destacados en la tienda o las últimas fotos que han agregado a su blog.

Esta presentación de diapositivas se puede hacer de muchas maneras, incluyendo JavaScript, una animación GIF y Flash^R. Me gusta usar Flash porque es una forma fácil y rápida de crear una presentación de diapositivas simple que muestre varias imágenes una tras otra. Por otro lado, también es fácil crear una presentación de diapositivas basada en XML más avanzada con efectos de transición entre las imágenes. En los próximos tutoriales, crearemos una presentación de diapositivas de imagen en Flash CS4 comenzando con una visualización de imagen plana y hasta una versión avanzada con efectos de transición.

Lo único que necesitará para este tutorial son tres imágenes jpg y Adobe Flash. Es mejor si todas las imágenes son del mismo tamaño. Usaremos solo tres para nuestro tutorial, pero puede usar tantos como desee. Solo tenga en cuenta que más imágenes harán que aumente el tiempo de descarga de su archivo SWF de Flash.

Abra Flash CS4, inicie un nuevo proyecto de ActionScript 3 y comencemos a trabajar.

1. El primer paso es establecer el escenario al mismo tamaño que nuestras imágenes. Desde la barra de menú, haga clic en Modificar - Documento. En el cuadro de diálogo Propiedades del documento, ingrese el Ancho y la Altura en píxeles para sus imágenes. Esto preparará el escenario para que coincida. También es posible que desee cambiar el color de fondo. Haga clic en el cuadro de color pequeño y elija un color. Es posible que desee hacer coincidir el color de fondo de su página web.
   
   Usaremos el Marco 1 en la Línea de tiempo para el código del Precargador, que agregaremos más adelante. Entonces, por ahora, comenzaremos a construir nuestra presentación de diapositivas en el Marco 2.
   
   Cada una de nuestras imágenes se mostrará por 100 cuadros. Debido a que nuestros cuadros por segundo están configurados en 24 de forma predeterminada, esto nos dará unos cuatro segundos de tiempo de visualización para cada imagen.
   
   
2. Cambie el nombre de la capa 1 a "Fondo". En esta misma capa, haga clic derecho en el Marco 300 (100 cuadros x 3 imágenes) y agregue un marco en blanco (Insertar Marco). Esto mostrará la capa de fondo durante toda la animación.
   
   
3. Agregue una nueva capa y asígnele el nombre "Imagen1". Esta capa contendrá nuestra primera imagen. Pero no queremos que la imagen aparezca en el escenario hasta el Cuadro 2. Recuerde, el Cuadro 1 será nuestro precargador. En el fotograma 2 de esta capa, haga clic derecho y agregue un fotograma clave.
   
   Ahora agregaremos nuestra primera imagen.
   
   
4. Desde la barra de menú, haga clic en Archivo - Importar - Importar a escenario. Esto debería colocar nuestra primera imagen centrada en el escenario. Para asegurarse de que esté alineado como queremos, seleccione la imagen y vaya al panel Propiedades. Los valores de posición X e Y deben establecerse en 0.0.
   
   Guarda tu archivo de proyecto.
   
   

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: tutorial Tira de Imagenes en Movimiento Flash CS4 (Abril 2024).