Twórz animację w Photoshop CC. Czym jest animacja

Utwórz nowy plik rozmiaru 700 x 300 piks.

Otwarcie okna Oś czasu( (Okno - Oś czasu)).

Kliknij przycisk " Utwórz animację ramki» (Utwórz animację klatki).

Za pomocą narzędzia () utwórz 3 warstwę z tekstem („Animacja”, „to”, „tylko”).

Za pomocą narzędzia (Move Tool / V Key) umieść tekst jak na obrazku poniżej.

W oknie Oś czasu(Oś czasu) wybierz pierwszą klatkę i kliknij przycisk « Duplikuje wybrane klatki» (Utwórz kopię wybranych ramek).

Tworzymy 4 kopie wybranych klatek.

Wybierz w oknie Oś czasu(oś czasu) druga rama i pozostaw widoczne tylko warstwy ” Animacja" I " Tło».

Wybierać czwarta klatka i zostaw to widoczne wszystko warstwy.

Ustawmy parametr powtarzania dla naszej animacji. W menu okna Oś czasu(Oś czasu), zmień parametr powtarzania z „ pewnego razu" na " Stale” (zdjęcie poniżej).

Teraz możemy użyć animacji, aby zacząć grać.

Ustawienia animacji w „Plik — Zapisz dla Internetu” (Plik — Zapisz dla Internetu) Photoshop CC. Ostateczny wynik

W tym artykule opowiem o tym, czym jest animacja w Photoshopie. Zobaczymy, jak animacja działa w Photoshopie na przykładzie tworzenia banera noworocznego.

Będę pracował w Adobe Photoshop CS6. Mam rosyjski interfejs, bo piszę z pracy.

Mam w domu wersję angielską i radzę uczyć się z wersji angielskiej, oto dlaczego:

Możesz bez problemu poruszać się po programie w dowolnym języku (po angielskim po rosyjsku bez problemu znajdziesz narzędzia, bo to jest Twój język ojczysty, a po rosyjskim mogą być problemy z adaptacją).
Większość dobre lekcje są napisane w języku angielskim.
Lokalizacje programu często różnią się od siebie, jakość tłumaczenia interfejsu czasami pozostawia wiele do życzenia. Nieprawidłowe tłumaczenie instrumentów może zmylić osobę rozpoczynającą naukę programu.

Pierwsze kroki z animacją w Photoshop CS6

Zacznijmy Photoshopa.

Utwórz nowy dokument Plik -Nowy (Ctrl+N).

W oknie, które się otworzy, ustaw rozmiar banera: 600 x 120, nazwijmy go „Baner noworoczny” -> „OK”.

Utwórz tło

Z góry wybieram materiały, które wykorzystam w swojej pracy (tła, czcionki itp.).

Otwórz przygotowaną teksturę: Ctrl+O. Możesz pobrać teksturę, której używam.

Otwórz paletę warstw „Warstwy” - F7.

Wybierz okno z teksturą, przeciągnij warstwę z palety warstw na warstwę z banerem.

Jeśli tekstura okazała się za mała lub za duża w porównaniu z banerem, dostosuj jej rozmiar za pomocą przekształcenia Ctrl+T.

W rogach obrazu pojawią się małe kwadratowe znaczniki. Przytrzymaj Shift, aby zachować proporcje podczas zmiany rozmiaru, przeciągnij znacznik narożny po przekątnej, zmniejszając lub zwiększając rozmiar obrazu, aż cała powierzchnia banera zostanie wypełniona tłem.

Po dopasowaniu tekstury do rozmiaru banera przechodzimy do jego korekcji kolorystycznej.

Przejdź do menu „Obraz” – „Regulacje” – „Odcień / Nasycenie” (Obraz – Korekta – Odcień / Nasycenie).

Ustawiłem te ustawienia, aby uzyskać jasny, nasycony kolor:

Piszemy tekst

Utwórz nową warstwę (Ctrl + Shift + N) lub kliknij ikonę nowej warstwy na palecie warstw.

Wybierz narzędzie Tekst poziomy (T).

Wybierz pędzel z dowolną gwiazdką, farba będzie biała #ffffff. Aby wybrać kolor, kliknij mały kwadrat na dole lewego panelu.

