Home-theater-designers
Oprogramowanie firmy Adobe umożliwia przenoszenie przepływów pracy i zasobów z jednego programu do drugiego. Podczas gdy bardziej powszechne zastosowanie tego cross-workingu odbywa się za pośrednictwem Adobe Dynamic Link między Premiere Pro i After Effects, After Effects obsługuje również warstwowe pliki Photoshopa.
Jest to ważne, ponieważ After Effects jest mniej skoncentrowany na projektowaniu i manipulacji obrazem. Tak więc, importując je za pomocą Photoshopa, możesz dopracować warstwy animowanej grafiki przed animacją.
W tym artykule pokażemy, jak zrobić kilka zdjęć w Photoshopie, przetworzyć je i przygotować na warstwy, a następnie zaimportować je do programu After Effects w celu animacji.
jak zrobić kabel krosowy
Przygotowywanie zdjęć w Photoshopie
Zacznijmy od znalezienia obrazków do ostatecznej animowanej grafiki.
Do własnego projektu możesz użyć tego, co chcesz. Ale w tym studium przypadku zostaną użyte obrazy z Pexels. Istnieje szeroka gama strony internetowe, które umożliwiają pobieranie zdjęć bez tantiem .
Po znalezieniu żądanych zdjęć utwórz nowy obraz w programie Photoshop. W idealnym przypadku chcesz, aby wymiary pliku Photoshopa pasowały do wyjścia wideo. Tak więc, jeśli tworzysz animację w jakości HD, wymiary płótna powinny mieć 1920 pikseli szerokości i 1080 pikseli wysokości.
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, dodajmy rekwizyty i tekst. Jeśli nie masz pewności, jak to zrobić, lub trochę utknąłeś, nasz przewodnik po podstawach edycji programu Photoshop powinien pomóc we właściwym kierunku.
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 zirytowanego kota w głowę. Wybierzmy łapę za pomocą narzędzie Lasso .
Po wybraniu kliknij prawym przyciskiem myszy na klawiaturze i wybierz Warstwa przez cięcie . Zaznaczenie, którym w tym przypadku jest łapa, stanie się teraz nową warstwą.
Mówiąc o warstwach, powinieneś 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ę. Zduplikujmy warstwę o nazwie Cat, zatytułowaną Cat_Normal i duplikat Cat_Bonked.
Na warstwie Cat_Bonked narysowano wyłupiaste oczy, 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 programie After Effects.
Przenoszenie pliku Photoshopa do After Effects
Po pierwsze: musisz upewnić się, że Twoje warstwy są zapisane jako plik .PSD. Uderzyć Plik > Zapisz jako . Domyślnie zapisuje w formacie .PSD. W ten sposób można go następnie zaimportować do programu After Effects z programu Photoshop.
W tym przykładzie plik będzie miał nazwę Dog_Cat_Animation.PSD.
Następnie otwórz After Effects. Uderzyć Plik > Importuj > Plik . Przejdź do nowego pliku .PSD, gdzie zobaczysz okno dialogowe. w Rodzaj importu menu rozwijane, wybierz Skład — Zachowaj rozmiary warstw .
Spowoduje to zaimportowanie wszystkich pojedynczych warstw pliku Photoshop, zachowując rozmiary zgodne z wymiarami (stąd dlaczego na początku wybrałeś rozdzielczość HD). Uderzyć ok .
Powinieneś teraz mieć nową kompozycję o tej samej nazwie, co plik .PSD. Kliknij dwukrotnie, aby go otworzyć. Każda z twoich warstw z Photoshopa jest teraz warstwą na osi czasu kompozycji.
Teraz można rozpocząć animację. Zacznij od przeniesienia tekstu tytułu poza ekran --- będzie on animowany, aby „wpadł” na ekran.
jak znaleźć nazwę swojego komputera Windows 10
Przenieśmy też naszych futrzastych przyjaciół w dół; będą stopniowo przechodzić do ramki, gdy tekst będzie się układał.
Aby zaoszczędzić czas, naciśnij Warstwa > Nowy > Obiekt pusty i umieść 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.
Zróbmy klatkę kluczową ruchu na dole kompozycji w klatce 0 i stopniowo narastaj przez pięć sekund.
Nie zapominaj, że możesz dodawać klatki kluczowe do Ruch parametry, klikając 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 ma wyglądać, możesz ustawić kluczową rotację łapy psa i dodać zapętlony wyraz twarzy lub użyć Wiggle — obrót efekt, aby stworzyć zestaw losowych ruchów.
Różnorodne efekty można znaleźć w Efekty i ustawienia wstępne płyta. Przeciągnij i upuść go na warstwę, 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, przecinając dwie przygotowane wcześniej klatki, aby stworzyć iluzję ruchu.
Animuj w tekście i oto masz animowaną grafikę! Teraz możesz go używać gdziekolwiek chcesz.
Choć trudniej jest to zademonstrować bez przykładu wideo, możesz mieć pewność, że łapa psa uderza kota z radosnym zapałem.
Używanie Photoshopa i After Effects razem
Był to szybki przegląd 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 proste, możesz wykonać te same czynności, 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 wszystko było proste, ale możesz mieć pewność, że możesz również animować warstwy Photoshopa za pomocą ruchu 3D.
Udział Udział Ćwierkać E-mail Wejdź w trzeci wymiar: praca z przepływami pracy 3D w Adobe After EffectsJeśli chcesz pracować z warstwami 3D w programie Adobe After Effects, pokażemy Ci, jak zacząć.
Czytaj dalej Powiązane tematy- Twórczy
- Animacja komputerowa
- Adobe Photoshop
- Projekt graficzny
Laurie jest montażystką wideo i scenarzystką, która pracowała dla telewizji i filmu. Mieszka w południowo-zachodniej Anglii.
Więcej od Laurie JonesZapisz się do naszego newslettera
Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!
Kliknij tutaj, aby zasubskrybować