A Photoshop és az After Effects használata animált grafikák készítéséhez

A Photoshop és az After Effects használata animált grafikák készítéséhez

Az Adobe szoftvere lehetővé teszi a munkafolyamatok és eszközök átvitelét egyik programból a másikba. Míg a kereszthálózat gyakoribb használata a Premiere Pro és az After Effects közötti Adobe Dynamic Linken keresztül történik, az After Effects támogatja a rétegzett Photoshop fájlokat is.





Ez azért fontos, mert az After Effects kevésbé koncentrál a tervezésre és a képmanipulációra. Tehát a Photoshopon keresztül történő importálással finomíthatja az animált grafika rétegeit az animálás előtt.





Ebben a cikkben megmutatjuk, hogyan készíthet több fényképet a Photoshopba, kezelheti és rétegekbe készítheti őket, majd importálhatja őket az After Effects -be animálás céljából.





karácsonyi segítség az alacsony jövedelmű családok számára

Képek előkészítése Photoshopban

Kezdjük azzal, hogy megkeressük a képeket az utolsó animált grafikához.

Saját projektjéhez bármit használhat, amit csak akar. De ebben az esettanulmányban a Pexels képeit fogják használni. Széles a választék webhelyek, amelyeken jogdíjmentes képeket tölthet le .



Miután megtalálta a kívánt képeket, hozzon létre egy új képet a Photoshopban. Ideális esetben azt szeretné, ha a Photoshop fájl mérete megegyezne a videokimenettel. Ha tehát HD formátumban készít animációt, akkor a vászon mérete 1920 pixel széles és 1080 képpont magas.

Miután betöltötte a HD vásznat, hozza be a letöltött képeket. Ebben a példában az alapképeket már hozzáadtuk.





Ezután vágjuk ki a tárgyakat, méretezzük őket, és adjunk hozzá néhány kelléket és szöveget. Ha nem biztos benne, hogyan kell ezt megtenni, vagy kissé elakadt, akkor a Photoshop szerkesztési alapjainak útmutatója segíthet a helyes irányba mutatni.

Ha elégedett a szerkesztéssel, rendelkeznie kell egy alapkép- és rétegkészlettel.





A rétegek előkészítése

Ebben a példában azt akarjuk, hogy a kutya mancsa a fejét érje az irritált macskának. Válasszuk ki a mancsot a lasszó eszköz .

Miután kiválasztotta, kattintson a jobb gombbal a billentyűzeten, és válassza a lehetőséget Réteg vágással . A kiválasztás, amely ebben az esetben a mancs, most új réteg lesz.

Ha már a rétegekről beszélünk, ezeket egyértelműen át kell nevezni. Akkor tudni fogja, hogy mi mihez tartozik. Az alábbiakban látható egy példa erre:

Végezetül azt szeretné, ha a macska reagálna arra, hogy a kutya mancsa fejre találja. Ismételjük meg a Cat nevű fóliát, egy Cat_Normal címet és a Cat_Bonked másodpéldányt.

A Cat_Bonked rétegben a googly szemeket rajzolták, hogy extra hatást fejtsenek ki.

Tehát most megvan a grafika minden eleme. Győződjön meg arról, hogy a rétegei fel vannak címkézve, és minden a kívánt helyen van. Akkor itt az ideje elkezdeni az animációt az After Effects alkalmazásban.

A Photoshop -fájl utóhatásokba helyezése

Az első dolog az első: meg kell győződnie arról, hogy a rétegeit .PSD fájlként menti. Találat Fájl> Mentés másként . Alapértelmezés szerint .PSD formátumban menti. Így importálható az After Effects programba a Photoshopból.

Ebben a példában a fájl neve Dog_Cat_Animation.PSD lesz.

Ezután nyissa meg az After Effects alkalmazást. Találat Fájl> Importálás> Fájl . Keresse meg az új .PSD fájlt, ahol megjelenik egy párbeszédpanel. Ban,-ben Import Kind legördülő menüből válassza a lehetőséget Összetétel - Rétegméretek megtartása .

Ez importálja a Photoshop fájl minden egyes rétegét, miközben a méretek összhangban vannak a méretekkel (ezért választotta az elején a HD felbontást). Találat rendben .

