Jeśli chodzi o koncepcję kolorystyczną, zastanawialiśmy się nad wykonaniem całego zabiegu na niebieskim tle i żółtym tekście, aby to wszystko było bardzo proste i uproszczone. Niebieski i żółty są kolorami komplementarnymi, co sprawia, że są one pięknie czytelne i ładnie się od siebie odróżniają.
Teoretycznie teraz moglibyśmy utworzyć nową powierzchnię koloru z niebieskim tłem i następnie zmienić kolor tekstu na żółty. Moglibyśmy to zrobić, ale pojawia się wtedy problem, jak umieścić środek animacji nakładając rozmazywanie kolorów na cały obraz.
Możemy spróbować utworzyć warstwę dostosowującą się poprzez Warstwa>Nowa>Warstwa dostosowania lub używając Ctrl+Alt+Y, a następnie nałożyć efekt Odwrotność kanałów. Wtedy jednak zauważymy, że nasze kolory nie są całkowicie komplementarne. Dla niebieskiego komplementarny jest pomarańczowy, co tutaj nie pasuje, nie zgadzają się kolory.
Ale na pewno chcę to zrobić i istnieje na to sposób.
Krok 1
Realizujemy to w następujący sposób: Bierzemy kolor królewskiej błękitnej powierzchni i naciskamy Ctrl+Shift+Y lub przechodzimy do Warstwa>Ustawienia kolorów powierzchni i ustawiamy kolor na czarny.
To ładnie się zmienia i After Effects nawet zmienia nazwę powierzchni koloru.
Teraz napis "Animacja łatwa" po prostu piszemy na biało.
Mamy czarne i białe bez przezroczystości, więc możemy je łatwo odwrócić.
Teraz jednak mamy tylko czarne i białe, a ja chcę niebieski i żółty.
Krok 2
Więc tworzymy jeszcze jedną warstwę dostosowującą za pomocą Ctrl+Alt+Y ("Warstwa dostosowania 2") i nakładamy efekt Efekty>Korekcja kolorów>Zabarwienie.
Efekt jest bardzo prosty i po prostu przyporządkowuje kolory. Bierze czarny i biały i przypisuje im inny kolor.
Następnie dopasowujemy tu czarne do naszego niebieskiego. Miałem już zapisany kod koloru "008FF", to jest ten ładny niebieski.
A białe dopasowujemy do żółtego, wartość koloru to "FFF000", naprawdę intensywne żółte.
Krok 3
Teraz zastosowaliśmy to po warstwie odwracającym kolory. Zamierzam to nazwać "Zmiana kolorów" oraz "Kolorowanie".
Zablokujmy na wszelki wypadek najwyższą warstwę, bo już nigdy więcej nie będziemy jej dotykać.
Jeśli włączę i wyłączę "Zmianę kolorów", mamy cudowną odwrócenie kolorów, bez przechodzenia do pomarańczowego lub fioletowego.
Ale jak zaprojektować przejście? Możemy przesuwać warstwę "Zmiana kolorów" z lewej na prawo lub z góry na dół przez obrazek, aby zrobić przejście. Jednak nie jest to zbyt interesujące.
Chciałbym zrobić coś więcej, podzielić całość na paski i przesunąć te paski po obrazie, aby bardziej rozerwać krawędzie. Jak możemy to zrobić najlepiej?
Krok 4
Istnieją na to efekty, takie jak przy Efekty>Efekty przejściowe; mamy tam efekt Przeciągnij linię, który idzie w takim kierunku, ale wtedy najpierw tworzona jest linia, zanim rozpocznie się następna.
Dla mnie to nie jest wystarczająco nieregularne.
Krok 5
Dlatego najlepiej zrobić to z użyciem Maski. Naciskam dwukrotnie na symbol maski, aby utworzyć maskę, która idealnie pasuje do moich wymiarów. Jest to bardzo przydatna funkcja, której później jeszcze raz użyjemy.
Krok 6
Chciałbym podzielić tę maskę na 20 części, abyśmy mieli 20 pojedynczych kolumn. Standardowe narzędzia After Effects nie są na to gotowe.
Jednak w takich sytuacjach po prostu piszę sobie skrypt na to. Dla rzeczy, które tutaj wykorzystujemy, dołączyłem skrypty do odpowiednich samouczków.
Tam znajdziesz Layer Chainer, Mask Slicer i Sequence Strokes. Mask Slicer to to, czego tutaj potrzebujemy, jak można się domyśleć.
Ten symbol przed nazwą pliku odnosi się do Extendscript Toolkit, który mogę włączyć. Jak go uruchomię, uruchomi się również to Extendscript Toolkit.
To narzędzie trzeba zainstalować oddzielnie, ponieważ standardowo nie jest zainstalowane. To musisz jeszcze zrobić, to jest bardzo łatwe do zrobienia poprzez CreativeCloud.
W tym skrypcie u góry mamy kilka Ustawień. Dla wszystkich tych skryptów nie zbudowałem interfejsu użytkownika, ponieważ służą one tylko mojemu własnemu użytkowi. Oznacza to, że wszystkie te ustawienia musisz zmienić bezpośrednio w pliku tekstowym.
W tym przypadku możemy zmienić dwie wartości: "noOfSplices", czyli ile pojedynczych pasków chcemy mieć ostatecznie.
Orzaz "seperateLayers", gdzie może być true lub false. Przy true dla każdego paska zostanie dodana nowa warstwa.
Spróbujmy tego na próbę z 4 paskami, …
... przejdźmy do programu After Effects i wybierzmy maskę, którą chcemy podzielić. To jest bardzo ważne.
Następnie wybieramy After Effects CC jako cel aplikacji. Widzicie, że są tam również inne programy, ten zestaw narzędzi służy do pisania i testowania skryptów.
W tym przypadku wybieramy więc After Effects, następnie naciskam przycisk Odtwórz ...
... i wracamy do After Effects. Mamy tu nowe warstwy, z których każda składa się z jednej warstwy.
A teraz, gdy generuję gradient 4-kolorowy, ...
... zauważycie, że wszystko tworzy jeden obrazek. Tak naprawdę jest to jedna warstwa z jednym współrzędnym. Jedynie maski zostały podzielone. Oznacza to, że mamy poszczególne kawałki tej warstwy, co może być bardzo przydatne, ponieważ możemy je poruszać i obracać oddzielnie.
Ale nie potrzebujemy tego tutaj. Chciałbym zrobić coś innego.
Krok 7
Chciałbym mieć wszystkie maski na jednej warstwie, ale nie 4, a 20.
I ustawiamy separateLayers na false. Zapisuję, naciskam ponownie Odtwórz, ...
... i teraz mamy wszystkie 20 masek na jednej warstwie.
Oznaczam je od 1 do 20, naciskam Ctrl+C lub cmd+C. Następnie usuwam oryginalną maskę i wklejam je wszystkie na jej miejsce.
Teraz są wszystkie i chciałbym je zanimować w następnym kroku.
Krok 8
Niestety maski nie posiadają właściwości transformacji, takich jak obracanie i skalowanie, posiadają jedynie ścieżkę maski. To jednak nie problem.
Zaznaczamy wszystkie maski i rozkładamy je. Następnie naciskamy na Ścieżkę maski, tworzymy klatkę kluczową i przechodzimy nieco później do kompozycji, gdzie przesuwamy wszystkie maski na dół poza obraz.
Krok 9
Sprawdźmy to. Muzyka gra w tle, pasuje. Mamy teraz dwa liniowe kluczowe klatki, co nie jest szczególnie ekscytujące.
Chciałbym, żeby było nieco ciekawiej i nie chcę pracować z linearnymi kluczowymi klatkami, ponieważ już to słyszeliśmy w Zasadach Disneya: Stała prędkość nie występuje w rzeczywistym życiu, więc nie potrzebujemy tego również w animacji.
Krok 10
Aby to zrobić, klikamy na Edytorze wykresów. Dostaję tam krzywe, których dokładniej dowiemy się podczas pracy z piłką odbijaną.
Aby to ograniczyć do ścieżek masek, zaznaczam wszystkie maski i naciskam U, ponieważ w ten sposób otrzymuję wszystkie animowane właściwości.
Tutaj widzimy teraz krzywą prędkości, czyli wykres prędkości. Nie jest tak przyjemne w pracy jak z krzywą wartości, co jeszcze zobaczymy. Ale można dobrze pracować, gdy chcemy zanimować wiele właściwości jednocześnie.
Chciałbym teraz dodać Easy Ease, używając klawisza F9 lub tego przycisku.
Dzięki temu wykres drastycznie się zmienia. Po lewej stronie mamy stałą prędkość, zaczynamy z określoną prędkością i nagle się zatrzymujemy.
Z Easy Ease zaczynamy od zera, powoli przyspieszamy, a następnie zwalniamy. To taki rodzaj paraboloidy.
Chciałbym, żeby było to jeszcze bardziej ekstremalne. Łapię wtedy styczną i przesuwam ja trochę, abyśmy mieli szczyt naprawdę w środku.
Zobaczymy, jak to wygląda ...
Uruchamiam to i widzę: To przekracza granice. W środku mamy znacznie szybsze ruchy niż na początku i na końcu. To mi się podoba.
Krok 11
Tak moglibyśmy to również zrobić z pozycją - dlaczego zatem podzieliliśmy warstwy?
Teraz przenikamy to ładnie w czasie i układamy kluczowe klatki tutaj, jak gdyby losowo, tak że również w formie odkrywania mamy odrobinę zróżnicowania. Linie nie powinny wszystkie przesuwać się jednocześnie.
To na koniec przypomina nieco panoramę. Tę jedną linię, która zazwyczaj podzielałaby nasz obraz, chcemy rozerwać. Czasem wystarczy to zrobić tylko z jednej strony lub tylko z przodu lub z tyłu. Staram się unikać zakończenia na tej samej wysokości.
To wygląda dobrze.
I widzicie, gdy aktywujecie podgląd - wygląda to fajnie. Fantastyczne.
Krok 12
A tę warstwę możemy teraz wziąć, obrócić, zmienić skalę, przesunąć i oczywiście użyć kilka razy, ponieważ to po prostu efekt odwrócenia.
Podwajamy ją, przesuwamy czasowo i zmieniamy z żółtego na niebieski oraz z niebieskiego na żółty.
Jednak w tym przypadku jest wcześniej wyświetlone, a potem już nie ma. Musimy to jeszcze odwrócić, ponieważ chcę, żeby na początku nie było warstwy i żeby ta warstwa przesuwała się.
Więc usuwam jeszcze raz zduplikowaną warstwę i aktywuję warstwę "Zmiana kolorów". Następnie zaznaczamy wszystkie klatki kluczowe, przeciągając na nie kwadrat.
Za pomocą kliknięcia prawym przyciskiem myszy przechodzę przez asystenta klatek kluczowych i znajduję na samym dole Odwróć kolejność klatek kluczowych.
Właśnie to wcisnąłem i teraz żółty kolor przesuwa się z dołu w kierunku niebieskiego.
I teraz powinno działać, gdy zduplikuję warstwę i przesunę to wszystko trochę dalej do tyłu.
Przechodzimy teraz z jednego koloru na drugi i z powrotem. Doskonale.
To już działa. Nasze kolejne zadanie w następnej części tego cyklu samouczków to tekst.