Tudsz GIF-et készíteni Adobe Illustratorban?

Az igazság az, nem tudsz egyedül GIF-et készíteni az Adobe Illustratorban Igen, a kezdeti lépéseket az Adobe Illustratorban is el lehet végezni, vagyis az animált GIF-hez szükséges rajzlapokat az Adobe Illustratorban is elkészítheti, de a tényleges GIF elkészítéséhez exportálnia kell a rajzlapokat egy GIF-készítő programba, vagy a Photoshopot kell használnia.

Ebben a bemutatóban megtanulhatod, hogyan készíthetsz animált GIF-eket Adobe Illustratorban és Photoshopban. A bemutatót két részre bontom.

Az 1. rész bemutatja az Adobe Illustratorban elvégzendő lépéseket, a 2. rész pedig megmutatja, hogyan lehet az artboardokat Photoshopban animált GIF-ekké alakítani. Ha nem vagy Photoshop-felhasználó, ne aggódj, azt is megmutatom, hogyan készíthetsz GIF-et online GIF-készítők segítségével.

Megjegyzés: a bemutatóban szereplő képernyőképek az Adobe Illustrator CC 2022 Mac verziójáról és a Photoshop CC 2022 Mac verziójáról készültek. A Windows vagy más verziók másképp nézhetnek ki.

1. rész: GIF készítése Adobe Illustratorban

Ha az Adobe Illustrator nem animál, akkor miért használjuk GIF készítéséhez? Egyszerű válasz: Mert a GIF vektorokat Adobe Illustratorban kell létrehozni, és a kulcs az, hogy a különböző képkockákat/műveleteket különböző artboardokra különítsük el.

Bármilyen zavarosnak is hangzik, meg fogod érteni, mivel itt mutatok egy példát részletes lépésekkel.

1. lépés: Hozzon létre egy új Adobe Illustrator fájlt, és állítsa be a rajzlap méretét 400 x 400px-re (csak az én javaslatom, nyugodtan állíthat be bármilyen más méretet).

Mivel ez egy GIF lesz, nem javaslom, hogy nagy fájl legyen, és a legjobb, ha az artboard négyzet alakú.

2. lépés: Hozzon létre egy ikont vagy illusztrációt, amelyet animálni szeretne. Például egy eső GIF-et fogok készíteni, ezért létrehozok egy felhőformát és néhány esőcseppet.

Jelenleg minden alakzat ugyanazon az alkotótáblán van, így a következő lépés az lesz, hogy az animációs képkockák létrehozásához különböző alkotótáblákra osztjuk őket.

3. lépés: Hozzon létre új rajzlapokat. Ezek a rajzlapok lesznek később a keretek a Photoshopban, így a rajzlapok száma attól függ, hogy hány képkockát/akciót szeretne a GIF-ben.

Én például öt plusz rajzlapot adtam hozzá, így most összesen hat rajzlapom van.

Ne stresszelj, ha jelenleg nem vagy biztos benne, később bármikor hozzáadhatsz vagy törölhetsz rajzlapokat.

4. lépés: Másolja és illessze be az alakzatokat az új rajzlapokra. Ha ugyanazon az alakzaton végez szerkesztést, akkor az alakzatot az összes rajzlapra másolhatja, és minden egyes rajzlapon elvégezheti a szerkesztést.

Megjegyzés: nagyon fontos, hogy a GIF készítésekor az alakzatokat a helyükre helyezzük az új rajzlapokon. A másolt objektumok ugyanarra a helyre történő elhelyezéséhez a billentyűzet gyorsbillentyűje a következő Parancs + F ( Ctrl + F Windows felhasználók számára).

Az alkotótáblákon lévő elemeknek a GIF megjelenési sorrendjét kell követniük.

Például a felhő alakzat végig a GIF-en lesz látható, ezért másolja a felhő alakzatot az összes új művészeti táblára. Az új művészeti táblára egyesével is felvehet elemeket. Öntől függ.

Döntsd el, melyik rész lesz a következő, és rendezd el az alkotótáblákat a GIF-en megjelenő képkocka sorrendje szerint.

