Jak zrobić prostą animację za pomocą programu Adobe Illustrator i After Effects

Czy kiedykolwiek stworzyłeś niesamowitą ilustrację w programie Adobe Illustrator i zastanawiałeś się, co jeszcze możesz z nią zrobić? Możesz go zaimportować do After Effects i przekształcić w fantastyczną animację. Śledź dalej, aby zobaczyć, jakie to proste.

Utwórz ilustrację w programie Adobe Illustrator

Istnieją różne sposoby tworzenia ilustracji do przyszłej animacji. Korzystanie z programu Adobe Illustrator oferuje intuicyjne rozwiązania w zakresie ilustracji, które można łatwo zaimportować i zrozumieć w programie After Effects. Możesz też użyj Photoshopa, aby stworzyć kompozycję do After Effects, ale skupimy się na pracy z programem Illustrator.

Tworząc dokument programu Illustrator, ustaw go zgodnie z rozmiarem zamierzonego wideo (używamy 1920 x 1080). Aby rozpocząć nowy dokument, kliknij Nowy plik i wybierz swoje wymiary. Kliknij OK i jesteś gotowy do rozpoczęcia projektowania.

Użyj prostych kształtów

Prawdziwą zaletą korzystania z programu Illustrator do projektowania animacji są opcje odnajdywania ścieżek. Możesz projektować za pomocą prostych kształtów, takich jak elipsa lub prostokąt, a korzystając z funkcji odnajdywania ścieżek, możesz łatwo przekształcić te proste kształty w bardziej skomplikowane ilustracje.

Użycie prostych, minimalistycznych kształtów do ilustracji pomoże Ci również w animacji. Prosta ilustracja jest łatwiejsza do animacji niż coś znacznie bardziej złożonego. Prawdopodobnie zauważysz, że większość animacji, które znajdziesz w Internecie, jest dość prosta.

Minimalistyczna paleta kolorów uzupełni twoją prostą animację — napisaliśmy przewodnik po tworzeniu zautomatyzowana paleta kolorów w programie Illustrator.

Pracuj na oddzielnych warstwach

Praca nad osobnymi warstwami w programie Illustrator to nie tylko dobra praktyka, ale także integralna część późniejszego importowania ilustracji do programu After Effects. Warstwy zostaną zachowane i będzie można łatwo animować warstwa po warstwie.

Każdy element projektu, który chcesz animować — lub nie — musi znajdować się na osobnej warstwie. Jeśli element jest złożony, ale nie zawiera pojedynczych części, które można animować, cała sekcja powinna znajdować się na tej samej warstwie. Każda warstwa powinna mieć zmienioną nazwę, aby można było śledzić je wszystkie w AE. Aby zmienić nazwę warstwy, kliknij dwukrotnie jej aktualną nazwę.

Podczas importowania ilustracji do AE, nie tylko wymiary pliku i warstwy pozostaną takie same — a zatem utrzymywanie elementów we właściwych pozycjach — ale wszystkie elementy animowane będą poprawnie rozdzielone także.

Zapisywanie pliku programu Illustrator

Po ukończeniu ilustracji przejdź do Plik > Zapisz jako i zapisz go jako plik AI. Po kliknięciu Ratowaćpojawi się wyskakujące okienko. Upewnij się, że Utwórz plik zgodny z PDF pole jest zaznaczone, a następnie kliknij OK.

Powodem zapisania ilustracji jako pliku AI jest to, że staje się ona plikiem na żywo. Jeśli stworzyłeś animację z tego samego pliku, ale później zdasz sobie sprawę, że chcesz zmienić kolor lub aspekt ilustracji, możesz. Wszelkie zmiany zapisane w pliku AI zostaną natychmiast odzwierciedlone w animacji After Effects, o ile używasz pliku AI.

Jest to opcja, której, miejmy nadzieję, nie będziesz potrzebować, jeśli stworzyłeś ilustrację tak, jak chcesz. Ale wspaniale jest mieć możliwość zmiany aspektów w przyszłości, jeśli zajdzie taka potrzeba.

Importowanie projektu do Adobe After Effects

Po zapisaniu pliku AI nadszedł czas na zaimportowanie ilustracji do programu After Effects. AE ma trzy główne obszary: panel projektu, oś czasu i kompozycję. Kliknij dwukrotnie w panelu Projekt, a pojawi się wyskakujące okienko. Znajdź swój plik programu Illustrator, wybierz Importuj jako > Kompozycja – Zachowaj rozmiary warstwi kliknij Import. Upewnić się Utwórz kompozycję sprawdzone.

Po otwarciu zobaczysz dwie opcje plików w panelu Projekt. Jeden będzie plikiem kompozycji, a drugi będzie folderem osobnych warstw. Nie musisz korzystać z folderu. Przeciągnij plik kompozycji w dół na oś czasu, a Twoja ilustracja pojawi się w obszarze kompozycji. Zobaczysz wszystkie swoje warstwy na osi czasu.

