Transizioni fluide di Catalyst Flash

• Potrebbe 3, 2024

Nell'ultimo articolo, sei stato presentato a Flash^R Catalizzatore^TM Cronologia CS5. Ora impareremo come la linea temporale di Catalyst rende semplice l'aggiunta di transizioni dall'aspetto professionale alla nostra applicazione.

Se hai familiarità con Flash, sai che ci sono due parti principali in un'animazione. La prima parte è la transizione come passare da una pagina all'altra. In Flash usiamo comunemente interpolazioni per creare queste transizioni. La seconda parte si sta allentando. L'allentamento è un modo per controllare una transizione in modo che appaia senza intoppi. Creare queste interpolazioni e semplificare è un compito piuttosto complicato in Flash, ma Flash Catalyst fa tutto il lavoro per noi.

Torniamo alla linea temporale di Catalyst. Continueremo a lavorare sul livello superiore che controlla lo spostamento dalla pagina CityView alla pagina UnionParkView del nostro sito Web. Catalyst ha già stabilito che useremo la transizione Sposta per spostarci da una pagina all'altra. Se ora testassimo la nostra applicazione e facessimo clic sul pulsante per passare alla pagina UnionParkView, questa pagina verrebbe semplicemente visualizzata istantaneamente sul nostro schermo. Questo perché non abbiamo assegnato alcuna durata alla transizione. Possiamo farlo nella linea temporale.

Nella parte inferiore della linea temporale vedrai il pulsante Smooth Transition. Fai clic su quel pulsante e Catalyst aggiungerà una durata di 0,5 secondi alla transizione. Possiamo vederlo perché la piccola barra per la transizione Sposta si è espansa fino a coprire 0,5 secondi della linea temporale. L'impostazione predefinita è 0,5 secondi, ma possiamo ridurre o estendere questa durata semplicemente trascinando alla fine di questa barra. L'altro pulsante nella parte inferiore della linea temporale è il pulsante Aggiungi azione per aggiungere altri effetti come la rotazione 3D o l'effetto dissolvenza. Per ogni azione che aggiungiamo, Catalyst ci darà un'altra barra di controllo per impostare la durata di quell'effetto. Ad esempio, se aggiungiamo una rotazione 3D a questo livello, Catalyst aggiungerà una barra di controllo denominata Rotazione 3D con la durata predefinita di 5 secondi.

A questo punto, abbiamo impostato solo la durata delle transizioni associate al livello superiore della linea temporale. Per avere transizioni fluide in tutto il sito Web, dobbiamo ripetere questi passaggi per gli altri livelli nella linea temporale.

* Adobe mi ha fornito una copia di revisione gratuitamente.

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.