Na nowej warstwie narysuj gwiazdy w dowolnych miejscach. Aby rozjaśnić gwiazdy, kliknij kilka razy w jednym miejscu. Oto co mi się przydarzyło:

Utwórz zduplikowaną warstwę (Ctrl + J). Kliknij ikonę oka na palecie warstw, aby ukryć widoczność poprzedniej warstwy.

Wybierz górną warstwę z kopią gwiazd. Wybierz narzędzie Lasso (L) z lewego panelu.

Zaznacz każdą gwiazdę po kolei, naciśnij „V” (Narzędzie Przesuń) i przesuń ją w dowolne inne miejsce, dzięki czemu będziemy mieli gwiazdy w różnych miejscach w różnych klatkach, co stworzy efekt migotania.

Po przeniesieniu wszystkich gwiazdek w inne miejsce utwórz duplikat warstwy, nad którą pracowałeś (Ctrl + J), ukryj poprzednią warstwę w palecie warstw, klikając oko, i ponownie powtórz operację, aby przenieść gwiazdki na nowe miejsc, możesz też dokończyć malowanie kilku nowych gwiazd.

W ten sposób otrzymamy 3 warstwy z gwiazdami, w każdej z których gwiazdy będą znajdować się w różnych pozycjach.

Wszystko jest gotowe.

Pierwsze kroki z animacją w Photoshopie

Otwarcie osi czasu. Przejdź do menu „Okno” - „Oś czasu” (Okno - Oś czasu).

W wyświetlonym panelu osi czasu znajdujemy przycisk pośrodku „Utwórz oś czasu wideo” (Utwórz oś czasu dla wideo).

Następnie waga zmieni swój wygląd. Teraz szturchamy w lewym dolnym rogu okna ikonę z trzema kwadratami, aby utworzyć animację klatka po klatce.

Otworzyliśmy panel animacji klatka po klatce. Teraz jest w nim tylko jedna klatka, w której pokazane są wszystkie widoczne warstwy (zawartość wybranej klatki pokazana jest w głównym oknie monitora).

Przejdź do palety warstw - F7. Musimy teraz wyłączyć dwie górne warstwy gwiazd (kliknij oko), pozostawiając tylko jedną widoczną. To będzie pierwsza klatka.

Przejdź do palety warstw. Wyłącz pierwszą warstwę z gwiazdkami, włącz drugą. Tak więc w drugiej klatce gwiazdy zostaną pokazane w innych miejscach.

Kliknij ponownie ikonę nowej ramki. Wyłącz drugą warstwę z gwiazdami, włącz trzecią.

Zwróć uwagę na czas pod każdą klatką, jest to czas trwania klatki. 5 sekund, które domyślnie to dla nas dużo – animacja zwolni, klikamy w strzałkę i ustawiamy czas trwania każdej klatki na 0,1 sekundy.

Aby klatki zmieniały się płynnie, musimy utworzyć klatki pośrednie między klatkami kluczowymi. Aby to zrobić, będąc na pierwszej klatce, kliknij ikonę z kilkoma kółkami u dołu panelu tymczasowego.

W wyświetlonym oknie określ, ile klatek pośrednich chcemy utworzyć. Ustawię ją na 2. Dla wszystkich ramek z wyjątkiem ostatniej ustaw „Następna ramka”.

Między pierwszą a drugą klatką kluczową są 2 klatki pośrednie.

Teraz stajemy na drugiej klatce kluczowej (teraz jest to czwarta z rzędu), ponownie klikamy ikonę z kółkami i tworzymy 2 kolejne klatki pośrednie. Teraz musimy zamknąć ostatnią i pierwszą klatkę, aby uzyskać płynną animację.

Wybierz ostatnią klatkę na osi czasu. Kliknij kręgi. W wyświetlonym oknie w wierszu „Klatki pośrednie” wybierz „Pierwsza klatka”, dodaj 2 klatki w ten sam sposób.

Teraz pod ramkami w lewym dolnym rogu wskazujemy liczbę powtórzeń odtwarzania animacji „Stałe”.

Wybierz pierwszą klatkę, naciśnij trójkąt po prawej „Odtwórz”, aby zobaczyć, co się stało.

