Flash Catalyst Smooth Transitions

• Może 18, 2024

W ostatnim artykule przedstawiono Ci Flash^R Katalizator^TM Oś czasu CS5. Teraz dowiemy się, w jaki sposób oś czasu Catalyst ułatwia dodawanie profesjonalnie wyglądających przejść do naszej aplikacji.

Jeśli znasz Flash, wiesz, że animacja składa się z dwóch głównych części. Pierwszą częścią jest przejście, takie jak przejście z jednej strony na drugą. We Flashu często używamy animacji do tworzenia tych przejść. Druga część jest łagodna. Łagodzenie jest sposobem kontrolowania przejścia, dzięki czemu wydaje się ono przebiegać płynnie. Tworzenie tych animacji i łagodzenie jest dość skomplikowanym zadaniem we Flashu, ale Flash Catalyst wykonuje za nas całą pracę.

Wróćmy do osi czasu Catalyst. Będziemy kontynuować pracę nad najwyższą warstwą, która kontroluje ruch ze strony CityView do strony UnionParkView naszej witryny. Catalyst już ustalił, że będziemy używać przejścia Przenieś, aby przechodzić z jednej strony na drugą. Gdybyśmy teraz przetestowali naszą aplikację i kliknęli przycisk, aby przejść do strony UnionParkView, ta strona natychmiast wyskoczyłaby na ekranie. Jest tak, ponieważ nie przypisaliśmy żadnego czasu trwania przejścia. Możemy to zrobić na osi czasu.

U dołu osi czasu znajduje się przycisk Płynne przejście. Kliknij ten przycisk, a Catalyst doda czas przejścia do 0,5 sekundy. Widzimy to, ponieważ mały pasek przejścia Przenieś został rozszerzony, aby objąć 0,55 osi czasu. Domyślnie jest to 0,5 sekundy, ale możemy skrócić lub wydłużyć ten czas, po prostu przeciągając na koniec tego paska. Drugi przycisk na dole Osi czasu to przycisk Dodaj akcję, aby dodać inne efekty, takie jak obrót 3D lub efekt przenikania. Dla każdej dodanej akcji Catalyst daje nam inny pasek kontrolny do ustawiania czasu trwania tego efektu. Na przykład, jeśli dodamy obrót 3D do tej warstwy, Catalyst doda pasek kontrolny oznaczony Obrót 3D z domyślnym czasem trwania 0,5 sekundy.

W tym momencie ustawiliśmy tylko czas trwania przejść dołączonych do górnej warstwy Osi czasu. Aby zapewnić płynne przejścia w całej witrynie, musimy powtórzyć te kroki dla pozostałych warstw na osi czasu.

* Adobe dostarczył mi kopię recenzji bezpłatnie.

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą 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, Flash Catalyst i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.

Instrukcje Wideo: Flash Catalyst Smooth Transitions.f4v (Może 2024).