Informacje o wygładzaniu

Wygładzanie pozwala zmienić przyspieszenie i zwolnienie przejścia w animacji. Google Web Designer udostępnia pięć standardowych funkcji wygładzania zdefiniowanych w specyfikacji CSS3, a także przejścia skokowe oraz opcję wygładzania niestandardowego, dostępne w trybie zaawansowanym.

Uwaga: w przypadku efektów tekstu dostępne są różne opcje wygładzania.

Wygładzanie w trybie szybkim

W trybie szybkim ten sam rodzaj wygładzania jest stosowany do wszystkich animowanych elementów zawartych między miniaturami.

Jeśli edytujesz wygładzanie w trybie zaawansowanym, po przejściu do trybu szybkiego rodzaj wygładzania może być widoczny jako „Mixed” (mieszane).

Aby zmienić wygładzanie w trybie szybkim:

1. Kliknij przycisk Opcje klatki kluczowej  między miniaturami.
2. Otworzy się edytor przejść.
   

3. W edytorze przejść użyj strzałek, by przełączyć się między domyślnymi typami wygładzania. Jeśli chcesz zmienić czas trwania wygładzania, podaj go w sekundach lub kliknij pole czasu i przeciągnij kursor w lewo lub prawo.

Domyślne gotowe ustawienia wygładzania

Gotowe ustawienie wygładzania	Opis
Liniowe	Animacje zmieniają się ze stałą szybkością.
Wolno-szybko-wolno	Animacje rozpoczynają się ze średnią szybkością i zwalniają na końcu.
Normalnie-wolno	Animacje na początku są szybkie, a pod koniec zwalniają.
Wolno-normalnie	Animacje na początku są wolne, a pod koniec przyspieszają.
Wolno-normalnie-wolno	Animacje są wolne na początku i na końcu, a w środku ruch jest szybki.
Szybki przeskok na koniec	Animacje pozostają w pozycji początkowej w okresie wygładzania, po czym przeskakują bezpośrednio do pozycji końcowej.
Opóźniony przeskok na koniec	Animacje przeskakują od razu do pozycji końcowej.

Wygładzanie w trybie zaawansowanym

W trybie zaawansowanym dostępne są dodatkowe opcje wygładzania.

• Możesz zmienić wygładzanie na potrzeby wielu rozpiętości jednocześnie.
• Możesz zdefiniować wygładzanie niestandardowe.
• Możesz zapisać wygładzanie niestandardowe jako nowe gotowe ustawienie, by wygodnie używać go na potrzeby innych rozpiętości.

Aby zmienić wygładzanie w trybie zaawansowanym:

1. Kliknij prawym przyciskiem myszy rozpiętość zawierającą animację, której wygładzanie chcesz zmienić. Aby jednocześnie edytować wiele ustawień wygładzania, wybierz sąsiadujące rozpiętości, klikając je przy wciśniętym klawiszu Shift lub wybierz rozpiętości nieprzylegające do siebie, klikając je przy wciśniętym klawiszu Ctrl (Windows) lub Command (Mac OS), a następnie kliknij prawym przyciskiem myszy jedną z zaznaczonych rozpiętości. Pamiętaj, że wygładzanie można zmodyfikować tylko w przypadku rozpiętości zawierających animacje.

2. Wybierz z menu jedno z gotowych ustawień wygładzania lub wybierz Opcje wygładzania…, by wyświetlić wizualizację krzywych wygładzania lub zdefiniować wygładzanie niestandardowe.

Aby utworzyć wygładzanie niestandardowe:

1. Kliknij prawym przyciskiem myszy i wybierz Opcje wygładzania…, by otworzyć okno dialogowe Wygładzanie.
2. Aby zmienić wygładzanie, użyj jednego z tych sposobów:
   • Przeciągnij uchwyty sterujące, by dostosować kształt krzywej wygładzania. Kąt uchwytu sterującego określa nachylenie krzywej, a długość uchwytu określa poziom przyspieszania lub zwalniania.
   • W polu Sześcienna krzywa Béziera zdefiniuj funkcję cubic-bezier() z użyciem zapisu funkcyjnego dla krzywej Béziera, której chcesz użyć. Jeśli podasz nieprawidłową wartość, pole zostanie podkreślone na czerwono.
3. Opcjonalnie: zapisz wygładzanie niestandardowe jako gotowe ustawienie, klikając Zapisz jako nowe gotowe ustawienie.
4. Kliknij Zastosuj, by użyć wygładzania niestandardowego dla wybranych rozpiętości.
   

Wygładzanie niestandardowe jako gotowe ustawienie

Jeśli chcesz ponownie użyć określonego wygładzania niestandardowego na potrzeby wielu rozpiętości, zapisz je jako gotowe ustawienie. Oto zalety używania gotowych ustawień:

• Szybki dostęp. Gotowe ustawienia wygładzania będą widoczne jako opcje w menu, gdy klikniesz rozpiętość prawym przyciskiem myszy.
• Łatwa identyfikacja. W trybie zaawansowanym nazwy gotowych ustawień są wyświetlone na osi czasu.

Niestandardowe gotowe ustawienia są zapisywane w Twojej instancji Google Web Designera i możesz ich używać w innych dokumentach. Jeśli otworzysz dokument zawierający gotowe ustawienie innego użytkownika, nie zobaczysz jego nazwy tylko oznaczenie „niestandardowe”. Krzywa wygładzania pozostanie bez zmian.

Aby zapisać nowe niestandardowe gotowe ustawienie, utwórz wygładzanie niestandardowe w oknie dialogowym Wygładzanie i kliknij Zapisz jako nowe gotowe ustawienie, by nadać mu nazwę. Nazwy gotowych ustawień i krzywych Beziera muszą być unikalne. Jeśli dowolne istniejące rozpiętości będą mieć ustawioną tę samą wartość niestandardową, będą wyświetlać nazwę niestandardowego gotowego ustawienia.

Aby zmienić nazwę niestandardowego gotowego ustawienia, kliknij je dwukrotnie lub najedź na nie w oknie dialogowym z opcjami wygładzania i kliknij ikonę ołówka widoczną obok nazwy gotowego ustawienia. Edytuj nazwę i naciśnij Enter. Wszystkie rozpiętości używające tego ustawienia będą się teraz wyświetlać pod nową nazwą.

Aby usunąć niestandardowe gotowe ustawienie, najedź na nie w oknie dialogowym z opcjami wygładzania i kliknij ikonę kosza widoczną obok nazwy gotowego ustawienia. Wszystkie rozpiętości używające tego ustawienia pozostaną bez zmian, ale będą się teraz wyświetlać jako niestandardowe.

Nie możesz edytować krzywej istniejącego gotowego ustawienia. Zamiast tego możesz utworzyć nowe niestandardowe gotowe ustawienie i zastosować je do rozpiętości, które chcesz zmienić.