A GIMP egy rendkívül hatékony szoftver, tekintve, hogy ingyenes. A webdesignerek különösen hálásak lehetnek az egyszerű animált GIF-ek készítésének képességéért.
Az animált GIF-ek egyszerű animációk, amelyeket számos weboldalon láthat, és bár sokkal kevésbé kifinomultabbak, mint a Flash-animációk, nagyon egyszerűen elkészíthetők bárki számára, aki alapvetően ismeri a GIMP-et.
Hogyan készítsünk animált GIF-et a GIMP-ben
A következő lépések egy egyszerű webes szalaghirdetés méretű animációt mutatnak be, néhány alapvető grafikával, némi szöveggel és logóval.
A cikkben található utasítások a GIMP 2.10.12-es verziójára vonatkoznak.
-
Új dokumentum megnyitása. Ebben a példában a Web szalaghirdetés nagyméretű mobil 320x100 előre beállított sablonját választottuk.
Animációjához kiválaszthat egy előre beállított méretet vagy beállíthat egyéni méreteket attól függően, hogy hogyan fogja használni a végső animációt.
Ebben az oktatóanyagban az animáció hét képkockából fog állni, és minden képkockát egy külön réteg képvisel, ami azt jelenti, hogy a végső GIMP-fájl hét rétegből áll, beleértve a hátteret is.
-
Set Frame One. Az animáció üres szóközzel kezdődik, így nincs szükség a tényleges Háttér réteg módosítására, mivel az már sima fehér.
A Rétegek palettán azonban módosítani kell a réteg nevét. Kattintson jobb gombbal a Background rétegre a palettán, és válassza a Rétegattribútumok szerkesztése.
Image -
A megnyíló Rétegattribútumok szerkesztése párbeszédpanelen adja hozzá a (250ms) karakterláncot a réteg nevének végéhez. Ez beállítja azt az időtartamot, ameddig ez a képkocka megjelenik az animációban. Az ms jelentése ezredmásodperc, és minden ezredmásodperc a másodperc ezredrésze. Ez az első képkocka negyed másodpercig jelenik meg.
Image -
Állítsa be a második keretet. Az oktatóanyaghoz egy lábnyom-grafikát használunk ehhez a kerethez. Lépjen a Fájl > Megnyitás rétegként menüpontra, és válassza ki a grafikus fájlt. Ez egy új rétegre helyezi a lábnyomot, amely szükség szerint pozícionálható a Move Tool.
Image -
A háttérréteghez hasonlóan ezt az új réteget is át kell nevezni a keret megjelenítési idejének hozzárendeléséhez. Ebben az esetben 750 ms.
A Layers palettán az új réteg előnézete fekete hátteret jelenít meg a grafika körül, de a valóságban ez a terület átlátszó.
Image -
Állítsa be a harmadik, négyes és ötös keretet. A következő három képkocka több lábnyom, amely átmegy a szalaghirdetésen. Ezeket ugyanúgy kell beilleszteni, mint a második keretet, ugyanazt a grafikát és egy másik grafikát használva a másik lábhoz. Ahogy korábban is, az idő 750 ms-ra van állítva minden egyes képkockához.
Minden lábnyomrétegnek fehér háttérre van szüksége, hogy mindig csak egy keret legyen látható – jelenleg mindegyiknek átlátszó háttere van. Ezt úgy tehetjük meg, hogy közvetlenül a lábnyomréteg alatt hozunk létre egy új réteget, töltsük ki fehérrel, majd kattintsunk a jobb gombbal a lábnyomrétegre, és kattintsunk a Merge Down
-
Hatos keret beállítása. Ez a keret csak egy fehér színnel töltött üres keret, amely azt a látszatot kelti, hogy a végső lábnyom eltűnik, mielőtt az utolsó képkocka megjelenne. Ezt a réteget Intervallumnak neveztük el, és úgy döntöttünk, hogy ez a megjelenítés csak 250 ms-ig tart.
Nem kell elnevezni a rétegeket, de könnyebbé teheti a réteges fájlok kezelését.
Image -
Seven keret beállítása. Ez az utolsó képkocka, és némi szöveget jelenít meg a Lifewire.com logóval együtt. Az első lépés itt egy másik, fehér hátterű réteg hozzáadása.
Image -
Ezután használja a Szöveg eszközt a szöveg hozzáadásához. Ezt egy új rétegre alkalmazzuk, de ezzel foglalkozunk, miután hozzáadta az emblémát vagy az új képet, ami ugyanúgy megtehető, mint korábban a lábnyom grafikát.
Image -
Ha ezeket a kívánt módon elrendeztük, használhatjuk a Merge Down funkciót a logó- és a szövegrétegek kombinálásához, majd egyesíthetjük az egyesített réteget a hozzáadott fehér réteggel. korábban. Ez egyetlen réteget hoz létre, amely a végső keretet alkotja, és úgy döntöttünk, hogy ezt 4000 ms-ig jelenítjük meg.
Image -
Az animáció előnézete Az animált-g.webp" />Filters >Animáció > Lejátszás Megnyílik egy előnézeti párbeszédablak magától értetődő gombokkal az animáció lejátszásához. Ha valami nem tűnik megfelelőnek, ezen a ponton módosítható. Ellenkező esetben elmenthető animált GIF-ként.
Az animációs sorrendet a Rétegek palettán a rétegek egymásra halmozásának sorrendjében állítja be, a háttértől vagy a legalsó rétegtől kezdve, és felfelé haladva. Ha az animációt nem sorrendben játssza le, módosítania kell a rétegek sorrendjét: kattintson egy rétegre a kijelöléséhez, és használja a Rétegek paletta alsó sávjában található fel és le nyilakat a pozíciójának megváltoztatásához.
Image -
Mentsd el az animált GIF-et. Az animált-g.webp" />Fájl > Másolat mentése, és adjon megfelelő nevet a fájlnak, és válassza ki, hová szeretné menteni a fájlt.
Image -
Következő lépésként lépjen a Fájl > Exportálás másként oldalra, hogy animált GIF-ként mentse.
Image -
A megnyíló Kép exportálása párbeszédpanelen válassza a Fájltípus kiválasztása lehetőséget, görgessen a GIF-képhez, és válassza ki, majd válassza aExportálás . Ha figyelmeztetést kap a kép tényleges határain túlnyúló rétegekről, válassza a Vágás gombot.
Image -
Ez most a Mentés GIF-ként párbeszédpanelhez vezet az Animált GIF-beállítások részével. Meghagyhatja ezeket az alapértelmezett értékeken, de ha csak egyszer szeretné lejátszani az animációt, törölje a jelet a Loop forever.
Image - Most megoszthatja animált GIF-jeit.
Következtetés
Az itt bemutatott lépések megadják az alapvető eszközöket saját egyszerű animációk készítéséhez, különböző grafikák és dokumentumméretek használatával. Bár a végeredmény az animáció szempontjából meglehetősen alapvető, ez egy nagyon egyszerű folyamat, amelyet bárki elérhet, aki alapszintű GIMP-ismerettel rendelkezik.
