w Praktyce
6 godz. 18 min · After Effects · Grafika motion i 3D
Michał WedlechowiczWystartujemy z wprowadzeniem do After Effects. Poznamy podstawowe funkcje programu, przygotujemy i zaciągniemy do niego pierwsze materiały i zaczniemy wprawiać je w ruch pracując na ścieżkach wektorowych. Zainstalujemy plugin Lottie i skonfigurujemy swoje konto w serwisie Lottie FIles, abyśmy mogli eksportować tam nasze animacje i pobierać je w formatach dotLottie albo JSON.
W drugim rozdziale zaczniemy pracować nad docelowym projektem. Poznasz te funkcje Aftera, które będą istotne dla przygotowania plików Lottie. Poznasz też ograniczenia i najczęstsze problemy, oraz dowiesz się jak sobie z nimi radzić i jak optymalizować pliki importowane do After Effects. Dowiesz się też jakich narzędzi wolno używać, a które nie są wspierane przez format Lottie. Jeżeli natomiast pracujesz już z motion designem i znasz bardzo dobrze After Effects, to dzięki temu szkoleniu będziesz wiedział jak wykorzystać swoje umiejętności na zupełnie nowym polu, jakim jest animacja na potrzeby interfejsów.
Ostatni rozdział kursu to dopracowanie projektu w najmniejszych szczegółach i praca ze ścieżkami wektorowymi oraz z ich animacją. Usuniemy niepotrzebne elementy w kompozycjach i zadbamy o optymalizację pliku oraz o jego wagę. Postaramy się, żeby jego waga oscylowała w granicach od kilkudziesięciu do maksymalnie kilkuset kilobajtów, aby nie obciążać strony internetowej. Dodatkowo zaimportujemy nasz Lottie do Webflow, abyśmy mogli zobaczyć jak w praktyce będzie działała nasza animacja i w jakie interakcje możemy z nią wchodzić.
Jednym z praktycznych projektów jaki stworzymy w trakcie kursu będzie Bardzo zaawansowana animacja postaci oparta na ruchu węzłów wektorowych. Do stworzenia projektu wystarczą nam podstawowe funkcje Aftera. W kursie dowiesz się, że projektując animację pod Lottie nie możemy korzystać z bardziej złożonych narzędzi After Effects, ponieważ mogą nie być one wspierane przez format Lottie czy JSON. Przejdziemy przez listę funkcjonalności, które możemy stosować, a których lepiej unikać, aby mieć pewność, że nasze animacje będą wyświetlać się prawidłowo na wielu różnych platformach.
Materiał szkoleniowy, to zbiór lekcji wideo, poukładanych w odpowiednich rozdziałach i podzielonych na części tematyczne. Został opracowany z myślą o: projektantach graficznych, UI designerach, motion designerach. Wszystkie lekcje przygotowane są tak, aby osoby początkujące mogły nauczyć się podstaw animacji obsługi After Effects. Natomiast osoby posiadające już doświadczenie z animacją dowiedzą się jak wykorzystać swoją wiedzę dla tworzenia animacji i interakcji w dziedzinach związanych z Digital Designem. Kto jeszcze może skorzystać na wiedzy zawartej w tym kursie? Graficy pracujący w zawodzie od lat - doświadczeni graficy będą mogli wykorzystać swoją wiedzę na zupełnie innym polu, jakim jest motion. Dowiedzą się jak działa After Effects, oraz jak eksportować poprawne pliki Lottie, niezawierające błędów. Zyskają nowe perspektywy i umiejętności, które pozwolą im wyróżnić się na konkurencyjnym rynku pracy. Freelancerzy pracujący zdalnie dla dużych agencji reklamowych - dla nich materiał to droga do poznania nowych technik pracy i wykorzystania swojej wiedzy na zupełnie innych polach, co przełożyć się może na otrzymywanie bardziej zróżnicowanych zleceń i lepsze zarobki.
Jesteśmy w aplikacji Adobe After Effects, więc czas zacząć przygodę z animacją.
W tej lekcji krótko wprowadzę Cię w interfejs, jeśli jesteś
nie zaznajomiony jeszcze z tą aplikacją.
Tutaj mamy przed sobą Welcome screen, w którym możemy zobaczyć listę projektów,
nad którymi ostatnio pracowaliśmy.
Natomiast to co nas interesuje to New Project.
Abyśmy założyli sobie nowy dokument i przechodzimy do interfejsu
tego już roboczego.
Mamy tutaj panel projektu współdzielony z panelem do kontroli efektów.
Panel kontroli efektów w zasadzie nie będzie nam potrzebny, ponieważ wszystkie
te super fajerwerki i efekty jakichś partii, systemy cząsteczkowe, animowane
korekcji kolorów, suwaki, slidery i inne super hiper
cinematic, inne hollywoodzkie efekty jakie są dostępne w aferze nie działają
w formacie Lost I files, więc praktycznie z tego menu efekty nie będziemy
nic będziemy korzystać.
Dlatego projektowanie animacji LOT jest dobrym czasem na to,
aby nauczyć się podstaw pracy za sterem.
Nie musimy zagłębiać się w jakieś super zaawansowane rzeczy.
Następnie tutaj mamy okno kompozycji, gdzie będziemy mieli nasz tzw.
stół montażowy, na którym będziemy widzieć jak zachowują się nasze
animowane elementy.
Po prawej stronie mamy nasz zaatakowany tutaj w lekcji poprzedniej plugin lotni.
Obok mamy panel Preview oraz.
Panel z właściwościami zaznaczonego elementu, ale jako, że żaden nie jest
zaznaczony to mamy tutaj opcję wyrównywania.
Mamy mamy możliwość szukania efektów.
Też nie będzie nam to konieczne, bo możemy sobie oczywiście wyszukać jakiś efekt np.
particular world i możemy go sobie nanieść jako na
jakąś warstwę, ale nie będziemy korzystać z tych
efektów, bo tak jak wspomniałem one nie są wspierane przez LOD I Files.
Będziemy starać się raczej pracować z animacją ścieżek wektorowych i
starać się uzyskiwać bardzo fajne, miękkie efekty animacyjne ręcznie,
co wpłynie na to jak będzie wyglądał nasz animowany plik loki
i jednocześnie nauczy nas to zrozumienia animacji samej w sobie.
Następnie tutaj jest panel chyba, z którym najczęściej będziemy korzystać.
Mamy tutaj linię czasu z panelem warstw.
Tutaj będziemy stawiać nasze klatki kluczowe i układać sobie warstwy, więc
tutaj chyba będzie najwięcej klikania w tym miejscu.
OK, to chyba wszystko w tej lekcji takiej wprowadzającej.
Dosyć podstawowej jeśli chodzi o interfejs, bo mamy tutaj naprawdę sporo
różnych okien.
Jeśli wybierzemy window, to możemy tutaj zobaczyć jak dużo jest
różnych paneli do dyspozycji.
Jeżeli np.
zainstalujemy sobie jeszcze jakieś pluginy takie jak np.
Duck, który służy do animowania postaci, to też oczywiście ta
lista już nam się wydłuży.
Ale mamy też dodatkowe rozszerzenia.
I w tym przypadku jest to nasz LOT I files, który jest oczywiście włączony
i zablokowany tutaj po prawej stronie.
W momencie, kiedy tutaj w tym panelu kompozycji nie ma naszej
animacji, nic się nie dzieje, bo nie mam oczywiście nic na warstwach, to możemy
wybrać albo nauką position, albo nauką position from footage.
Czyli możemy tutaj załadować sobie jakiś plik video, z którego stworzymy sobie nową
kompozycję, albo możemy stworzyć nową pustą kompozycję
i tu możemy dobrać jej parametry.
Ale wybierzmy teraz Cancel.
Tym zajmiemy się w lekcji następnej. Na teraz to wszystko.
Do usłyszenia po przerwie.