Most új kompozícióval kell rendelkeznie a .PSD -fájl nevével. A megnyitásához kattintson duplán. A Photoshop minden rétege most egy réteg a kompozíció idővonalában.

Most kezdődhet az animáció. Kezdje azzal, hogy a címszöveget a képernyőn kívülre helyezi --- animálva lesz, hogy „leesjen” a képernyőre.

fájlok átvitele androidról számítógépre vezeték nélkül

Szőrös barátainkat is mozdítsuk lefelé; fokozatosan a keretbe fognak lépni, amint a szöveg a helyére kerül.

Idő megtakarítása érdekében nyomja meg a gombot Réteg> Új> Null objektum , és szülővé teszi a Kutya, Kutya Mancs, Cat_Normal és Cat_Bonk rétegeket.

Most minden olyan mozgás, amelyet a null objektumra alkalmaz, mindezekre vonatkozik.

Vázoljuk fel a mozgást a kompozíció alján a 0 keretnél, és fokozatosan emelkedjünk öt másodperc alatt.

Ne felejtse el, hogy kulcsképeket adhat hozzá Mozgás paramétereket a gombra kattintva Stopperóra ikonok is.

Ezután animáljuk a kutya mancsát és a macska reakcióját.

Ban,-ben Átalakítás a kutya mancsrétegének attribútumai, állítsa be a Horgonypont a kutya lábának aljáig. Ezzel biztosíthatja, hogy minden elforgatás az adott pont körül forog, ahol a csont ízülete természetesen található.

Ezt követően, attól függően, hogy hogyan szeretné kinézni, beírhatja a kutya mancsának forgatását, és hozzáadhat egy hurkos kifejezést, vagy használhatja a Wiggle - Forgatás hatást, hogy véletlenszerű mozgások halmazát hozza létre.

Különféle effektusokat találhat a Hatások és előre beállított értékek panel. Húzza át a rétegre az alkalmazáshoz, és állítsa be a paramétereket a réteg sebességének és forgási mennyiségének meghatározásához.

Végül hozza létre azt a hatást, hogy a macskát eltalálja a kutya mancsa, ha a korábban elkészített két keret közé vágva létrehozza a mozgás illúzióját.

Animálja a szöveget, és ott van, megvan az animált grafikája! Most bárhol használhatja, ahol csak akarja.

Bár videó példa nélkül nehezebb demonstrálni, biztos lehet benne, hogy a kutya mancsa örömteli jókedvvel üti a macskát.

A Photoshop és az After Effects együttes használata

Ez gyors áttekintés volt arról, hogyan lehet réteges képet létrehozni az Adobe Photoshop alkalmazásban, majd később animálni az egyes rétegeket és elemeket az After Effects alkalmazásban. Bár az esettanulmány alapvető volt, ugyanazokkal a lépésekkel hozhat létre bonyolult rétegzett fájlokat, amelyek animálhatók az After Effects alkalmazásban.

Ennek a gyors gyakorlatnak meg kell értenie, hogyan kombinálható a két program, hogy fantasztikus tartalmat hozzon létre. És ne felejtse el, hogy ez a folyamat két dimenzióban zajlott le, hogy egyszerűbb legyen a dolog, de biztos lehet benne, hogy a Photoshop rétegeit 3D mozgással is animálhatja.

Részvény Részvény Csipog Email Adja meg a harmadik dimenziót: 3D munkafolyamatok kezelése az Adobe After Effects alkalmazásban

Ha 3D rétegekkel szeretne dolgozni az Adobe After Effects alkalmazásban, megmutatjuk, hogyan kell elkezdeni.

Olvassa tovább
Kapcsolódó témák
  • Kreatív
  • Számítógépes animáció
  • Adobe Photoshop
  • Grafikai tervezés
A szerzőről Laurie Jones(20 cikk megjelent)

Laurie videószerkesztő és író, televíziós és filmes műsorokban dolgozott. Délnyugat -Angliában él.

Továbbiak Laurie Jones -tól

Iratkozzon fel hírlevelünkre

Csatlakozz hírlevelünkhöz, ahol technikai tippeket, véleményeket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!

Feliratkozáshoz kattintson ide