REC

Wskazówki dotyczące nagrywania, produkcji, edycji wideo i konserwacji sprzętu.

 WTVID >> Wideo >  >> Edycja wideo >> Adobe After Effects

Animacja paralaksy 2,5D w programie Photoshop i After Effects

Dzięki animacji paralaksy 2.5D możesz dodać ruch do zwykłych obrazów 2D i tchnąć trochę życia w nudne ujęcia. To dobry sposób na nie tylko zmianę przeznaczenia treści, ale także tworzenie rzeczywistych filmów lub GIF-ów i wyróżnianie się w mediach społecznościowych. Oto 2 fajne techniki nie tylko z After Effects (którego prawdopodobnie można się spodziewać), ale także tworzenie animacji paralaksy bezpośrednio w Photoshopie.

Animacja paralaksy – tylko w Photoshopie

Aby stworzyć animację paralaksy 2.5D w Photoshopie, zacznijmy od wyizolowania elementów, które chcemy animować. Można to zrobić na dwa sposoby, tworząc maskę warstwy za pomocą narzędzia pędzla. Lub tworząc ścieżkę za pomocą narzędzia Pióro, które następnie będzie działać jako maska, aby wyizolować żądany obszar. Po utworzeniu ścieżki kliknij prawym przyciskiem myszy tło i wybierz dokonaj wyboru.

Teraz możesz użyć tego zaznaczenia, aby skopiować ten obszar na nową warstwę, po prostu kopiując i wklejając. Aby efekt zadziałał i miał tak zwaną czystą płytę, musisz wypełnić obszar wypełnieniem uwzględniającym zawartość.

Animacja w Photoshopie – z osią czasu

Teraz, gdy wyizolowałeś żądane części obrazu, przejdź do okna i otwórz oś czasu programu Photoshop. Gdy otworzysz oś czasu i klikniesz Utwórz oś czasu wideo, zobaczysz oś czasu podobną do programu After Effects z warstwami ułożonymi jedna na drugiej.

Gdy otworzysz wirując parametry warstwy tła, zobaczysz, że możesz teraz ustawić klatki kluczowe dla kilku parametrów, takich jak Transformacja, Krycie i Styl. Naciśnij stoper, aby rozpocząć nagrywanie klatek kluczowych w celu skalowania tła. Spowoduje to automatyczne ustawienie klatki kluczowej dla tego parametru (oznaczonej małą ikoną rombu) i za każdym razem, gdy zmieniasz tę wartość. Teraz przejdź do końca osi czasu i przeskaluj trochę tło, aby stało się większe, dzięki czemu uzyskasz delikatny ruch.

Zrób to samo dla swoich głównych elementów i po prostu dodaj jakiś subtelny ruch i to wszystko. Teraz możesz wyeksportować wideo. Kliknij ikonę w prawym górnym rogu osi czasu i wybierz renderowanie wideo z menu kontekstowego. Spowoduje to otwarcie okna dialogowego eksportu.

Wybierz nazwę, miejsce docelowe, format pliku, rozdzielczość i liczbę klatek na sekundę i to wszystko. Właśnie utworzyłeś animację paralaksy 2.5D bezpośrednio w Photoshopie.

Doskonały futerał na Adobe After Effects

W przypadku animacji paralaksy 2.5D pierwszym narzędziem, które przychodzi na myśl, jest prawdopodobnie After Effects. Jednak prawdopodobnie nadal będziesz chciał zacząć od Photoshopa, aby wyizolować elementy, które chcesz animować, jeśli nie chcesz ich obracać w programie After Effects. Wystarczy zaimportować plik Photoshop i ustawić rodzaj importu na kompozycję – zachowaj rozmiar warstwy.

Teraz w tej kompozycji kliknij ikonę pola na wszystkich warstwach, co zmieni je w warstwy 3D. Podobnie jak w Photoshopie, możesz aktywować stoper, aby rozpocząć nagrywanie klatek kluczowych na parametrach. Ale możesz też po prostu zmienić położenie elementów i stworzyć nową kamerę i po prostu animować kamerę.

Ponieważ After Effects, w przeciwieństwie do Photoshopa, jest dedykowanym oprogramowaniem do grafiki ruchomej, możesz zrobić znacznie więcej, aby ta animacja była ciekawsza. Dodaj materiał filmowy (dym – jak w poniższym samouczku) lub efekty cząsteczkowe.

Jak pokazano w poniższym samouczku, możesz nawet animować niektóre części talentu za pomocą narzędzia marionetek, aby uczynić go jeszcze bardziej interesującym.

Jeśli chcesz wyeksportować wideo, pamiętaj, że w przeciwieństwie do samouczka, chcesz wysłać je do Adobe Media Encoder, aby móc wyeksportować plik .MP4. Opcja eksportu Quicktime .mov z kodekiem h.264 bezpośrednio z programu After Effects została wycofana.

https://www.youtube.com/watch?v=GZimVBFSGm0


  1. Jak stworzyć animację tekstu w After Effects

  2. Jak zrobić animację postaci w After Effects

  3. Jak odwrócić filmy za pomocą After Effects i FilmoraPro

  4. 5 stylów animacji tytułów w Premiere Pro i After Effects

  5. Animacja tytułu tekstu w programie After Effects bez wtyczki

Adobe After Effects
  1. Animacja historii na Instagramie w After Effects

  2. Zastąpienie nieba Adobe After Effects

  3. Modna animacja logo z After Effects

  4. Motion Design z After Effects

  5. Zimowa animacja wektorowa w programie After Effects

  6. Magiczne efekty wizualne z After Effects

  7. Animacja filtra neuronowego w Photoshopie