Flash Layer Hierarchy

• Kwiecień 19, 2024

W ostatnim samouczku dowiedzieliśmy się o Flashu^R Oś czasu CS6 i jej warstwy. Narysowaliśmy zielony prostokąt na dolnej warstwie Osi czasu i dodaliśmy drugą warstwę, którą nazwaliśmy „kołem”. Teraz narysujemy okrąg na tej warstwie i zbadamy, w jaki sposób hierarchia warstw wpływa na obiekty na scenie.

Otwórz swój projekt we Flashu. W tym momencie mamy zielony prostokąt na dolnej warstwie. Przygotowaliśmy również warstwę koła, aby narysować okrąg.

1. Kliknij pierwszą klatkę na osi czasu, aby przenieść głowicę z powrotem do klatki 1.
   
   Na tej ramce zauważysz małą kropkę z białym środkiem. Oznacza to, że ta ramka ma klatkę kluczową (o której dowiemy się więcej w następnym samouczku). W tym momencie tylko pierwsza klatka ma klatkę kluczową, a pozostałe 49 klatek nie. Ponieważ warstwa jest pusta, kropka Klatka kluczowa ma biały środek. Zmieni się to, gdy dodamy nasz krąg.
   
   
2. Wybierz narzędzie Owalne z panelu Narzędzia.
   
   
3. Utrzymamy kolor obrysu ustawiony na zero. Dla Koloru wypełnienia wybierz żółty kolor z Próbnika kolorów.
   
   
4. W lewym dolnym rogu sceny kliknij i przeciągnij, aby narysować mały okrąg.
   
   Zauważ, że na warstwie koła mała kropka Klatka kluczowa zmieniła kolor na czarny, co oznacza, że ​​ramka nie jest już pusta.
   
   Naszym następnym krokiem będzie dodanie wzgórza za kołem, ale przed zielonym tłem. Dodamy nową warstwę dla naszego wzgórza. Flash zawsze dodaje nową warstwę bezpośrednio nad aktualnie wybraną warstwą. Chcemy, aby wzgórze znajdowało się za okręgiem i nad dolną warstwą. Więc wybierz dolną warstwę.
   
   
5. Kliknij ikonę Nowa warstwa, aby dodać nową warstwę. Zmień nazwę tej warstwy na „wzgórze”.
   
   Użyjemy tego samego narzędzia Owalnego do narysowania wzgórza.
   
   
6. Kliknij pole Kolor wypełnienia, aby otworzyć Próbnik kolorów i wybrać brązowy kolor.
   
   
7. Narysuj owal na dole sceny.
   
   Na koniec przesuniemy żółty okrąg w górę na szczyt wzgórza.
   
   
8. Wybierz warstwę koła i kliknij kształt okręgu za pomocą narzędzia Zaznaczanie. Przeciągnij okrąg w górę.
   
   

Jak widać z tego prostego przykładu, kolejność warstw na osi czasu tworzy hierarchię dla obiektów na scenie.

Zasadniczo obiekty na dowolnej warstwie zasłaniają warstwy poniżej. Jeśli obiekt wypełni całą warstwę, wówczas nie będzie można zobaczyć żadnej z poniższych warstw. Jednak zwykle umieszczasz mniejsze obiekty, takie jak okrąg lub wzgórze, na górnych warstwach, tworząc iluzję głębi. Ponieważ okrąg znajduje się przed wzgórzem, które znajduje się przed zielonym tłem, mamy proste złudzenie głębi.

← Wstecz

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: Adobe Animate | How to do layer parenting in Animate (Kwiecień 2024).