Wybieramy format pliku do zapisania GIF, klikamy „Zapisz ...”, wybieramy katalog, w którym zapisujemy, ponownie klikamy „Zapisz”.

W tym samouczku widzieliśmy, jak tworzyć animację w Photoshop CS6.

Mam nadzieję, że z tego samouczka dowiedziałeś się czegoś nowego i przydatnego.

Aby wykonać animację, nie trzeba posiadać fenomenalnej wiedzy, wystarczy zaopatrzyć się w odpowiednie narzędzie i poprawnie z niego korzystać. Takich rozwiązań jest sporo, ale najbardziej znanym z nich jest Adobe Photoshop. Z tego artykułu dowiesz się, jak szybko stworzyć w nim animację.

Jeśli programu Photoshop nie ma na komputerze, pobierz go z powyższego łącza, a następnie zainstaluj zgodnie z instrukcjami z tego artykułu i uruchom.

Etap 1: Przygotowanie płótna i warstw

Teraz możesz narysować na nich to, co zostanie pokazane na animacji. W naszym prosty przykład to będzie ruchomy kwadrat. Na każdej warstwie przesuwa się o kilka pikseli w prawo.

Etap 2: Praca z osią czasu

Wszystko! Animacja jest gotowa. Możesz wyświetlić wynik, klikając przycisk „Rozpocznij odtwarzanie animacji”. A potem możesz to zapisać jako gif.

W tak prosty, ale sprawdzony sposób udało nam się wykonać animację GIF w Photoshopie. Oczywiście można to znacznie poprawić skracając czas klatek, dodając więcej klatek i oczywiście tworząc coś bardziej oryginalnego i jakościowo lepszego zamiast czarnego kwadratu. Ale to już zależy od twoich preferencji, pragnień i umiejętności.

Utwórz nowy plik rozmiaru 700 x 300 piks.

Otwarcie okna Oś czasu( (Okno - Oś czasu)).

Kliknij przycisk " Utwórz animację ramki» (Utwórz animację klatki).

Za pomocą narzędzia () utwórz 3 warstwę z tekstem („Animacja”, „to”, „tylko”).

Za pomocą narzędzia (Move Tool / V Key) umieść tekst jak na obrazku poniżej.

W oknie Oś czasu(Oś czasu) wybierz pierwszą klatkę i kliknij przycisk « Duplikuje wybrane klatki» (Utwórz kopię wybranych ramek).

Tworzymy 4 kopie wybranych klatek.

Wybierz w oknie Oś czasu(oś czasu) druga rama i pozostaw widoczne tylko warstwy ” Animacja" I " Tło».

Wybierać czwarta klatka i zostaw to widoczne wszystko warstwy.

Ustawmy parametr powtarzania dla naszej animacji. W menu okna Oś czasu(Oś czasu), zmień parametr powtarzania z „ pewnego razu" na " Stale” (zdjęcie poniżej).

Teraz możemy użyć animacji, aby zacząć grać.

Ustawienia animacji w „Plik — Zapisz dla Internetu” (Plik — Zapisz dla Internetu) Photoshop CC. Ostateczny wynik

Nauczysz się:

Jak otwierać i zamykać oraz dostosowywać panel animacji.
Jak dodawać, usuwać i edytować klatki kluczowe i animacyjne.
Do czego służy przycisk Animacja?
Jak zrobić prostą animację rysowania gwiazd.
Jak ustawić odstępy czasu dla każdej klatki animacji.
Jak zoptymalizować animację, aby zmniejszyć rozmiar pliku GIF.
Jak zaimportować pliki GIF do programu.
Jak przełączyć się z animacji klatki na oś czasu.

Lekcja składa się z następujących części:

1. Film instruktażowy.
2. Czym jest animacja.
3. Część 1. Animacja klatka po klatce.
4. Ustawianie interwałów.
5. Ustawienie częstotliwości powtórzeń.
7. Optymalizacja animacji.
8. Zapisywanie animacji.
10. Otwórz GIF-y.
11. Przyciski do ujednolicenia warstw animacji.
12. Zamknięcie panelu animacji.
13. Pytania.
14. Praca domowa.

Czym jest animacja

Animacja to sekwencyjna zmiana obrazów, w wyniku której wydaje nam się, że obiekt się porusza, zmienia kształt, pojawia się i znika, a wraz z nim mogą również zachodzić inne dynamiczne działania.

