Efekt przejścia strony Flash Skopiuj do siatki

• Może 19, 2024

W tym samouczku Flash utworzymy bardzo popularny efekt przejścia strony za pomocą asystenta Flash Copy to Grid. Ten asystent kopiowania do siatki był dostępny w kilku wersjach Flasha jako część efektów osi czasu. Ponieważ jednak jest to tak przydatna i oszczędzająca czas funkcja, uważam, że powinna ona stanowić część zestawu narzędzi każdego projektanta Flash.

Oto przejście, które będziemy budować. Jak widać, jedenaście pionowych prostokątów rozszerza się nad sceną i działa jak maska, aby odsłonić obraz tła. Za pomocą asystenta kopiowania do siatki musimy tylko utworzyć jeden prostokątny klip filmowy, a następnie przypisać mu animację Motion Tween. Reszta pracy nad animacją przejścia strony jest dla nas wykonywana przez Flash.

Zacznijmy nowy film o wymiarach 550 x 400 pikseli, a użyjemy ActionScript 2.0. Pusty film powinien mieć tylko jedną klatkę i jedną warstwę „Warstwa 1” na osi czasu. Zmień nazwę tej warstwy na „Przejście”. W naszym przykładzie zaimportowałem obraz tła na scenę. To dało mi nową warstwę na osi czasu. Zmieniłem nazwę tej warstwy na „Tło” i przeciągnąłem ją w dół, aby ustawić ją jako dolną warstwę na osi czasu. Będziemy pracować nad warstwą przejścia.

1. Kliknij klatkę 1 warstwy przejściowej. Za pomocą narzędzia Prostokąt narysuj mały prostokąt w dowolnym miejscu na scenie (obrysuj do zera, wypełnij do czerni lub dowolnego koloru).
   
   
2. Za pomocą narzędzia Zaznaczanie wybierz prostokąt. W Inspektorze właściwości ustaw szerokość prostokąta na 50 pikseli, wysokość na 400 pikseli, a pozycje X i Y na 0,0. Jeśli używasz sceny o innym rozmiarze, chcesz, aby wysokość prostokąta była wysokością sceny. Następnie podziel szerokość sceny przez dowolną liczbę, aby uzyskać szerokość swojego prostokąta.
   
   
3. Po zaznaczeniu prostokąta przejdź do paska menu i kliknij Wstaw - Efekty osi czasu - Asystenci - Kopiuj do siatki. Spowoduje to otwarcie okna dialogowego Kopiuj do siatki. Zajmie jedenaście naszych prostokątów, aby pokryć cały etap. W przypadku opcji Rozmiar siatki ustaw liczbę Rzędy na 1, a Kolumny na 11. (Jeśli używasz innej liczby prostokątów, zamień 11 na liczbę prostokątów.) Ponadto ustaw zarówno Wiersze, jak i Kolumny dla opcje Siatki do zera. Kliknij przycisk Aktualizuj podgląd i poczekaj kilka sekcji, aż Flash się zakończy. Następnie kliknij OK, aby zamknąć okno dialogowe. Powinieneś teraz widzieć czerń na całej scenie.
   
   
4. Pójść do biblioteki. Znajdziesz tam grafikę o nazwie „Kopiuj do siatki 1” i inną grafikę o nazwie „efektSymbol” (w folderze efektów). Kliknij prawym przyciskiem myszy grafikę EffectSymbol i wybierz z menu Właściwości. W oknie dialogowym Właściwości zmień Typ z Graficznego na Klip filmowy. Powtórz to dla grafiki Kopiuj do siatki 1.
   
   

Teraz jesteśmy gotowi dołączyć Motion Tween do klipu filmowego EffectSymbol. W bibliotece kliknij dwukrotnie klip filmowy efektSymbol, a zostaniesz przeniesiony do osi czasu klipu filmowego.

Dalej →

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: The Howling Mines | Critical Role | Campaign 2, Episode 6 (Może 2024).