Hogyan készítsünk gif-et a Photoshop-ban?

A "Photoshop" program egy univerzális eszköz, amely lehetővé teszi a különféle grafikus fájlformátumok kezelését. Közülük - GIF, amellyel úgynevezett gifeket hozhat létre. Mi különös ezekben a fájlokban? Hogyan készítsünk gif-et a Photoshop-ban?

Megválaszolhatjuk ezt a kérdést:

  • a gif sajátosságainak feltárása;
  • Miután megvizsgáltuk az ilyen típusú fájlok létrehozásához szükséges alapvető eszközöket, amelyek a Photoshopban találhatók.

Kezdjük az első pontról.

Cikk tartalma

  • Melyek a GIF-ek??
  • Animált gif létrehozásának algoritmusa a Photoshop alkalmazásban

Melyek a GIF-ek??

A GIF alatt megértik a leggyakrabban animált képeket GIF formátumban. A legtöbb esetben weblapokra kerülnek, és felhasználhatók például reklámcsíkként, weboldal tervezési elemként vagy multimédiás tartalom médiumaként. A GIF az egyik leggyakoribb képfájl-formátum, jpeg, png, BMP formátummal együtt. Fő előnyei, amelyek meghatározzák különösen a GIF népszerűségét a webtervezők körében, a következők:

  • lehetővé válik kis képfájlok létrehozása (ez jelentősen megtakaríthatja az Internet szerver erőforrásait a forgalom csökkentésével);
  • Animált képek gif formájában történő elkészítése népszerű programok, különösen a Photoshop használatakor nagyon egyszerű - ezt még tapasztalatlan felhasználó is el tudja kezdeni;
  • a kérdéses grafikus formátum univerzális (a GIF fájlokat szinte minden modern számítógépes platform, böngésző és a legtöbb grafikus feldolgozó program támogatja).

A GIF nem túl sok színt képes megjeleníteni - csak 256 (összehasonlításként a jpeg-ben a megfelelő érték körülbelül 16,7 millió), de ez sok esetben elegendő tematikus "clipart", kitűzők, animált bannerek vagy videók létrehozásához. Mellesleg bizonyos esetekben a GIF-formátumra formázott, eredetileg színes képek sajátos módon látványosnak tűnnek..

hirdetés

Ezért a GIF-ek megfigyelt tulajdonságát - korlátozott számú szín megjelenítését - nem szabad mindig formátum hibának tekinteni.

Leggyakrabban azonban a GIF-ek népszerűvé válnak, mivel képesek animációk létrehozására, amikor használatukat végzik. Szerkezetüket egy adott sorozatban lévő több képkocka, valamint algoritmusok ábrázolhatják, amelyek alapján az egyes képek képernyőn történő megjelenítésének időtartama meghatározható. A gif segítségével készített animációt gyakran úgy konfigurálják, hogy kereteken lépjen át (amikor az első kép elindul, amikor a sorozat lejátszása befejeződik). Megjegyzendő, hogy a szokásos multimédiás formátumú klipek, például az AVI, a Quick Time, MPEG-4, nem tartalmaznak huroklejátszást lehetővé tevő belső algoritmusokat - a megfelelő funkciót a lejátszó program hajtja végre..

A GIF formátumnak van analógja - például Apng. Az Apng szabvány azonban kevésbé általános és nem annyira univerzális. Különösen a Photoshop nem támogatja. A GIF-ektől eltérően - melyeket ez a program sokféle módon képes feldolgozni. Megvizsgáljuk a legegyszerűbb algoritmust a megfelelő típusú animáció létrehozásához a Photoshopban.

a tartalomhoz ↑

Animált gif létrehozásának algoritmusa a Photoshop alkalmazásban

A GIF mozgásba helyezésének alapelve ugyanaz, mint a hagyományos filmeknél. Szerkezetét, amint ismert, egy műanyag hordozóra helyezett keretsorozat képviseli. A film viszont egy meghatározott sebességgel játszik a képernyőn.

Tehát egy animált gif létrehozásához mindenekelőtt „keretekre” van szükség, amelyekből felépítjük a szükséges szekvenciát, egy „filmet”, amelyre fel kell őket helyezni, valamint a keretek „reprodukálására” szolgáló mechanizmust..

A fent említett szám közül az első elem lehet rendes kép. Megengedhető, hogy bármilyen fájlformátumban készítsék őket - valójában GIF, jpg vagy például png, és maga a Photoshop is részt vehet..

