Oprócz tworzenia animacji na osi czasu w trybie zaawansowanym możesz sprawdzić, jak elementy nakładają się na siebie na scenie. Każdy element jest reprezentowany przez warstwę na osi czasu, co zapewnia łatwy sposób pracy z elementami.
Panel Szkicownik wyświetla też warstwy w dokumencie, ale w widoku drzewa.
Zarządzanie warstwami
Dodawanie warstwy
Warstwa jest automatycznie dodawana do osi czasu podczas tworzenia elementu lub maski.
Maski są oznaczone symbolem obok nazwy warstwy.
Zmienianie kolejności warstw
Kolejność warstw na osi czasu odpowiada kolejności, w jakiej elementy będą się nakładać na siebie. Aby przenieść warstwę w stosie warstw, użyj jednego z tych sposobów:
- Wybierz warstwę i przeciągnij ją do poziomu, na którym ma się znajdować.
- Użyj przycisków warstw na pasku opcji narzędzia wyboru, by przenieść warstwę w górę, w dół, na szczyt albo na spód stosu. Zmiany wprowadzone za pomocą przycisków warstw pojawią się na osi czasu.
Warstwy maski pozostają zawsze bezpośrednio pod warstwą elementu hosta.
Blokowanie warstwy
Zablokowanych warstw nie można wybrać ani edytować. Element warto zablokować, gdy jest gotowy i nie chcesz go przypadkowo zmienić. Aby zablokować element:
- Kliknij pole wyboru pod ikoną blokady
w warstwie elementu.
- Kliknij pole wyboru, a następnie przeciągnij wskaźnik myszy na wiele pól wyboru, by zablokować wiele warstw naraz.
- Kliknij ikonę Zablokuj wszystkie warstwy
u góry, aby zablokować lub odblokować wszystkie warstwy.
w warstwie elementu.Ukrywanie warstwy
Ukryte warstwy są niewidoczne na scenie, nie można ich też wybrać ani edytować. Ukrycie elementu umożliwia edycję elementów znajdujących się za nim. Aby ukryć element:
- Kliknij pole wyboru pod ikoną oka
w warstwie, którą chcesz ukryć.
- Kliknij pole wyboru, a następnie przeciągnij wskaźnik myszy na wiele pól wyboru, by ukryć wiele warstw naraz.
- Kliknij przycisk Ukryj wszystkie warstwy
u góry, aby ukryć lub wyświetlić wszystkie warstwy.
w warstwie, którą chcesz ukryć.Jeśli chcesz, by element był niewidoczny w podglądzie w przeglądarce i w opublikowanych plikach, przekonwertuj go na warstwę pomocniczą. Możesz też ukryć element na początku lub na końcu osi czasu, ustawiając jego zakres widoczności.
Duplikowanie warstwy
Duplikowanie warstwy powoduje utworzenie kopii elementu i dowolnych klatek kluczowych. Aby zduplikować warstwę:
- Kliknij prawym przyciskiem myszy nazwę lub identyfikator warstwy i wybierz z menu Duplikuj warstwy. Nowa warstwa pojawi się bezpośrednio nad tą, z której została skopiowana.
- Możesz też zaznaczyć wiele warstw, by je zduplikować – naciśnij Shift i kliknij, by wybrać wiele sąsiednich warstw. Aby wybrać warstwy, które do siebie nie przylegają, naciśnij Control (Windows) lub Command (Mac OS) i kliknij. Aby zduplikować wszystkie zaznaczone warstwy, kliknij prawym przyciskiem myszy nazwę lub identyfikator dowolnej zaznaczonej warstwy i wybierz Duplikuj warstwy.
Warstw maski nie można duplikować.
Zapętlanie animacji w warstwie
- Na osi czasu kliknij przycisk Ustaw powtórzenie animacji
w warstwie animacji, którą chcesz zapętlić.
- Z wyskakującego menu wybierz opcję:
- W nieskończoność – animacja będzie powtarzana w nieskończoność.
- ___ razy – animacja zostanie zapętlona i odtworzona łącznie określoną liczbę razy.
- Brak – animacja nie będzie zapętlona.
Zapętlenie warstwy to coś innego niż zapętlenie odtwarzania animacji.
- W wyniku zapętlenia warstwy animacja w opublikowanym dokumencie będzie odtwarzana w pętli.
- Zapętlenie podglądu animacji przez kliknięcie przycisku Powtarzaj odtwarzanie
wpływa tylko na animację na scenie, którą widzisz po naciśnięciu przycisku Odtwórz
na osi czasu.
Zakresy widoczności
Zakresy widoczności nie są obsługiwane w przypadku reklam AMP HTML.
Zakres widoczności warstwy określa, kiedy element lub maska są widoczne i można je edytować. Możesz ustawić zakres widoczności, jeśli chcesz, aby element pojawił się lub zniknął, albo ukryć go, gdy nie jest używany. Dzięki temu możesz skupić się na innych częściach dokumentu.
Zachowanie widoczności warstwy
Zakresy widoczności są domyślnie nieskonfigurowane. Możesz ustawić początek lub koniec zakresu widoczności albo oba te elementy.
| Zakres widoczności | Zachowanie |
|---|---|
| Nieustawione (domyślnie) |
Element lub maska pojawiają się, gdy dokument się wczyta, i pozostają widoczne po zakończeniu animacji. |
| Ustawiony początek |
Element lub maska pojawiają się w momencie rozpoczęcia. Jeśli ustawisz wartość 0 sekund, element lub maska pojawiają się po rozpoczęciu odtwarzania animacji, co może nastąpić po wczytaniu dokumentu. |
| Ustawiony koniec |
Element lub maska znikają w momencie zakończenia. |
Panel Właściwości będzie niedostępny w przypadku warstwy spoza zakresu widoczności. Aby dowolnie edytować element lub maskę, rozszerz ich zakres widoczności (np. przez dodanie klatki kluczowej) lub przesuń suwak odtwarzania na osi czasu do wewnątrz zakresu.
Ustawianie zakresu widoczności
Aby ustawić zakres widoczności lub dostosować jego granice, użyj jednej z tych metod:
- Kliknij prawym przyciskiem myszy warstwę w miejscu na osi czasu, w którym chcesz ustawić granicę zakresu widoczności, a następnie w menu wybierz Początek zakresu widoczności lub Koniec zakresu widoczności.
- Najedź kursorem na granicę zakresu widoczności, aby wyróżnić uchwyt (pionowy pasek). Przeciągnij uchwyt w odpowiednie miejsce na osi czasu. Gdy zakres widoczności jest nieustawiony, uchwyty są ciemnoszare i można je znaleźć w pozycji 0 s oraz na końcu osi czasu animacji.
1. Uchwyt nieustawionego zakresu widoczności
2. Uchwyt dla zakresu widoczności, który zaczyna się od 0 s
3. Uchwyt dla zakresu widoczności, który zaczyna się od 1 s
Zakresy widoczności muszą zawsze zawierać wszystkie klipy klatki kluczowej oraz efekty tekstowe w warstwie, które mogą ograniczać miejsce, w którym można przeciągać zakresy lub ustawiać granice zakresu. Zakresy będą automatycznie rozszerzane na wszystkie dodawane klatki kluczowe, klipy lub efekty tekstowe.
Możesz wybrać uchwyt zakresu widoczności razem z klatkami kluczowymi, rozpiętościami, klipami i innymi uchwytami zakresu widoczności, co pozwala synchronicznie przeciągnąć je wzdłuż osi czasu.
Kliknij dwukrotnie warstwę na osi czasu, aby wybrać wszystkie klatki kluczowe, rozpiętości, klipy i uchwyty widoczności dla tej warstwy.
Ustawienie zakresu widoczności spowoduje usunięcie wszystkich pętli animacji w tej warstwie.
Anulowanie ustawienia zakresu widoczności
Aby wyczyścić początek lub koniec zakresu widoczności, użyj jednej z tych metod:
- Kliknij dwukrotnie uchwyt.
- Kliknij prawym przyciskiem myszy uchwyt i z menu wybierz Zresetuj granicę zakresu.
Warstwy pomocnicze
Podczas pracy nad dokumentem warstwy pomocnicze działają jak zwykłe elementy, jednak nie są one widoczne w podglądzie w przeglądarce ani w opublikowanych plikach. Za pomocą warstw pomocniczych możesz dodawać notatki bezpośrednio w układzie, tworzyć wzór projektu lub prototypować dodatki do dokumentu.
Aby przekonwertować wybraną warstwę na warstwę pomocniczą:
- Kliknij prawym przyciskiem myszy element na scenie lub na osi czasu. Możesz też zaznaczyć wiele elementów, a następnie kliknąć zaznaczenie prawym przyciskiem myszy. (Jeśli chcesz zaznaczyć maski, musisz również wybrać ich elementy hosta).
- W menu wybierz Warstwa pomocnicza.
Ikona warstwy pomocniczej pojawi się przed nazwą warstwy na osi czasu w trybie zaawansowanym. Warstwa pomocnicza wybrana na scenie będzie oznaczona pomarańczowym konturem.
Aby przekonwertować warstwę pomocniczą z powrotem na zwykły element, kliknij ją prawym przyciskiem myszy i odznacz pole Warstwa pomocnicza w menu.
Opublikowane pliki nie zawierają warstw pomocniczych, więc ich rozmiar jest niezależny od tych elementów. Wszystkie zdarzenia, reguły CSS i dynamiczne wiązania danych, które odwołują się do warstw pomocniczych, też są usuwane z podglądu i opublikowanych plików.
Warstwy masek
Każda maska jest reprezentowana w trybie zaawansowanym przez warstwę na osi czasu oznaczoną symbolem przed nazwą warstwy.
Możesz wybierać, ukrywać, blokować i ustawiać zakres widoczności warstw masek, tak jak w przypadku warstw elementów. Występują jednak te różnice w ich działaniu:
- Warstwy masek znajdują się zawsze bezpośrednio pod warstwą elementu hosta. Podczas przenoszenia warstwy maski lub warstwy elementu hosta na inny poziom przenoszone są automatycznie obie warstwy.
- Usunięcie elementu hosta powoduje też usunięcie jego maski.
- Grupę złożoną z warstw elementów i warstw masek można usunąć tylko wtedy, gdy w zaznaczeniu uwzględniono elementy hostów dla masek.
- Warstwy maski nie można powielić.
- Ukryte maski, w przeciwieństwie do ukrytych elementów, można edytować.
- Warstwy maski nie można przekonwertować na warstwę pomocniczą. Jeśli jednak warstwą pomocniczą jest element hosta, maska również nie zostanie uwzględniona w podglądzie w przeglądarce ani w opublikowanych plikach.
Dowiedz się więcej o maskach.
Ścieżki audio i wideo
Ścieżki wideo i audio to typy warstw, które mogą zawierać klipy multimedialne.
Ścieżki wideo są dostępne w reklamach wideo i animowanych GIF-ach. Obsługują one ukrywanie, blokowanie, zmienianie kolejności, klatki kluczowe, zakresy widoczności i maski.
Ścieżki audio są dostępne tylko w przypadku reklam wideo. Nie zawierają one widocznych elementów, dlatego nie ma w nich takich funkcji jak ukrywanie, zakresy widoczności, animacje czy maski, ale możesz je zablokować, aby uniemożliwić edytowanie dźwięku.
Dowiedz się więcej o ścieżkach wideo i audio.