Copia de efecto de transición de página Flash a cuadrícula

• Mayo 2, 2024

En este tutorial de Flash, crearemos un efecto de transición de página muy popular utilizando el asistente Flash Copy to Grid. Este asistente de Copiar a la cuadrícula ha estado presente en varias versiones de Flash como parte de los efectos de la línea de tiempo. Sin embargo, debido a que es una característica tan útil y que ahorra tiempo, creo que debería ser parte de la caja de herramientas de cada diseñador de Flash.

Aquí está la transición que estaremos construyendo. Como puede ver, once rectángulos verticales se expanden sobre el escenario y funcionan como una máscara para revelar la imagen de fondo. Con la ayuda del asistente Copiar a la cuadrícula, solo necesitamos crear un clip de película rectangular y luego asignarle una animación Motion Tween. Flash realiza el resto del trabajo para crear la animación de transición de página.

Comencemos una nueva película de 550 x 400 píxeles y usaremos ActionScript 2.0. La película vacía debe tener solo un fotograma y una capa "Capa 1" en la línea de tiempo. Cambie el nombre de esta capa a "Transición". Para nuestro ejemplo, he importado una imagen de fondo al escenario. Esto me dio una nueva capa en la línea de tiempo. Cambié el nombre de esta capa a "Fondo" y la arrastré hacia abajo para convertirla en la capa inferior de la Línea de tiempo. Trabajaremos en la capa de transición.

1. Haga clic en el cuadro 1 de la capa de transición. Usando la herramienta Rectángulo, dibuje un pequeño rectángulo en cualquier parte del escenario (Trazo a nulo, Relleno a negro o cualquier color de su elección).
   
   
2. Con la herramienta Selección, seleccione el rectángulo. En el Inspector de propiedades, establezca el Ancho del rectángulo en 50 píxeles, la Altura en 400 píxeles y las posiciones X e Y en 0.0. Si está utilizando una etapa de un tamaño diferente, querrá que la altura de su rectángulo sea la altura de la etapa. Luego divide el ancho del escenario por cualquier número para obtener el ancho de tu rectángulo.
   
   
3. Con el rectángulo aún seleccionado, vaya a la barra de menú y haga clic en Insertar - Efectos de línea de tiempo - Asistentes - Copiar a la cuadrícula. Esto abrirá el cuadro de diálogo Copiar a la cuadrícula. Se necesitarán once de nuestros rectángulos para cubrir todo el escenario. Para las opciones de Tamaño de cuadrícula, establezca el número de Filas en 1 y las Columnas en 11. (Si está utilizando un número diferente de rectángulos, reemplace el 11 con su número de rectángulos). Además, configure las Filas y Columnas para las opciones de Grid Space a cero. Haga clic en el botón Actualizar vista previa y espere algunas secciones para que Flash termine. Luego haga clic en Aceptar para cerrar el cuadro de diálogo. Ahora debería ver negro en todo el escenario.
   
   
4. Ir a la biblioteca. Allí encontrará un gráfico llamado "Copiar a la cuadrícula 1" y otro gráfico llamado "effectSymbol" (dentro de la carpeta de efectos). Haga clic con el botón derecho en el gráfico effectSymbol y elija Propiedades en el menú. En el cuadro de diálogo Propiedades, cambie el Tipo de gráfico a Clip de película. Repita esto para el gráfico Copiar a la cuadrícula 1.
   
   

Ahora estamos listos para adjuntar Motion Tween al clip de película effectSymbol. Desde la Biblioteca, haga doble clic en el clip de película effectSymbol y se lo dirigirá a la Línea de tiempo del clip de película.

Siguiente →

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: Dibujar con Cuadricula (Mayo 2024).