A gifek létrehozásának algoritmusát figyelembe véve a Photoshop-ot használjuk a CS6 verzióban, ez az egyik leggyakoribb Oroszországban és a világon. Legyen angol nyelvű változat - sok számítógépes grafika szerelmese inkább ezt használja, mivel a Photoshop számára sok dokumentáció készült Shakespeare nyelvén..

Így megnyitjuk a Photoshopot, kiválasztjuk a Fájl elemet, majd az - Új lehetőséget. Hagyja, hogy a létrehozott kép mérete 800 x 200 pixel legyen.

Ezután a bal oldali panelen található Színátmenet eszközzel hatást gyakorolhatunk a kép hátterére. Az aktiválása egyszerűen megtörténik - a megfelelő ikonra kattintással és a bal egérgomb lenyomásával vonalra kell húzni közvetlenül a képet. Hosszától függően a színátmenet egy vagy másik arányban eloszlik a képen.

Ezután a megjelölt módszerrel kitöltött háttérre írhat szöveget, a megfelelő eszköz használatával - Szöveg, a panelen is, amely a Photoshop ablak bal oldalán található. Legyen a szó a gif első keretén. Írásával szerkesztheti a betűtípust, a méretet (a megfelelő opciók a Szöveg eszköz kiválasztása után megnyílik a program ablakának tetején), és hozzáadhat egy pontot (jobb egérgombbal kattintva a meghívandó szövegrétegre, mint például a szöveg, a Keverési beállítások kiválasztásával, és majd Stroke).

Az első kép kész. Megfelelően el kell menteni. Válassza a Fájl, majd a Mentés másként menüpontot. A mentett fájl optimális formátuma ebben az esetben a png (aktiváláskor a betűk viszonylag simán jelennek meg). Mielőtt kiválasztaná a javasolt kiterjesztések listájából, feltétlenül jelölje be a Másolás mentése melletti négyzetet. Ez azt jelenti, hogy a Photoshop ablakban marad a fájl "forrása", amely szerkeszthető. Az első képkocka mentése után folytatjuk a munkát ezzel a "forrással".

A csapat úgy döntött, hogy megkülönbözteti a minőséget. Ezért ismételten a Szöveg eszköz kiválasztása helyett a szó helyett "Megkülönböztetést" írunk. Ez lesz a második képkocka - mentse el megfelelő módon png formátumban.

Ezután visszatérünk a "forráshoz", és a "Megkülönböztetés" helyett a "Minőség" szót írjuk be. Fájl mentése.

Most már 3 képkocka áll a rendelkezésünkre, ahonnan teljesen lehetséges animációt készíteni a „- minõségben különbözünk” formában.

Csukja be az összes ablakot a Photoshopban (a megbízhatóság érdekében akár teljesen is kiléphet a programból, majd újra letöltheti). Ezután kattintson a Fájl, majd a Megnyitás elemre, és válassza ki az összes 3 mentett fájlt. 3 kép jelenik meg a képernyőn -, "Megkülönböztetni", "Minőség".

Most egy szokatlan műveletet kell elvégeznünk - ezeket a kereteket egymásra kell helyezni. A legalacsonyabb nyilvánvalóan lesz. A többit rá fogjuk bízni. Nagyon könnyű megtenni..

A Mozgatás eszköz kiválasztásával - a bal oldali panelen is kattintson a "Megkülönböztetés" keretre. Ezután a Ctrl és A billentyűparancsok segítségével ki kell választania a teljes képterületet, és át kell másolnia - a Ctrl és C, majd - Ctrl és V segítségével a keretbe. Mivel méretük azonos, a másolt kép teljesen bezárja az első képet. Ugyanezt az eljárást kell elvégezni a "Minőség" kerettel - másolja be, a "Megkülönböztetés" képpel bezárva. Most minden korábbi képkockát bezárnak a "Minőség" szóval.

Ezután lépjen a rétegek panelre, amely a Photoshop ablak jobb oldalán található, és tegye láthatóvá a tetején lévő kereteket. Ehhez kattintson a bal egérgombbal a réteg nevétől balra található kis "szemek" képeire (1. és 2. réteg).

