Transiciones suaves del catalizador flash

• Abril 28, 2024

En el último artículo, te presentaron a Flash^R Catalizador^TM Cronología CS5. Ahora aprenderemos cómo la línea de tiempo de Catalyst hace que agregar transiciones de aspecto profesional a nuestra aplicación sea una tarea fácil.

Si está familiarizado con Flash, sabe que hay dos partes principales en una animación. La primera parte es la transición, como pasar de una página a otra. En Flash, comúnmente usamos interpolaciones para crear estas transiciones. La segunda parte se está relajando. La flexibilización es una forma de controlar una transición para que parezca ocurrir sin problemas. Crear estas interpolaciones y facilitar es una tarea algo complicada en Flash, pero Flash Catalyst hace todo el trabajo por nosotros.

Volvamos a la línea de tiempo del catalizador. Continuaremos trabajando en la capa superior que controla el movimiento desde la página CityView a la página UnionParkView de nuestro sitio web. Catalyst ya ha determinado que usaremos la transición Mover para pasar de una página a otra. Si probamos nuestra aplicación ahora y hacemos clic en el botón para pasar a la página UnionParkView, esta página simplemente aparecerá en nuestra pantalla al instante. Esto se debe a que no hemos asignado ninguna duración a la transición. Podemos hacer esto en la línea de tiempo.

En la parte inferior de la línea de tiempo, verá el botón Transición suave. Haga clic en ese botón y Catalyst agregará una duración de .5 segundos a la transición. Podemos ver esto porque la pequeña barra para la transición Mover se ha expandido para cubrir .5 segundos de la Línea de tiempo. El valor predeterminado es .5 segundos, pero podemos reducir o extender esta duración simplemente arrastrando el extremo de esta barra. El otro botón en la parte inferior de la línea de tiempo es el botón Agregar acción para agregar otros efectos, como la rotación 3D o el efecto de fundido de entrada. Para cada acción que agreguemos, Catalyst nos dará otra barra de control para establecer la duración de ese efecto. Por ejemplo, si agregamos una rotación 3D a esta capa, Catalyst agregará una barra de control denominada Rotación 3D con la duración predeterminada de .5 segundos.

En este punto, solo hemos establecido la duración de las transiciones adjuntas a la capa superior de la línea de tiempo. Para tener transiciones suaves en todo el sitio web, necesitamos repetir estos pasos para las otras capas en la línea de tiempo.

* Adobe me proporcionó una copia de revisión de forma gratuita.

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: ME DEJAN UN GTR !! (Abril 2024).