Az Adobe szoftvere lehetővé teszi a munkafolyamatok és eszközök egyik programból a másikba történő átvitelét. Míg ennek a keresztmunkának a gyakoribb használata az Adobe Dynamic Linken keresztül történik a Premiere Pro és az After Effects között, az After Effects a réteges Photoshop fájlokat is támogatja.
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üli importálásukkal finomabbá tehetjük az animált grafika rétegeit az animáció előtt.
Ebben a cikkben bemutatjuk, hogyan készíthet több fotót a Photoshopba, hogyan manipulálhatja és előkészítheti őket rétegekbe, majd importálja az After Effects programba animáció céljából.
Képek előkészítése a Photoshopban
Kezdjük azzal, hogy találunk képeket a végső animációs grafikához.
Saját projektjéhez bármit felhasználhat, amit csak akar. De ebben az esettanulmányban a Pexels képeit használják. Széles választéka van webhelyek, amelyek segítségével 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 Photoshop alkalmazásban. Ideális esetben azt szeretné, ha a Photoshop fájl méretei megfelelnek a videó kimenetének. Tehát, ha HD formátumban készít animációt, akkor azt szeretné, hogy a vászon mérete 1 920 képpont és 1080 képpont magas legyen.
Miután betöltötte HD vásznát, hozza be a letöltött képeket. Ebben a példában az alapképek már hozzá lettek adva.
Ezután vágjuk ki a témákat, méretezzük őket, és adjunk hozzá néhány kelléket és szöveget. Ha nem biztos benne, hogyan kell ezt megtenni, vagy ha kissé elakadt, útmutató a Photoshop szerkesztésének alapjaihoz segítsen a helyes irányba mutatni.
Miután elégedett a szerkesztéssel, rendelkeznie kell egy alap kép- és rétegkészlettel.
Rétegek előkészítése
Ebben a példában azt akarjuk, hogy a kutya mancsa fején találja az irritált macskát. Válasszuk ki a mancsot a lasszó eszköz.
A kiválasztás után kattintson a jobb gombbal a billentyűzetre, és válassza a lehetőséget Réteg vágás útján. A kiválasztás, amely ebben az esetben a mancs, most új réteggé válik.
A rétegekről szólva ezeket át kell nevezni egyértelműen. Ezután tudni fogja, mi felel meg minek. Az alábbiakban példa erre:
Végül azt akarja, hogy a macska reagáljon arra, hogy a kutya mancsa fejre üti. Ismételjük meg a Cat nevű réteget, egy Cat_Normal címmel, és a Cat_Bonked másolatot.
A Cat_Bonked réteghez googly szemek vonzódtak, hogy extra hatást fejtsenek ki.
Tehát most megvan a grafika összes eleme. Győződjön meg arról, hogy a rétegei fel vannak címkézve, és minden ott van, ahol szeretné. Ezután itt az ideje elkezdeni az animációt az After Effectsben.
A Photoshop fájl beillesztése az After Effectsbe
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 lehet ezt importálni az After Effects-be a Photoshopból.
Ebben a példában a fájl neve Dog_Cat_Animation lesz. PSD.
Ezután nyissa meg az After Effects alkalmazást. Találat File> Import> File. 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 összes egyes rétegét, miközben a méreteket a méretekkel összhangban tartja (ezért választottad a HD felbontást az elején). Találat rendben.
Most új kompozíciót kell készítenie ugyanazzal a névvel, mint a .PSD fájlja. Kattintson duplán a megnyitásához. A Photoshop minden rétege most egy réteg a kompozíció idővonalán.
Most kezdődhet az animáció. Kezdje azzal, hogy áthelyezi a címszöveget a képernyőn kívülre, és így animálja, hogy "beleesjen" a képernyőbe.
Mozgassuk le szőrös barátainkat is; fokozatosan kerülnek a keretbe, amint a szöveg a helyére kerül.
Időmegtakarítás érdekében üsse be Réteg> Új> Null Object, és szülőd be a Dog, a Dog Paw, a Cat_Normal és a Cat_Bonk rétegeket.
A null objektumra alkalmazott mozgások mindezekre vonatkoznak.
Vázoljuk be a kompozíció alján lévő mozgást a 0 képkockánál, és fokozatosan emelkedjünk fel öt másodperc alatt.
Ne felejtse el, hogy hozzáadhat kulcsképeket Mozgás paraméterekre 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útumait állítsa be a Horgonypont a kutya lábának aljáig. Ezzel biztosíthatja, hogy minden forgás, amelyet animál, elforduljon azon a ponton, ahol a csont ízülete természetesen ott lenne.
Ezután, attól függően, hogy hogyan akar kinézni, vagy megadhatja kulcsképet a kutya mancsának forgatásához, és hozzáadhat egy hurkos kifejezést, vagy használhatja a Wiggle - Forgatás effektus véletlenszerű mozgások készítéséhez.
Különféle effektusokat találhat a Hatások és előre beállított lehetőségek panel. Húzza rá 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 macska eltalálja a kutya mancsát azáltal, hogy belevágja a korábban elkészített két képkockát, hogy megteremtse a mozgás illúzióját.
Animáld a szövegben, és ott van, megvan az animált grafikád! Most már használhatja, ahol csak akarja.
Noha videopélda nélkül is nehezebb bemutatni, megnyugodhat, hogy a kutya mancsa örömmel fogadja a macskát.
A Photoshop és az After Effects együttes használata
Ez egy gyors áttekintés volt arról, hogyan lehet réteges képet létrehozni az Adobe Photoshop alkalmazásban, és 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 komplex réteges fájlokat hozhat létre, amelyek animálhatók az After Effects alkalmazásban.
Ennek a gyors gyakorlatnak meg kell értenie, hogy a két program hogyan kombinálható félelmetes tartalom létrehozásához. És ne felejtsük el, hogy ez a folyamat mind két dimenzióban zajlott le, hogy a dolgok egyszerűek legyenek, de biztos lehet benne, hogy a Photoshop rétegeket 3D mozgással is animálhatja.
Ha 3D-s rétegekkel szeretne dolgozni az Adobe After Effects programban, akkor megmutatjuk, hogyan kell elkezdeni.
Olvassa el a következőt
- Kreatív
- Számítógépes animáció
- Adobe Photoshop
- Grafikai tervezés
Laurie videoszerkesztő és író, televíziós és filmműsorokban dolgozott. Délnyugat-Angliában él.
Iratkozzon fel hírlevelünkre
Csatlakozzon hírlevelünkhöz, amely műszaki tippeket, véleményeket, ingyenes e-könyveket és exkluzív ajánlatokat tartalmaz!
Még egy lépés…!
Kérjük, erősítse meg e-mail címét az imént elküldött e-mailben.