Korzystając z animacji w Photoshopie, możesz tworzyć pokazy slajdów ze zdjęć lub obrazów, tworzyć awatary, banery, wygaszacze ekranu na strony internetowe, dynamiczne pocztówki i różne prezentacje. Należy pamiętać, że Photoshop jest nadal edytorem graficznym i nie jest przeznaczony do skomplikowanych procesów animacji. Istnieją dwa sposoby tworzenia animacji w programie - animacja klatka po klatce oraz animacja w trybie osi czasu. Po kolei rozważymy oba typy animacji. Całą lekcję 36 poświęcimy badaniu animacji klatka po klatce. A w lekcji 37 zajmiemy się osią czasu. Niektóre proste zadania są wygodniejsze do wykonania w trybie animacji klatka po klatce. Nawet jeśli wiesz, jak pracować z osią czasu z innych programów, radzę spróbować zadań z tej lekcji. Na podstawie zdobytej wiedzy będziesz mógł zdecydować, jaką metodę zastosujesz w każdym przypadku.

Część 1. Animacja klatka po klatce

Płyta Ramki pojawił się dawno temu. Rozważmy jego ustawienia na przykładzie animacji rysowania gwiazdki.

Utwórz nowy dokument 800 x 800 pikseli, rozdzielczość 72, tryb kolorów RGB. Utwórz nową warstwę, klikając ikonę u dołu palety Warstwy. Lub naciśnij Shift+Ctrl+N.

Na pasku narzędzi wybierz narzędzie Pędzel czarny, średnica 35 pikseli z rozmytymi krawędziami. Narysuj pierwszą ukośną linię (wstaw kropkę, naciśnij Shift i wstaw kolejną kropkę - linia będzie prosta).

Utwórz drugą warstwę. Narysuj następną linię. Następnie trzecia warstwa
i kolejna linia itd. Powinieneś mieć sześć warstw, w tym warstwę tła.

Aby otworzyć panel Animacja, kliknij element Animacja w menu Okno. Lub z menu Okno ustaw Obszar roboczy ( Obszar roboczy) na Wideo i Film/Wideo. Upewnij się, że panel jest w trybie animacji klatka po klatce.
W przeciwnym razie kliknij ikonę w prawym dolnym rogu panelu animacji.

Wyłącz widoczność wszystkich warstw z wyjątkiem warstwy tła w palecie Warstwy (Warstwy), klikając ikonę po lewej stronie miniatury warstwy. To będzie pierwsza klatka naszej animacji.

Kliknij ikonę u dołu panelu Animacja. Pojawi się druga klatka (kopia pierwszej klatki). Aby to zmienić, włącz widoczność pierwszej warstwy w palecie Warstwy (Warstwy). Kliknij ponownie ikonę i włącz widoczność drugiej warstwy.

Kontynuuj tworzenie nowych ramek i włącz widoczność kolejnych warstw, aż w ostatniej ramce pojawi się cała gwiazdka.

W dolnej części panelu Animacja znajdują się narzędzia do dodawania, usuwania i przeglądania animacji.

- konwersja do animacji na osi czasu.

- animacja(Tworzenie ram pośrednich).

- Powiel aktualną klatkę (Tworzenie kopii wybranych klatek).

- Przyciski odtwarzania (jak każdy magnetofon).

Wybiera pierwszą klatkę(Wybierzpierwszyrama); Wybiera ramkę podglądu (WybierzPoprzednirama);

bawić się(rozpocznij animację);

ZaznaczaNastępnyrama(Wybierz następną klatkę).

- Usuń wybrane klatki. Należy pamiętać, że kluczDelna klawiaturze nie usuwa zaznaczonej klatki, ale usuwa wybraną warstwę z palety Warstwy (Warstwy).

Ustawianie interwałów.

Ustawmy teraz przedziały czasowe, w których będą widoczne klatki animacji.

Pod każdą ramką na dole jest napisane 0 s. i jest strzałka. Kliknij strzałkę i wybierz szybkość klatek. Wybierz wartość 0,5 dla wszystkich klatek (co oznacza, że zmiana klatki nastąpi po pół sekundy).

Ustawienie częstotliwości powtarzania.