Ennek eredményeként csak a keret lesz látható. Ebben az esetben háttérként lesz megjelölve, vagyis ez lesz a háttér. Vele szemben a "szemet" kell megjeleníteni. A Windows két másik fájllal - "Megkülönböztetett" és "Minőség" -, amelyeket eredetileg a keretbe töltöttek be a programba, bezárható.

A következő lépés a legfontosabb Photoshop eszköz, nevezetesen az idővonal vagy az idővonal aktiválása. A "film" analógjának tekinthető - az animáció második alkotóeleme. Feladni kell az általunk létrehozott kereteket. Az Idővonal eszköz aktiválásához válassza az Ablak menüpontot, majd - Idővonal.

Ezután egy új panel nyílik meg a Photoshop ablak alsó részén (a munkaterület alatt, amelyen a keret található, valamint két rejtett panelen - “Megkülönböztetni” és a “Minőség”). Ez az idővonal. Ehhez van egy Video Video Timeline létrehozása gomb. Kattintson rá, miután az animációs skála betöltődik, és benne van a három képkocka, amelyekkel fent dolgoztunk. A kényelem kedvéért átválthatja a keret módra - kattintva a bal oldalon található három téglalap alakú ikonra.

Minden keret tartalmaz egy meghatározott keretet. Az első sorban megegyezik a képernyőn láthatóval - amelyben a kép látható, és a "Megkülönböztetni" és a "Minőség" - láthatatlan képekkel.

Feladatunk az, hogy egymást követő kereteket hozzunk létre azáltal, hogy azokat a megfelelő keretekbe helyezzük. Ehhez kattintson az ikonra négy vízszintes csík formájában, és válassza az Új keret lehetőséget.

Így az új keret - az első után - a második keret lesz. Ebben viszont be kell aktiválni a "Megkülönböztetni" képet - úgy, hogy az előtérben jelenjen meg, és magát takarja le. Ehhez válassza ki a második keretet az egérrel, majd kattintson a kicsi négyzetre a megfelelő réteg nevével szemben - 1. réteg. "Szemré" kell válnia, amelynek eredményeként a "Különbség" szó lesz a második kép látható képe..

A következő lépés egy harmadik keret létrehozása. Hasonlóképpen, az Új keret opcióval. A harmadik képkocka a "Minőség" keretet helyezi el. Ebben viszont ki kell kapcsolnia a "Megkülönböztetés" képpel szemben lévő "szemet", és aktiválnia kell a megfelelő elemet, amely a kívánt réteggel szemben található, azaz a 2. réteget..

Így mindhárom képkocka felváltva kerül a „filmre”, amely az Idővonal eszköz.

Most konfigurálhat néhány lehetőséget a jövőbeli animációk lejátszására. Például az egyes képkockák időtartama. Ki kell választani az összes keretet egymás után - ezt könnyű megtenni az egérrel, tartva a Ctrl billentyűt, majd - kattintson a jobb szélén található nyílra, utána - válassza ki a megfelelő paraméter kívánt értékét. Például - 2 másodperc.

A következő lépés az animáció „lejátszásának” mechanizmusa. Valójában maga a GIF-fájl mint ilyen fog működni. Annak létrehozásához el kell mentenie animációinkat ebben a formátumban. Kattintson a Fájl után, majd válassza ki a Mentés webre menüpontot. Megnyílik a GIF beállítások ablaka.

Nagyon sok lehetőség van. Opcionálisan kísérletezhet velük. De eddig nem változtatunk semmit, legyen alapértelmezés szerint mindent beállítva. Kattintson a Mentés gombra, adja meg a GIF fájl nevét és a mentési helyet.

A kész animált gif megnyitása a legjobb bármilyen böngészőben. A helyzet az, hogy ha a GIF fájlt a szerkesztőben futtatja, akkor a keretek valószínűleg nem kerülnek lejátszásra..

Ha megnyit egy gif-et egy böngészőben - például Opera, Mozilla, Chrome, Internet Explorer, akkor elindul egy animáció, amelyben a "Megkülönböztetés", a "Minőség" szavak kerülnek lejátszásra..

Tehát megtanultuk, hogyan lehet gifeket készíteni a Photoshopban. Az általunk használt keretek helyett bármilyen kép használható, és ezek száma nagyon nagy lehet - csak a számítógép teljesítménye korlátozza. Ha szeretné, könnyen elkészítheti a Photoshop alkalmazásban, a rendelkezésre álló eszközök segítségével a GIF-animációval, egy teljes rajzfilmmel vagy például egy prezentációval.