Możesz dostosować czas trwania animacji, wydłużając lub skracając pasmo czasowe nad osią czasu. Będzie to długość eksportowanego wideo, ale można ją zmienić w dowolnym momencie podczas procesu projektowania.

Przekształć się w After Effects

Na osi czasu każda warstwa może być indywidualnie animowana za pomocą wielu różnych opcji przejścia. Aby zobaczyć przejścia, kliknij małą biała strzałka na warstwie, a następnie kliknij strzałkę obok Przekształcać aby przeglądać i zmieniać typy animacji.

Zobaczysz te opcje transformacji:

• Punkt kotwiczenia
• Pozycja
• Skala
• Obrót
• Nieprzezroczystość

Obok każdej z opcji będzie zestaw liczb. Te liczby mogą być wartościami procentowymi, współrzędnymi lub czymś innym. Każdy z nich odnosi się do opcji transformacji, obok której są; kiedy przekształcisz część swojej animacji, liczby będą odzwierciedlać zmianę.

Zmiana opcji Transform nic nie da bez użycia klatek kluczowych. Są najważniejszą częścią animacji w After Effects.

Praca z klatkami kluczowymi

Klatki kluczowe to ikony w kształcie rombu, które reprezentują element Transform dla wskaźnika czasu. Aby móc korzystać z klatek kluczowych, musisz nacisnąć ikonę stopera obok wybranej opcji Przekształć — działa ona jak przełącznik i rozpoznaje używaną opcję Przekształć.

Gdy stoper jest włączony, możesz przesunąć wskaźnik czasu — pionową niebieską linię z zakładką u góry — wzdłuż osi czasu animacji do miejsc, w których mają się pojawiać elementy animacji. Zmiana parametrów liczbowych spowoduje dodanie klatki kluczowej. W przypadku niektórych opcji przekształcania — takich jak Skala lub Pozycja — możesz również ręcznie przenieść element w oknie kompozycji zamiast zmieniać liczby.

Za każdym razem, gdy przesuniesz wskaźnik czasu, a następnie zmienisz parametr Transform, doda on klatkę kluczową. Możesz przenosić klatki kluczowe z ich pozycji, a parametr zostanie przeniesiony do miejsca, w którym umieścisz klatkę kluczową.

Możesz także skopiować i wkleić klatkę kluczową, która zostanie odzwierciedlona na innej warstwie. Na przykład, jeśli chcesz, aby jednocześnie przesuwało się wiele warstw, możesz skopiować klatki kluczowe Pozycja jednej warstwy, a następnie wkleić je do innej warstwy. Wkleją się tam, gdzie znajduje się wskaźnik czasu. Wybranie wielu warstw naraz i dodanie klatek kluczowych do jednej spowoduje umieszczenie tej samej klatki kluczowej na wszystkich wybranych warstwach.

Korzystanie z łatwej łatwości

Funkcja Easy Ease jest powszechnie używana, ale do czego służy? Wskazówka tkwi nieco w nazwie — ułatwia to elementy animacji.

Dodanie łatwej łatwości do klatki kluczowej zapewnia opcji Przekształć bardziej naturalną łatwość, a nie nagłe zakończenie (lub początek). To bardzo subtelna różnica, ale prawdopodobnie dodaje poziom wiedzy do twoich animacji.

Aby użyć funkcji Easy Ease, kliknij prawym przyciskiem myszy dowolny romb klatki kluczowej i przejdź do Asystent klatek kluczowych > Łatwa łatwość. Możesz także użyć skrótu F9 wdrożyć Easy Ease. Diament klatki kluczowej zmieni się w kształt klepsydry, aby przedstawić Easy Ease.

Eksportowanie animacji

Gdy skończysz animację w programie After Effects i będziesz zadowolony z tego, jak to wszystko wygląda, musisz zapisać swój film. Możesz używaj wtyczek takich jak LottieFiles do tworzenia animacji Lottie z Twojego filmu lub możesz wyeksportować jako film z różnymi opcjami renderowania.

Iść do Plik > Eksportuj > Dodaj do kolejki renderowania. Wybierz miejsce docelowe i kliknij Renderowanie. Możesz pozostawić animację do renderowania bez nadzoru; w zależności od jego długości i ilości elementów może to chwilę potrwać. Po zakończeniu renderowania masz swój film animowany.

Przekształć swoją grafikę ilustracyjną w After Effects

Możesz zmaksymalizować swoje umiejętności w programie Adobe Illustrator, zamieniając prostą ilustrację w imponującą animację. Korzystając z narzędzia Pathfinder i warstw programu Illustrator, docenisz to narzędzie po zaimportowaniu go do programu After Effects. Postępuj zgodnie z tym przewodnikiem i stwórz fajną animację.

75+ skrótów klawiaturowych Adobe After Effects, które ułatwią Ci życie

Czytaj dalej

O autorze