Kolejnym krokiem jest ustawienie częstotliwości powtórzeń animacji. Kliknij strzałkę na dole panelu animacji. Pojawi się menu wyboru okresowości.

Jeśli wybierzesz Na zawsze (Na zawsze / Na stałe), animacja będzie się powtarzać w kółko. Ten proces nazywa się pętlą.

Jeśli wybierzesz opcję Raz, animacja zostanie odtworzona raz i zatrzyma się na ostatniej klatce.

W przypadku wybrania opcji Inne można ustawić inną liczbę powtórzeń w zakresie (od 1 do 999).

Teraz odtwórzmy utworzoną animację. Aby to zrobić, kliknij przycisk Odtwórz (Rozpocznij animację). Jeśli wszystko Ci się podoba, przejdź do następnego kroku, jeśli nie, dostosuj animację według własnego uznania.

Przejdź do panelu animacji. Kliknij ikonę Powiel bieżącą klatkę. Wybierz wszystkie warstwy z wyjątkiem warstwy tła.
Wyłącz widoczność warstwy tła. Naciśnij Ctrl + Shift + Alt + E. Pojawi się nowa warstwa, na której zostaną stemplowane wszystkie wybrane warstwy.
Miniatura warstwy pokaże gwiazdkę na przezroczystym tle. Nazwij tę warstwę Gwiazda.

Kliknij dwukrotnie warstwę, aby przejść do ustawień stylu. Ustaw nakładkę cienia i koloru. Wybierz kolor do wyboru.

Wróć do pierwszej klatki animacji
i usuń widoczność warstwy z gwiazdą
w palecie Warstwy (Warstwy).

Wybierz ostatnią klatkę. Na palecie Warstwy pozostaw widoczne tylko warstwy Gwiazda i Tło.

Powiel tę warstwę i zmień ustawienia stylu: Zmień kolor, ustaw tłoczenie lub obrys. Przejdź do panelu animacji. Kliknij ikonę Powiel bieżącą klatkę. Wróć do pierwszej klatki w panelu Animacja i odznacz tę warstwę w palecie.

Powiel warstwę ponownie i zmień styl. Wybierz narzędzie Przesuń (Przenieś) lub naciśnij Ctrl + T, aby przejść do narzędzia Przekształć swobodne. Zmień skalę. Przejdź do panelu animacji. Kliknij ikonę. Wróć do pierwszej klatki i odznacz tę warstwę.

Ponownie zduplikuj warstwę, powiększ trochę i zmień styl. I dodaj ramkę animacji. Powinieneś skończyć z takim scenorysem:

Naciśnij przycisk Odtwórz (Rozpocznij animację) i spójrz na wynik wykonanej pracy.

Optymalizacja animacji.

Kliknij ikonę w prawym górnym rogu panelu animacji. Pojawi się dodatkowe menu.

Po zakończeniu pracy należy zoptymalizować animację, aby zmniejszyć rozmiar pliku Gif i lepiej wczytywać się w przeglądarce internetowej. Redukcja następuje dzięki wykluczeniu obszarów, które nie zmieniają się podczas przechodzenia z klatki do klatki.

Wybierz Optymalizuj animację… (Optymalizuj animację). Zaznacz oba pola.
Ograniczanieskrzynka(ramka ograniczająca)- przycina klatki o zmieniony obszar w porównaniu do poprzedniej klatki.

Usuwanie nadmiarowych pikseli (usuwanie dodatkowych pikseli). Jeśli piksel nie zmienił się w stosunku do poprzedniej klatki, staje się przezroczysty.

Aby PhotoShop zapisywał ramki zawierające przezroczystość, wybierz opcję "Automatycznie". Aby to zrobić, wybierz jedną lub więcej ramek. Kliknij kliknij prawym przyciskiem myszy najedź myszą na miniaturę klatki. Wybierz jedną z trzech opcji:

Automatyczny(Automatycznie)— bieżąca klatka jest odrzucana, jeśli następna zawiera przezroczystość warstwy.,

Zrobićniedysponować(Nie wyrzucaj)- Aktualna klatka jest widoczna przez przezroczyste obszary następnej klatki.,

Dysponować(Pozycja)- bieżąca ramka nie jest widoczna przez przezroczyste obszary następnej ramki.

