Kurs Projektuj Animacje UI z Lottie Files i After Effects
W tym kursie poznasz lekki format Lottie, który w oparciu o plik JSON jest w stanie odtwarzać animacje na stronach internetowych czy aplikacjach
40 lekcji
6h 18min
Projektuj Animacje UI z Lottie Files i After Effects - w Praktyce
Konfiguracja i poznanie After Effects
Wystartujemy 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.
Praktyczny projekt z After Effects
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.
Dopracowanie projektów i praca z Lottie w Webflow
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ć.
Zaawansowana animacja z Lottie
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.
Dla kogo jest ten kurs?
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.
Czego się nauczysz?
-
Wprowadzenie do Lottie
-
Przykłady animacji na stronach
-
Wprowadzenie do After Effects
-
Import plików do aftera
-
Praca z timelinem
-
Pierwsze projekty i kompozycje
-
Instalacja pluginu Lottie
-
Przygotowanie plików w Adobe Illustrator
-
Konwertowanie warstw na ścieżki
-
Podstawowe właściwości warstw w After Effects
-
Transformacje ścieżek na osi czasu
-
Dopuszczalne efekty dla Lottie
-
Usuwanie błędów i niepotrzebnych warstw
-
Graph Editor
-
Optymalizacja wagi pliku
-
Eksport do formatu dotLottie
-
Import do Webflow
-
Dodawanie interakcji i animacji
Zawartość
Projektuj Animacje UI z Lottie Files i After Effects
3 rozdziały 40 lekcji 6h 18min
-
Konfiguracja i poznanie After Effects
1h 47min
Lottie - przykłady
10min
Dashboard
13min
Zakładanie konta i instalacja pluginu
5min
Interfejs After Effects - Podstawy
4min
Elementy kompozycji w Illustrator
12min
Pierwsze ruchome wektory
12min
Czas i Maska
10min
Kompozycja w kompozycji
8min
Obrys wypełnienie i opacity
7min
Efekt Trim Path
9min
Eksport pliku Lottie
6min
Alternatywa dla Mask Path
10min
-
Praktyczny projekt z After Effects
2h 33min
Wprowadzenie do praktycznego projektu
3min
Przygotowanie plików
10min
Częste błędy w przygotowaniu plików
7min
Przygotowanie warstw do animacji
8min
Animacja Drop down Menu
12min
Opcje transformacji kształtów wektorowych
24min
Animacja kursora
19min
Zastosowanie prostej ekspresji
9min
Praca z animowanym tekstem
11min
Animacja Chatu
11min
Animacja Czatu cz - 2
14min
Animacja Chatu - ciąg dalszy
15min
Czyszczenie projektu
10min
-
Trzecia animacja oraz interakcje w Webflow
1h 58min
Eksport do Lottie i sprawdzanie błędów
11min
Wykorzystanie animacji w Webflow
5min
Preview animacji w sekcji Hero
5min
Przygotowaniu plików do trzeciej animacji
6min
Obrót postaci o 180 stopni
31min
Praca na ścieżkach i praktyczne maskowanie
5min
Duplikowanie kompozycji
5min
Przygotowanie finalnej kompozycji
8min
Kanał Alpha dla kompozycji
13min
Eksport dotLottie
3min
Webflow i animacja po scrollu
10min
Preview i finalizacja
6min
Bonus - Lottie i Figma
8min
Zakończenie
3min
Autor kursu
Michał Wedlechowicz
Średnia ocen autora: 5
Kurs Projektuj Animacje UI z Lottie Files i After Effects
-
40 lekcji wideo
-
6h 18min materiału
-
Ostatnia rewizja 22.07.2024
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Dlaczego wybrać właśnie ten kurs?
Efektywna nauka
Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
Wiedza ekspertów
Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
Praktyczne przykłady
Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.
Jak jest skonstruowany kurs?Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.
Jak najlepiej wykorzystać kurs?Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!
Jak mogę uzyskać dostęp do kursu?Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.
Czy kurs jest aktualny?Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.
Czym się różni kurs od warsztatu i ścieżki?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
Mogę polecić kursy z eduweb.pl osobom, które myślą o przekwalifikowaniu się z dotychczasowej branży i chcą uczyć się z uporządkowanych źródeł, w wybranym przez siebie czasie, no i przede wszystkim - w praktyce, a nie w teorii.
Robert Harężlak
Art Director, Graphic Designer
Zacznij naukę w Projektuj Animacje UI z Lottie Files i After Effects
-
40 lekcji wideo
-
6h 18min materiału
-
Ostatnia rewizja 22.07.2024
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Czy przyszłość to meta ludzie i wirtualni influencerzy
Jacek Lamont
Wprowadzenie do MOHO
Maja Krajewska
Animacji 2D
Michał Wedlechowicz
Animacja w After Effects
Michał Wedlechowicz
Animacja postaci z After Effects cz. 2
Michał Wedlechowicz