Oprogramowanie firmy Adobe umożliwia przenoszenie przepływów pracy i zasobów z jednego programu do drugiego. Podczas gdy bardziej powszechne zastosowanie tego współdziałania polega na łączu Adobe Dynamic Link między Premiere Pro i After Effects, After Effects obsługuje również warstwowe pliki programu Photoshop.
Jest to ważne, ponieważ After Effects mniej skupia się na projektowaniu i obróbce obrazu. Tak więc, importując je za pomocą programu Photoshop, możesz wyrafinować warstwy animowanej grafiki przed animacją.
W tym artykule pokażemy, jak przenieść kilka zdjęć do programu Photoshop, przetworzyć je i przygotować na warstwy, a następnie zaimportować do programu After Effects w celu animacji.
Przygotowanie zdjęć w programie Photoshop
Zacznijmy od znalezienia zdjęć do ostatecznej animowanej grafiki.
W swoim własnym projekcie możesz użyć tego, co chcesz. Ale w tym studium przypadku zostaną wykorzystane obrazy z Pexels. Jest szeroki wybór plików witryny internetowe umożliwiające pobieranie obrazów bez tantiem.
Po znalezieniu żądanych zdjęć utwórz nowy obraz w programie Photoshop. Idealnie byłoby, gdybyś chciał, aby wymiary pliku programu Photoshop pasowały do wyjścia wideo. Tak więc, jeśli tworzysz animację w jakości HD, będziesz chciał, aby płótno miało szerokość 1920 pikseli i wysokość 1080 pikseli.
Po załadowaniu płótna HD przynieś pobrane obrazy. W tym przykładzie podstawowe obrazy zostały już dodane.
Następnie wytnijmy tematy, przeskalujmy je i dodajmy rekwizyty i tekst. Jeśli nie wiesz, jak to zrobić lub utkniesz, nasz przewodnik po podstawach edycji programu Photoshop powinien pomóc wskazać właściwy kierunek.
Gdy będziesz zadowolony z edycji, powinieneś mieć podstawowy zestaw obrazów i warstw.
Przygotowanie warstw
W tym przykładzie chcemy, aby łapa psa uderzyła poirytowanego kota w głowę. Wybierzmy łapę za pomocą narzędzie Lasso.
Po wybraniu kliknij prawym przyciskiem myszy klawiaturę i wybierz Warstwa przez cięcie. Zaznaczenie, którym w tym przypadku jest łapa, stanie się teraz nową warstwą.
Mówiąc o warstwach, należy wyraźnie zmienić nazwę każdej z nich. Wtedy będziesz wiedział, co odpowiada czemu. Przykład, jak to zrobić, znajduje się poniżej:
Na koniec chcesz, aby kot zareagował na uderzenie łapą psa w głowę. Powielmy warstwę o nazwie Cat, zatytułowaną Cat_Normal i duplikat Cat_Bonked.
W przypadku warstwy Cat_Bonked narysowano googly eyes, aby dodać dodatkowy efekt.
Więc teraz masz wszystkie elementy swojej grafiki. Upewnij się, że Twoje warstwy są oznaczone i wszystko jest tam, gdzie chcesz. Następnie nadszedł czas, aby rozpocząć animację w After Effects.
Przenieś plik Photoshopa do After Effects
Po pierwsze: musisz upewnić się, że warstwy są zapisane jako plik .PSD. Trafienie Plik> Zapisz jako. Domyślnie zapisze się w formacie .PSD. W ten sposób można je następnie zaimportować z programu Photoshop do programu After Effects.
W tym przykładzie plik będzie miał nazwę Dog_Cat_Animation. PSD.
Następnie otwórz After Effects. Trafienie Plik> Importuj> Plik. Przejdź do nowego pliku .PSD, w którym zobaczysz okno dialogowe. w Rodzaj importu z menu rozwijanego wybierz Kompozycja - zachowaj rozmiary warstw.
Spowoduje to zaimportowanie wszystkich poszczególnych warstw pliku Photoshop, zachowując rozmiary zgodne z wymiarami (stąd dlaczego wybrałeś rozdzielczość HD na początku). Trafienie dobrze.
Powinieneś teraz mieć nową kompozycję o tej samej nazwie, co plik .PSD. Kliknij dwukrotnie, aby go otworzyć. Każda z warstw z programu Photoshop jest teraz warstwą na osi czasu kompozycji.
Teraz można rozpocząć animację. Zacznij od przeniesienia tekstu tytułowego poza ekran, który będzie animowany i „wpadnie” na ekran.
Przenieśmy też naszych futrzanych przyjaciół w dół; będą stopniowo przesuwać się w ramkę, gdy tekst będzie się układał.
Aby zaoszczędzić czas, uderz Warstwa> Nowa> Obiekt pustyi nadaj w nim warstwy Dog, Dog Paw, Cat_Normal i Cat_Bonk.
Teraz każdy ruch, który zastosujesz do obiektu zerowego, będzie dotyczył wszystkich tych obiektów.
Utwórzmy klatkę kluczową ruchu na dole kompozycji w klatce 0 i zwiększajmy go stopniowo w ciągu pięciu sekund.
Nie zapominaj, że możesz dodawać klatki kluczowe do Ruch parametry, klikając przycisk Stoper ikony też.
Następnie animujmy łapę psa i reakcję kota.
w Przekształcać atrybuty warstwy łapy psa, ustaw Punkt zakotwiczenia do dolnej części nogi psa. Dzięki temu każdy ruch obrotowy, który animujesz, obraca się wokół tego punktu, w którym naturalnie znajdowałby się staw kości.
Następnie, w zależności od tego, jak chcesz, aby wyglądał, możesz ustawić klucz obrót łapy psa i dodać zapętlone wyrażenie lub użyć Wiggle - Rotacja efekt, aby utworzyć zestaw losowych ruchów.
W pliku Efekty i ustawienia wstępne płyta. Przeciągnij i upuść go na warstwie, którą chcesz zastosować, i dostosuj parametry, aby określić prędkość i wielkość obrotu warstwy.
Na koniec stwórz efekt uderzenia kota łapą psa, wcinając się między dwie przygotowane wcześniej klatki, aby stworzyć iluzję ruchu.
Animuj w tekście i oto masz swoją animowaną grafikę! Teraz możesz go używać w dowolnym miejscu.
Chociaż trudniej jest to zademonstrować bez przykładu wideo, możesz być pewien, że łapa psa uderza kota z radosnym entuzjazmem.
Korzystanie z programów Photoshop i After Effects razem
To była krótka instrukcja tworzenia warstwowego obrazu w programie Adobe Photoshop, a następnie animowania poszczególnych warstw i elementów w programie After Effects. Chociaż analizowane studium przypadku było podstawowe, możesz wykonać te same kroki, aby utworzyć złożone pliki warstwowe, które można animować w programie After Effects.
To szybkie ćwiczenie powinno dać ci zrozumienie, w jaki sposób można połączyć te dwa programy, aby stworzyć niesamowitą zawartość. I nie zapominaj, że cały ten proces odbywał się w dwóch wymiarach, aby zachować prostotę, ale możesz mieć pewność, że możesz również animować warstwy programu Photoshop za pomocą ruchu 3D.
Jeśli chcesz pracować z warstwami 3D w Adobe After Effects, pokażemy Ci, jak zacząć.
Czytaj dalej
- Twórczy
- Animacja komputerowa
- Adobe Photoshop
- Projekt graficzny
Laurie jest montażystą i scenarzystą wideo, która pracowała dla telewizji i filmu. Mieszka w południowo-zachodniej Anglii.
Zapisz się do naszego newslettera
Dołącz do naszego biuletynu, aby otrzymywać wskazówki techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!
Jeszcze jeden krok…!
Potwierdź swój adres e-mail w wiadomości e-mail, którą właśnie wysłaliśmy.