Zapisz animację.

Teraz czas na zapisanie animacji. Oczywiście w trakcie pracy konieczne było zapisanie pliku w formacie PSD, aby nie znaleźć się w sytuacji nagłej przerwy w dostawie prądu lub nieoczekiwanego ponownego uruchomienia komputera. Ale teraz mam na myśli kolejny save. Animację można zapisać jako animowany plik GIF za pomocą polecenia Zapisz dla Internetu.

Wybierz Zapisz dla Internetu z menu Plik. Ustaw format GIF w ustawieniach. Zwróć uwagę na rozmiar przyszłego pliku. Jeśli to możliwe, zmniejsz jego rozmiar. Jak to zrobić, szczegółowo omówiliśmy w lekcji Rozmiar obrazu (rozmiar obrazu). Podczas optymalizacji użyj modelu adaptacyjnej, percepcyjnej lub selektywnej redukcji kolorów, aby zapewnić spójność kolorów we wszystkich ramkach. Kliknij Zapisz, wprowadź nazwę, ścieżkę i ponownie kliknij Zapisz.

Wcześniej, aby nagrać animację, udaliśmy się do aplikacji ImageReady.

Photoshop CS2 wprowadza panel Animacja. Ale aby zapisać animowany plik, nadal musiałeś przełączyć się na ImageReady. Do przejścia służy przycisk na dole paska narzędzi lub menu Plik (Plik) - Edytuj w ImageReady (Przejdź do ImageReady).

Począwszy od programu Photoshop CS3 i nowszych, do nagrywania animacji nie są potrzebne żadne dodatkowe programy. Do edycji używany jest teraz panel Animacja, a do nagrywania element został dostosowany w menu Plik (Plik). Zapisaćdlasieć(Zachować dlasieć) .

Rozważmy inny mały przykład tworzenia animacji klatka po klatce, w którym przeanalizujemy, do czego służy przycisk. animacja(Utwórz animację).

Utwórz nowy dokument 500 x 250 pikseli. Wybierz narzędzie Typ (tekst), czcionka Impact, rozmiar 150 pt. i napisz dowolne słowo. Ustaw krycie na 100%. Dodaj style warstw: cień, gradient i wypukłość. Możesz wybrać inny styl, nie musisz robić tego jak mój. Deformację tekstu można również animować. W panelu animacji ustaw interwał na 0,2 sekundy. Naciśnij przycisk, aby skopiować pierwszą klatkę. Przejdź do palety Warstwy (Warstwy) i zmniejsz krycie do 0. Zmień styl warstwy (na przykład zamiast nakładki gradientowej dodaj nakładkę koloru). Przełączając się między ramkami, możesz obserwować, jak zmienia się obraz.

Dodajmy ruch. Wybierz narzędzie Przesuń (Przesuń) i przesuń tekst w dół, poza arkusz. Przejdź do panelu animacji i kliknij przycisk

W wyświetlonym oknie możesz ustawić liczbę dodanych klatek. Im więcej z nich, tym płynniejsze będzie przejście. Na wykresie animacjaZ(międzyklatkowe) możesz wybrać z listy, gdzie zostaną wstawione ramki:

Ostatnia (ostatnia klatka); Wybór (Wybór); Poprzednia klatka (poprzednia klatka); Pierwsza ramka (pierwsza ramka); Następna ramka Lista zmienia się w zależności od wybranej ramki.

Pozostaw wszystkie ustawienia domyślne. Kliknij OK.

Kliknij Odtwórz (Rozpocznij animację). Jeśli wszystko Ci odpowiada, przejdź do zapisania animacji.

Otwieranie GIF-ów.

W Photoshop CS3 i CS44 pliki animacji wideo i GIF nie otwierają się za pomocą menu Plik (Plik) – Otwórz (Otwórz). Gdy próbuję go otworzyć, pojawia się okno:

Pamiętaj, aby zainstalować QuickTime Pro 7.1 lub nowszy.

Photoshop CS5 nie ma tego problemu. Pliki można łatwo otwierać w zwykły sposób.

