Flash Catalyst Glatte overganger

• April 28, 2024

I den siste artikkelen ble du introdusert for Flash^R Catalyst^TM CS5 tidslinje. Nå skal vi lære hvordan Catalyst Timeline gjør det enkelt å legge til profesjonelt utseende overganger til applikasjonen vår.

Hvis du er kjent med Flash, vet du at det er to hoveddeler i en animasjon. Den første delen er overgangen som å flytte fra en side til en annen. I Flash bruker vi ofte tweens for å lage disse overgangene. Den andre delen letter. Å lette er en måte å kontrollere en overgang slik at den ser ut til å skje jevnt. Å lage disse tweens og lette er en litt komplisert oppgave i Flash, men Flash Catalyst gjør alt arbeidet for oss.

La oss gå tilbake til Catalyst-tidslinjen. Vi vil fortsette å jobbe med det øverste laget som kontrollerer bevegelsen fra CityView-siden til UnionParkView-siden på nettstedet vårt. Catalyst har allerede bestemt at vi skal bruke Move-overgangen til å gå fra den ene siden til den andre. Hvis vi testet applikasjonen vår nå og klikket på knappen for å gå til UnionParkView-siden, ville denne siden ganske enkelt dukket opp på skjermen vår umiddelbart. Dette er fordi vi ikke har knyttet noen varighet til overgangen. Vi kan gjøre dette på tidslinjen.

Nederst på tidslinjen vil du se Smooth Transition-knappen. Klikk på den knappen og Catalyst vil legge til en varighet på 0,5 sekunder til overgangen. Vi kan se dette fordi den lille linjen for Move-overgangen har utvidet seg til å dekke .5 sekunder av tidslinjen. Standardinnstillingen er 0,5 sekunder, men vi kan redusere eller forlenge denne varigheten bare ved å dra på slutten av denne linjen. Den andre knappen nederst på tidslinjen er Add Action-knappen for å legge til andre effekter som 3D-rotasjon eller fade-in-effekten. For hver handling som vi legger til, vil Catalyst gi oss en annen kontrolllinje for å angi varigheten for den effekten. Hvis vi for eksempel legger til en 3D-rotasjon til dette laget, vil Catalyst legge til en kontrolllinje merket 3D Rotation med standard .5 sekunders varighet.

På dette tidspunktet har vi bare angitt varigheten for overgangene festet til det øverste laget av tidslinjen. For å ha jevn overganger på hele nettstedet, må vi gjenta disse trinnene for de andre lagene på tidslinjen.

* Adobe ga en gjennomgangskopi gratis.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.