Skip links
Explore
Drag

Stworzenie przejść między slajdami w Adobe After Effects

Projektowanie filmów promocyjnych, czy też reklamowych, wiąże się z poświęceniem dużej ilości czasu nad elementami, które nie są najważniejsze w danym projekcie. Między innymi takimi elementami są różnego rodzaju przejścia, które umożliwiają płynne przejście z jednego slajdu wideo do drugiego. W dzisiejszym artykule chciałbym przedstawić pokrótce mój sposób na tworzenie przejść dzięki którym w łatwy sposób sprawisz, że twój film będzie wyglądał lepiej. Swój projekt będę wykonywał w programie Adobe After Effects. Zapraszam.

Aby zachęcić was do przeczytania artykułu przedstawiam poniżej efekt jaki chciałbym uzyskać. Oczywiście Slide 1 oraz Slide 2 mogą zostać zastąpione przez twoje klatki filmu. Obowiązuje pełna dowolność. Sprawdźcie efekt w filmie obok:

Aby stworzyć przedstawione przeze mnie przejście należy rozpocząć od stworzenia nowej kompozycji. Niech na start będzie to prosty film o długości 3 sekund, oraz rozmiarze Full HD, czyli 1920 x 1080 px. Następnie należy stworzyć przykładowe slajdy, które będą symbolizować te, które następnie wykorzystasz we własnym filmie, nie zalecam edytować głównego pliku projektu filmu, lepszym rozwiązaniem jest stworzenie nowego-roboczego projektu. 

W moim projekcie w ich skład wchodzi najzwyklejszy biały solid oraz czarny tekst (z dopiskiem „Slide 1” oraz „Slide 2”). Następnie trzeba je zgrupować z wykorzystaniem funkcjonalności pre-compose (zaznacz elementy, które chcesz zgrupować, a następnie kliknij prawym przyciskiem oraz wybierz opcję pre-compse). Gdy ukończysz ten etap będziemy mogli przejść do stworzenia przejścia.

Tworzenie przejść w Adobe After Effects

Stwórz nowy solid, najlepiej w wyróżniającym się kolorze. Na potrzeby tego artykułu wybrałem czerwony kolor. Następnie w oknie „Effects & Presets” wyszukaj następującą frazę: „linear wipe”. Jest to efekt, który będzie odpowiedzialny za dołączanie jednej krawędzi do drugiej w naszym przejściu. W naszym przypadku trzeba dwukrotnie wykorzystać ten efekt. Najpierw jedna krawędź przejścia zmierza w prawą stronę, dopiero później druga za nią podąża. Stwórz odpowiednie klatki kluczowe według screenshota przedstawionego poniżej:

Konfiguracja pierwszego efektu „linear wipe” powinna wyglądać następująco:

Transition Completion: 100% -> 0%

Wipe Angle: ox -90°

Feather: 0,0

Konfiguracja drugiego efektu „linear wipe” powinna wyglądać następująco:

Transition Completion: 0% -> 100%

Wipe Angle: ox +90°

Feather: 0,0

Gdy ukończysz ten punkt, twoje przejście powinno pojawić się na ekranie. Jego wygląd mógłby jeszcze odbiegać od tego co zrobiłem. To przez fakt, iż krawędzie poruszają się ze stałą prędkością, wykonują ruchy „mechaniczne”. Nam zależy nad tym aby efekt był bardziej przyjemny dla oka. Stąd też powstała funkcja Easy Ease, która charakteryzuje się wolniejszym startem animacji aby w momencie jej szczytowej fazy przyśpieszyć oraz znowu wyhamować na jej koniec. Wykorzystaj tą opcję poprzez zaznaczenie klatek kluczowych oraz wciśnięcie przycisku F9, lub z wykorzystaniem prawego przyciska myszy -> Keyframe Assistant -> Easy Ease. Różnica jest diametralna. Jeżeli chcesz nadal pracować nad prędkością animacji wykorzystaj edytor graficzny, można go uruchomić klikając ikonkę grafu (tak też się z niego wychodzi).

Twoje przejście jest ukończone, ale można to zrobić ciut lepiej. Jeżeli zduplikujesz warstwę przejścia, wraz z efektami, będziesz mógł nimi dowolnie manipulować i uzyskać jeszcze lepszy efekt przejścia. Pamiętaj jedynie aby zmienić kolor innej warstwy tak aby nakładające się na siebie krawędzie mogły się wyróżniać. Spójrz na przedstawiony przeze mnie przykład. Jedna warstwa jest ciemniejsza od drugiej, dzięki czemu efekt jest jeszcze bardziej naturalny od sztywnego pojedynczego przejścia. W momencie, w którym odpowiednio ustawisz keyframes, czyli klatki kluczowe wykorzystaj marker, dzięki któremu będziesz w stanie określić, w którym momencie należy zmienić slide -> jeden będzie zakrywał drugi. Stwórz marker klikając prawym przyciskiem myszy -> Markers -> Add marker. Dodaj stosowny opis, np. „cut” i to wszystko. Twoje przejście jest gotowe, możesz wykorzystać to rozwiązanie w swoim projekcie! W razie jakichkolwiek pytań dajcie znać poprzez formularz kontaktowy, do każdego z was się odezwę! Pozdrawiam.

W celu zapewnienia prawidłowego funkcjonowania naszej strony internetowej korzystamy z plików cookies. Zgodę wyrażasz dobrowolnie. Możesz ją w każdym momencie wycofać lub ponowić.