Wybierz z menu Plik (Plik) –Importuj (Importuj) – Klatki wideo do warstw (klatki wideo
na warstwy...). Nie będziesz mógł wybrać plików GIF w polu typu pliku. Jednak tę wadę można łatwo ominąć, jeśli najpierw skopiujesz nazwę pliku .gif i wkleisz ją w polu nazwy pliku lub ręcznie wpiszesz nazwę w tym polu. Lub wpisz * w polu Nazwa pliku i kliknij Załaduj, a następnie
nazwa pliku gif stanie się widoczna i będzie można go otworzyć (pozostaną widoczne inne pliki, nawet te, których nie można otworzyć w programie).

Pozostaw ustawienia w oknie, które pojawia się jako domyślne. Od początku do końca i Utwórz animację klatki powinny być zaznaczone. Niestety otwierane w ten sposób pliki nie będą miały przezroczystego tła - zamiast tego będą one białe. Po otwarciu takiego pliku w CS5 przezroczyste tło zostanie zachowane.

Przyciski do ujednolicenia warstw animacji.

Przyjrzyj się, jak zmieniła się paleta Warstwy(Warstwy) podczas pracy z animacją klatka po klatce. Pojawiły się przyciski, które pozwalają zastosować zmiany w bieżącej klatce do wszystkich innych klatek. Zaznacz pole wyboru Propaguj klatkę 1.

Zobaczmy, jak działają... Otwórz plik animacji rysowania gwiazdy. Wybierz dowolną ramkę i wyłącz widoczność warstwy tła. Kliknij Odtwórz (Rozpocznij animację). Tylko wybrana ramka stała się przezroczysta. Kliknij przycisk Ujednolicenie widoczności warstwy. Pojawi się okno: .

Kliknij Mecz(Synchronizować) i ponownie uruchom animację. Rysowanie gwiazdy będzie się odbywać na przezroczystym tle przez całą animację. Przezroczystość pierwszej klatki jest teraz przypisana do wszystkich klatek animacji. Podobnie możesz kontrolować położenie i styl warstwy.

W palecie Warstwy (Warstwy) wybierz element Opcje animacji (Opcje animacji). Domyślnie przyciski ujednolicania warstw pojawiają się automatycznie po włączeniu paska animacji klatka po klatce. Możesz zmienić tę regułę, wybierając Zawsze pokazuj lub Zawsze ukrywaj.

Zamknij panel animacji.

Panel animacji można zamknąć na kilka sposobów:

Możesz zminimalizować lub zamknąć panel animacji, a także przejść do Preferencji (Ustawienia), klikając Preferencje interfejsu użytkownika (Opcje interfejsu).

Pytania:

Co się stanie, jeśli zaznaczysz klatkę w animacji klatka po klatce i naciśniesz Del na klawiaturze?

Wybrana ramka zostanie usunięta.

Warstwa wybrana w palecie Warstwy zostanie usunięta ze wszystkich klatek animacji.

Warstwa wybrana w palecie Warstwy (Warstwy) zostanie usunięta tylko dla wybranej klatki animacji.

Warstwa wybrana w palecie Warstwy zostanie usunięta ze wszystkich klatek animacji z wyjątkiem warstwy tła.

Masz trzy klatki. Animacja będzie ciągła. Co należy zrobić, aby dodać
5 klatek pośrednich między ostatnią a pierwszą klatką?

Wybierz pierwszą klatkę. Naciśnij przycisk
W ustawieniach w kolumnie Tween With (Klatki pośrednie) wybierz Następna klatka (Następna klatka).

Wybierz ostatnią klatkę. Naciśnij przycisk
W ustawieniach w kolumnie Tween With (klatki pośrednie) wybierz opcję Poprzednia klatka (Poprzednia klatka).

Wybierz ostatnią klatkę. Kliknij przycisk Animacja.
W ustawieniach w kolumnie Tween With (klatki pośrednie) wybierz opcję Pierwsza klatka (Pierwsza klatka).

Do czego służy optymalizacja animacji?

Aby przekonwertować na animację na osi czasu.

Zmniejszenie rozmiaru pliku GIF przez wykluczenie obszarów, które nie zmieniają się od klatki do klatki.

Aby ustawić częstotliwość powtórzeń animacji.

Praca domowa:

1) Wykonaj animację poklatkową rysowania gwiazdy (zgodnie z lekcją).

2) Wykonaj animację tekstu klatka po klatce.