Animacja interfejsu - kurs 31 900 RUB. z Uprock, szkolenie 4 miesiące, data 28 listopada 2023.
Miscellanea / / November 30, 2023
Zacznij w dowolnym momencie i ucz się z komfortową szybkością
Rozpoczęcie szkolenia nie jest powiązane z datą zakupu kursu. Zacznij w dowolnym dogodnym dla Ciebie momencie i ucz się w komfortowym tempie. Najlepszą opcją jest poświęcenie 2 godzin dziennie na naukę. Jeśli możesz poświęcić kursowi 4-8 godzin, ukończysz go 2-4 razy szybciej.
Spójność i czas na adaptację
Stopień złożoności wykonywanych przez Ciebie zadań wzrasta od najprostszych, trwających do 30 minut, po te bardziej złożone i czasochłonne. W ten sposób stopniowo włączasz się w proces uczenia się.
Pojemne, ale pouczające samouczki wideo
Najpierw zrobiliśmy kilkusetstronicowy scenariusz, następnie go udźwiękowiliśmy, zredagowaliśmy, wypełniliśmy grafiką i zrobiliśmy dla Was krótkie lekcje „bez wody”, których łatwo się nauczyć i do których miło będzie po coś wrócić przypomnienie sobie czegoś.
Nasi kuratorzy udzielają najszybszych i najbardziej szczegółowych odpowiedzi. Obowiązują rygorystyczne zasady: dziennie będziesz otrzymywać co najmniej 2 analizy wideo, przy każdej odpowiedzi kurator odnotuje Twoje błędy i podpowie, jak je poprawić.
Program kursu obejmuje wszystkie zagadnienia związane z animacją interfejsu. Wszystkie lekcje prowadzone są konsekwentnie i intensywnie, pojemnie i bez wody.
TEORIA
Wstęp
Na tej lekcji dowiesz się, czym jest animacja internetowa, jakie funkcje pełni w projektowaniu interfejsu i w jakich przypadkach jest wykorzystywana. Dowiesz się jakie dwa rodzaje animacji stosowane są na prawdziwych stronach internetowych. Uzyskaj kluczowe wskazówki dotyczące tworzenia płynnej, łatwej i zawsze trafnej animacji. Dowiesz się jakich technik lepiej nie stosować w realistycznych animacjach i dlaczego. Przeanalizujemy podstawowe działania animacyjne i przyjrzymy się im na przykładach. Zastanówmy się, jakie programy należy zainstalować, aby trenować i wygodną pracę. Gdzie i jak się zarejestrować, jaki plan taryfowy wybrać. Otrzymasz dwie przydatne wtyczki - AEUX i Motion Tool, które pozwolą Ci zoptymalizować niektóre kluczowe procesy pracy w Adobe After Effects i znacznie ułatwią proces tworzenia animacji oraz zapoznają się z programem After Efekty.
- Wprowadzenie do animacji internetowej
- Teoria
- Instalowanie programów
- Interfejs i konfiguracja After Effects
ĆWICZYĆ
Animacja wyglądu
W tej lekcji poznasz najbardziej podstawową i popularną animację - animację wyglądu i właściwość Krycie. Ten praktyczny samouczek jest skonstruowany w taki sposób, że otrzymasz szczegółowe instrukcje dotyczące krok po kroku tworzenia animacji wyglądu. Porozmawiamy o tym, czym jest renderowanie i dlaczego jest potrzebne. Przyjrzyjmy się funkcji Track Matte i jej pierwszej właściwości - Alpha Matte (maska alfa). W rezultacie zyskasz podstawową umiejętność pracy z właściwościami Krycie, Alpha Matte (maska alfa) i stworzysz ujęcie z animacją o pięknym wyglądzie.
ĆWICZYĆ
Skomplikowana scena pojawienia się
Przyjrzyjmy się kombinacji składającej się z dwóch animacji: wyglądu (już go znasz) i ruchu (jest to dla Ciebie nowy rodzaj animacji). Zastanowimy się nad tym ostatnim bardziej szczegółowo. Aby animować ruch, użyjesz parametru Pozycja, który określa położenie obiektu w kompozycji. Zapoznasz się także z opcją warstwy Anchor Point i nauczysz się, jak prawidłowo z niej korzystać. Na koniec animujesz ujęcie i nauczysz się tworzyć imponujące animacje na podstawie różnych typów animacji.
ĆWICZYĆ
Praca z narzędziami ruchu
Na lekcji szczegółowo zapoznasz się ze skryptem Motion Tools. Przekonaj się w praktyce, jak wygodne jest to narzędzie. Faktycznie znacznie przyspiesza proces pracy. Zyskasz dogłębną wiedzę na temat wykresu prędkości, łagodzenia, działania krzywych Beziera w After Effects i ich wpływu na animację. Na koniec dowiesz się szczegółowo, jak dostosować animację za pomocą narzędzi ruchu, co znacznie zoptymalizuje jakość animacji.
- Pojęcia ogólne
- Narzędzia ruchu v2.0
ĆWICZYĆ
Animacja powiększenia (przy użyciu maski alfa)
Dowiesz się jak wyświetlić animacje pojawiających się zdjęć. Kluczową właściwością, którą poznasz w tym samouczku, jest parametr Skala warstwy. Za jego pomocą możesz zmienić rozmiar obiektu. Ta animacja nazywana jest animacją skalowania (przy użyciu Alpha Matte). Przeskalujemy samą Alpha Matte (maskę alfa) i znajdujący się w niej obraz wraz z animacją wyglądu, którą już przestudiowałeś. Dzięki temu dowiesz się, jak efektywnie animować zdjęcia.
ĆWICZYĆ
Animacja paralaksy
Zyskasz dogłębną wiedzę na temat zastosowania jednego z najpopularniejszych efektów – paralaksy. Aby go zaimplementować, będziesz potrzebować 3 elementów projektu i znanej już właściwości Position. Po utworzeniu efektu paralaksy dowiesz się, jak zastosować animację odwrotną, aby zapętliła się. Na koniec dowiesz się, jak tworzyć ujęcia wykorzystujące efekt paralaksy, aby stworzyć wrażenie głębi i wymiaru, które wywrze silne wrażenie na widzach.
ĆWICZYĆ
Złożona scena z zastosowaniem paralaksy, ruchu i maski
W tym samouczku dowiesz się, jak tworzyć złożone animacje wykorzystujące animacje, których nauczyłeś się w poprzednich rozdziałach. sprinty, a mianowicie: Wygląd - Krycie, Ruch - Pozycja, Skalowanie - Skala, zastosowanie Alpha Matte (maska alfa) i Efekt paralaksa. Nowym rodzajem animacji dla Ciebie będzie pojawienie się tytułu w obszarze maski. Dowiesz się, jak tworzyć złożone sceny z przejściami przy użyciu wszystkich typów animacji, co pomoże Twoim ujęciam wyróżnić się na tle innych.
ĆWICZYĆ
Animacja adaptacyjna
Przyjrzymy się koncepcji animacji adaptacyjnej. To znana już animacja powiększenia, którą wykorzystasz do zademonstrowania responsywnych wersji witryny, gdy układ pulpitu płynnie przekształci się w układ telefonu komórkowego. Aby go utworzyć, wykorzystasz poznane wcześniej właściwości, takie jak Ruch – Pozycja, Skalowanie – Skala, Zniknięcie/Wygląd – Krycie, Odwrotna animacja – Narzędzia ruchu 2/Klon. Wiedza o tym, jak prawidłowo wdrożyć animację adaptacyjną, pozwoli Ci skutecznie zaprezentować swoje projekty.
ĆWICZYĆ
Animacja obrotu
Poznasz prostą animację - obroty oraz właściwość obiektu Obrót, która odpowiada za obrót warstwy wokół jej punktu kontrolnego. Przyjrzymy się trzem parametrom Obrót: liczba obrotów, wielkość o jaką chcemy obrócić element (w stopniach), obrót w prawo/w lewo. Po przejściu każdego z powtarzających się cykli animacji krok po kroku, w końcu opanujesz umiejętność pracy z właściwością Obrót i stworzysz ujęcie z animacją obrotu, które przyciągnie uwagę widzów.
ĆWICZYĆ
Złożona animacja składająca się ze wszystkich podstawowych animacji
Spójrzmy na bardziej złożoną kombinację, która składa się ze wszystkich podstawowych animacji, które znasz. Na tej lekcji poruszymy temat tworzenia efektu symulującego kliknięcie w obrazek za pomocą animacji skalowania i znikania okręgu (Narzędzie Elipsa). Dzięki temu poznasz sekwencję różnych animacji, co pozwoli Ci tworzyć bardziej złożone, efektowne animacje.
ĆWICZYĆ
Praca ze scenami
Ta lekcja to cykl składający się z 3 sprintów. Koncentruje się na alternatywnych przejściach scen. Najpierw przyjrzymy się bliżej pojęciu „sceny” i omówimy, jakie istnieją przejścia między scenami. Dowiesz się, jak wykorzystać 3 niestandardowe możliwości zmiany scen: zmianę maski, zmianę kurtyny i zmianę slajdu. Aby utworzyć przejście „zmiany maski”, zrozumiesz i nauczysz się pracować z nowym parametrem Track Matte – Alpha Inverted Matte lub Inverted Alpha Mask. Dowiedz się, jak importować wideo do kompozycji animacji.
ĆWICZYĆ
Animacja zmiany koloru
W tym samouczku dowiesz się, jak pracować z animacją kolorów i właściwością warstwy Kolor. Prosta animacja, którą można wykorzystać do zademonstrowania najechania przyciskami lub linkami. Ale przyjrzymy się bardziej interesującej opcji, jak możesz pięknie zaprezentować swój projekt za pomocą animacji zmieniającej kolor.
ĆWICZYĆ
Animacja ścieżki (przytnij)
Poznasz nowy parametr Trim Path, którego można używać do tworzenia bardzo fajnych efektów ruchu po ścieżce, czyli innymi słowy, efektów przycinania ścieżki. Na przykład, gdy chcą wyświetlić moduł wstępnego ładowania, pasek postępu w odtwarzaczu wideo itp.
ĆWICZYĆ
Złożona animacja
Na tej lekcji ponownie będziesz pracować ze złożoną animacją, utrwalić wcześniej nabyte umiejętności i stworzyć animację ujęcia z nowymi efektami, wykorzystując wszystko te same podstawowe właściwości animacji: wygląd, ruch, maska, skalowanie, przejście pomiędzy sceną 1 (zmiana maski), przejście pomiędzy sceną 2 (zmiana kurtyna).
ĆWICZYĆ
Dekoracyjna animacja tekstu (błąd)
Ta lekcja rozpoczyna kolejny mały cykl, składający się z 3 lekcji na temat dekoracyjnej animacji tekstu. Na tej lekcji dowiesz się jak wykonać tak niezwykły efekt jak Glitch - efekt „zepsutego” obrazu lub zakłóceń telewizyjnych. Ten efekt w animacji wygląda całkiem modnie i wywołuje efekt wow. Jest dość łatwy do stworzenia
ĆWICZYĆ
Dekoracyjna animacja tekstu (scenariusz)
W tej lekcji dowiesz się, jak utworzyć animację symulującą wielki tekst. Technika ta jest często stosowana do umieszczania akcentów na stronie internetowej i wygląda całkiem estetycznie. Do tej animacji użyjesz nowego narzędzia Pióro. Przygotuj się na ciężką pracę i bądź cierpliwy. W rezultacie otrzymasz piękną animację, którą możesz wykorzystać do zaprezentowania swoich projektów.
ĆWICZYĆ
Kreatywna animacja tekstu
W tej lekcji ponownie znajdziesz animację tekstu, ale bardziej kreatywną i nietypową. Ciekawy efekt polega na połączeniu różnych animacji przy użyciu dwóch masek alfa – prostej i odwrotnej. W efekcie stworzysz fajne ujęcie, a tę metodę będziesz mógł wykorzystać w swoich projektach do efektownych prezentacji.
ĆWICZYĆ
Złożona animacja
W tym samouczku wykorzystamy rodzaje animacji, które już znasz, ale niektóre z nich wykorzystamy do stworzenia bardziej złożonych i niestandardowych efektów. W rezultacie otrzymujemy złożoną, rozbudowaną animację, która składa się z trzech scen z przejściami, przewijaniem i zmianami slajdów.
ĆWICZYĆ
Animacja przy użyciu Luma Matte
Na poprzednich lekcjach omawialiśmy parametry Track Matte i masz już dobre pojęcie o zasadzie działania Alpha Matte i Alpha Inverted Matte. W tym samouczku przyjrzymy się dwóm opcjom Track Matte: Luma Matte i Luma Inverted Matte i dowiemy się, jak zastosować je w naszych projektach.
ĆWICZYĆ
Animacja wykorzystująca przemieszczenie turbulentne
Przyjrzyjmy się animacji za pomocą efektu zniekształcenia zdjęcia. Przemieszczenie turbulentne jest jednym z narzędzi parametru Zniekształcenie. Technicznie rzecz biorąc, jest to niewielkie przesunięcie pikseli, które pomaga stworzyć efekt fali i jest często wykorzystywane do uzyskania efektu na zdjęciach.
ĆWICZYĆ
Złożona, złożona animacja
Ostatnia lekcja szkoleniowa, podczas której stworzymy złożoną, skomplikowaną animację, wykorzystując poznaną wcześniej wiedzę rodzaje animacji oraz nowy – parametr Tekst i jego właściwość „Tekst źródłowy”, która umożliwia zmianę zawartości tekstu warstwa. Niezależna część praktyczna, w której od podstaw wymyślisz i stworzysz animację do swojego ujęcia, a także kilka ciekawych i przydatnych dodatkowych lekcji wideo
ĆWICZYĆ
Tworzenie animacji od podstaw
Ustalenie stylu, poszukiwanie referencji, stworzenie scenariusza. Zasada tworzenia pomysłów na sceny i przejścia pomiędzy nimi, przygotowanie kodu źródłowego, stworzenie animacji 1 sceny, publikacja ujęcia w sieciach.
ĆWICZYĆ
Zarządzanie kontem Dribbble i promocja
Zarządzanie kontem Dribbble i promocja. Animacje do prezentacji i Behance. Wykorzystanie animacji z After Effects na stronie internetowej.