Az én esetemben először a középső esőcseppet szeretném megmutatni, ezért a 2. művészeti táblán a felhőformával együtt fogom elhelyezni, majd a következő képkockákon (művészeti táblákon) egyenként hozzáadom az esőcseppeket az oldalakon.

Miután az összes rajztáblát beállítottam, úgy döntöttem, hogy eltávolítom az esőcseppeket az első rajztábláról, így most már így néznek ki a rajztábláim, és készen állnak a munkára.

5. lépés: Nevezd el az alkotótáblákat, és tedd őket olyan sorrendbe, ahogyan a GIF-ben szeretnéd, hogy kinézzenek. Én az 1. kockától a 6. kockáig fogom elnevezni őket, hogy később könnyebb legyen azonosítani őket a Photoshopban.

6. lépés: Exportálja az artboardokat. Menjen a felülnézeti menübe. Fájl > Exportálás > Exportálás képernyőkhöz és válassza a Művészeti táblák exportálása .

Az alkotótáblákat egyedi képként, nevekkel mentve kell látnia.

Az Adobe Illustratorban befejezted a munkát, folytassuk az animációs folyamatot a Photoshopban.

2. rész: GIF készítése Photoshopban

Ha az összes képkocka készen áll, mindössze néhány percet vesz igénybe egy animált GIF létrehozása Photoshopban.

1. lépés: Hozzon létre egy új dokumentumot a Photoshopban, amelynek mérete megegyezik az 1. részből származó Adobe Illustrator fájléval. Az én esetemben ez 400 x 400px lenne.

2. lépés: Húzza át az Adobe Illustratorból exportált képeket a Photoshopba, és azok rétegként jelennek meg.

3. lépés: Menjen a felső menübe Ablak > Idővonal , vagy közvetlenül megváltoztathatja a munkaterületet a következőre Mozgás .

A Photoshop ablak alján egy idővonal munkaterületet kell látnia.

4. lépés: Kattintson a címre. Frame animáció létrehozása az Idővonal munkaterületen, és a legfelső réteg megjelenik az Idővonal munkaterületen.

5. lépés: Kattintson az Idővonal ablak jobb felső sarkára a hajtogatott menü megnyitásához, és válassza a következő menüpontot Keretek készítése rétegekből .

Ekkor az összes réteg keretként jelenik meg.

Amint láthatja, az első keret üres, mert később ez a háttér. Az első keretet törölheti, ha kijelöli a keretet, és rákattint a Kijelölt képkockák törlése gombot az idővonal ablakban.

6. lépés: Kattintson a lefelé mutató nyílra az egyes képkockák alatt, hogy az egyes képkockák sebességét ennek megfelelően módosítsa. Én például az összes képkocka sebességét 0,2 másodpercre változtattam.

A lejátszás gombra kattintva megnézheti, hogyan néz ki a GIF. Ha elégedett az eredménnyel, az utolsó lépés a GIF exportálása.

7. lépés: Menjen a felső menübe Fájl > Exportálás > Mentés a webre (Legacy) .

A beállítások menüből a legfontosabb, hogy válassza ki a következő menüpontot GIF fájltípusként, és válassza a Forever mint a Lopási beállítások. A többi beállítást ennek megfelelően módosíthatja.

Kattintson a címre. Mentés és gratulálok! Most készítettél egy animált GIF-et.

Hogyan készítsünk GIF-et Photoshop nélkül

Nem ismeri a Photoshopot? Természetesen Photoshop nélkül is készíthet GIF-et. Rengeteg online eszköz van, amelyekkel ingyenesen készíthet GIF-et.

Az EZGIF például egy népszerű GIF-készítő, és könnyen használható. Csak fel kell töltened a képeket, kiválasztani a lejátszási sebességet, és a program automatikusan elkészíti neked a GIF-et.

Következtetés

Az Adobe Illustratorban az animáció elemeit készítheti el, a Photoshopban pedig az animált GIF-et.

Egy egyszerűbb megoldás lenne egy online GIF-készítő használata. Előnye, hogy sok időt spórolhatsz meg vele, különösen, ha nem vagy jártas a Photoshopban. Én azonban jobban szeretem a Photoshop rugalmasságát, mert több kontrollt tudok gyakorolni a keretek felett.