Hogyan tartsuk meg a GIF-t a Photoshop-ban

Anonim

Hogyan tartsuk meg a GIF-t a Photoshop-ban

Miután létrehozott egy animációt a Photoshopban, meg kell menteni az egyik rendelkezésre álló formátumban, amelyek közül az egyik GIF. Ennek a formátumnak a funkciója, hogy a böngészőben megjeleníthető (lejátszás).

Ha az animáció mentésére vonatkozó egyéb lehetőségek iránt érdeklődnek, javasoljuk, hogy olvassa el ezt a cikket:

Lecke: Hogyan mentse el a videót a Photoshop-ban

A folyamat létrehozásának GIF animáció leírt egyik korábbi leckéket, és ma fogunk beszélni, hogyan kell menteni a fájlt GIF formátumú és optimalizálási beállítások.

Lecke: Hozzon létre egy egyszerű animációt a Photoshopban

GIF mentése.

A kezdethez ismételje meg az anyagot, és olvassuk el a mentési beállítások ablakát. Megnyílik, ha a Fájl menüben található a "Webes" elemre kattintva.

Point Mentés az interneten a Fájl menüben, hogy mentse a GIF-eket Photoshopban

Az ablak két részből áll: egy előnézeti blokk

A recessziós egység a GIF-ek megőrzésének paramétereinek beállításaiban a Photoshopban

és a beállítási blokk.

Blokk beállításai a GIFKI megőrzési beállítások ablakban a Photoshopban

Blokk előnézet

Válassza ki a nézet opciók számát a blokk tetején. Az igényektől függően kiválaszthatja a kívánt beállítást.

A Photoshop GIFKI megőrzési beállításainak megtekintési lehetőségeinek kiválasztása

A kép minden ablakban, kivéve az eredeti, külön van konfigurálva. Ezt úgy végezzük, hogy kiválaszthatja az optimális opciót.

A blokk bal oldalán van egy kis eszközkészlet. Csak a "kéz" és "skála" -et használjuk.

Kézi és méretarányos eszközök a GIFKI megőrzési beállítások ablakában a Photoshopban

A "Hand" használatával a képet a kiválasztott ablakban mozgathatja. A választás az eszköz is történik. A "skála" ugyanazt a műveletet hajtja végre. A kép kb. És törlése is lehet gombok a blokk alján.

Kép skála a GIFKI megőrzési beállítások ablakában a Photoshopban

Az alacsonyabb a "Nézet" feliratú gomb. Megnyitja a kiválasztott opciót az alapértelmezett böngészőben.

Képnézet gomb a böngészőben a Photoshop gifting paramétereinek beállítási ablakában

A böngészőablakban, kivéve a paraméterek beállítását, a HTML GIF kódot is kaphatjuk.

A kép előnézete az alapértelmezett böngészőben, miközben fenntartja a GIF-eket a Photoshopban

Blokk beállításai

Ebben a blokkban a képparaméterek konfigurálva vannak, fontolja meg többet.

  1. Színösszeállítás. Ez a beállítás határozza meg, hogy melyik indexelt színeket alkalmazzák a képre az optimalizálás során.

    Színek kiválasztása indexelési rendszer, miközben fenntartja a GIF-eket a Photoshopban

    • Észlelési és egyszerűen "észlelési rendszer". Ha használják, a Photoshop létrehoz egy színeket, vezetve a kép jelenlegi árnyalatai. A fejlesztők szerint ez a táblázat a lehető legközelebb van, hogy az emberi szem látja a színt. Plusz - A kép a legszebb az eredetihez, a színek maximálisan mentettek.
    • A szelektív rendszer hasonló az előzőhez, de a szövedékhez kapcsolódó színek túlnyomórészt használják. Ezenkívül az árnyalatok megjelenítésére is összpontosított a kezdetihez.
    • Adaptív. Ebben az esetben a táblázat a képen gyakoribb színekből származik.
    • Korlátozott. 77 színekből áll, amelyek mintái vannak helyettesítve fehér formájában (gabona).
    • Egyedi. E rendszer kiválasztásakor a saját paletta létrehozása lehetséges.
    • Fekete és fehér. Ez a táblázat csak két színt (fekete-fehér), szintén gabonát használ.
    • Szürke osztályokban. A szürke árnyalatok különböző szintjei vannak.
    • MacOS és Windows. Az ilyen operációs rendszereket futtató böngészők leképezésének jellemzői alapján összeállított asztaladatok.

    Íme néhány példa a rendszerek alkalmazására.

    Képminták különböző színekkel indexelő táblákkal, miközben a GIF-eket a Photoshopban tartják

    Amint láthatja, az első három minta elég elfogadható minőségű. Annak ellenére, hogy vizuálisan szinte nem különböznek egymástól, különböző képeken ezek a rendszerek másképp működnek.

  2. A színtáblán lévő színek maximális száma.

    Az indexelőasztal maximális színekének beállítása, miközben fenntartja a GIF-eket a Photoshopban

    A képen lévő árnyalatok száma közvetlenül befolyásolja a súlyát, és ennek megfelelően a böngésző letöltési sebességét. A 128 értéket leginkább használják, mivel ez a beállítás szinte nem befolyásolja a minőséget, miközben csökkenti a GIF súlyát.

    Példák az indexelő táblázat maximális színének beállításaira, miközben fenntartják a GIF-eket a Photoshopban

  3. Webes színek. Ez a beállítás megállapítja a toleranciát, amellyel az árnyalatokat egy biztonságos webpalettából egyenértékűnek kell átalakítani. A fájl területét a csúszka által beállított érték határozza meg: az érték magasabb - a fájl kevesebb. A webes színek beállításakor nem szabad elfelejteni a minőséget is.

    A kép konverziós tolerancia beállítása a webes színekhez, miközben fenntartja a GIF-eket a Photoshopban

    Példa:

    Példák a színes átalakítás beállítására a WEEB-hez, miközben fenntartják a GIF-eket a Photoshop-ban

  4. A dyryry lehetővé teszi, hogy simítsa ki a színek közötti átmeneteket a kiválasztott indexelőasztalban lévő árnyalatok összekeverésével.

    Disztering beállítása, miközben fenntartja a GIF-eket a Photoshopban

    A beállítás segíteni fogja a monokromatikus webhelyek fokozatosságának és integritásának megőrzését. Az adagolás használatakor növeli a fájl súlyát.

    Példa:

    Példák a diszstering beállítások alkalmazására, miközben fenntartják a GIF-eket a Photoshopban

  5. Átláthatóság. A GIF formátum csak teljesen átlátszó vagy teljesen átlátszatlan képpontokat támogat.

    A háttér átláthatóságának beállítása, miközben fenntartja a GIF-eket a Photoshopban

    Ez a paraméter, további beállítás nélkül rosszul jeleníti meg a vonal görbéket, és a pixel hölgyeket hagyja.

    Példák a beállítási matt használatára, miközben fenntartják a GIF-eket a Photoshopban

    A kiigazítást "matte" -nek nevezik (egyes szerkesztők "Kaima"). Ezzel úgy van kialakítva, hogy a képpontok képeit az oldal hátterében keverjük össze, amelyen elhelyezhető. A legjobb megjelenítéshez válasszon egy színt, amely megfelel a helyszín színének színének.

    A pixel képek keveredésének beállítása a Press Pages Resude háttérrel

  6. Átlapolt. Az egyik leghasznosabb a webes beállításokhoz. Abban az esetben, ha a fájl jelentős súlyú, lehetővé teszi, hogy azonnal megjelenítse a képet az oldalon, mivel a minőség javítása javítja a minőségét.

    Az átlapolt beállítása, miközben fenntartja a gifeket a Photoshopban

  7. Az SRGB konverzió segít a maximális eredeti képszínek mentése megtakarítás közben.

    A színek átalakítása SRGB-ben, miközben fenntartja a GIF-eket a Photoshop-ban

Beállítása „Dysrying átláthatóság” jelentősen rontja a kép minőségét, és fogunk beszélni a „veszteség” paraméter a gyakorlati része a leckét.

Az átláthatóság és az adatvesztés diszrying beállításai, miközben fenntartják a GIF-eket a Photoshopban

A GIF-ek megőrzésének folyamatának legjobb megértése érdekében a Photoshopban kell gyakorolni.

Gyakorlat

A képek optimalizálása az interneten a fájl súlyának maximális csökkentése a minőség fenntartása mellett.

  1. A kép feldolgozása után lépjen a "File - Save for Web" menübe.
  2. A "4 opció" nézet mód.

    Az eredmények megtekintésének kiválasztása az eredmények megtekintéséhez, miközben fenntartja a GIF-eket a Photoshopban

  3. Ezután szükséged van az egyik lehetőségre, hogy a leginkább hasonlítson az eredetihez. Legyen egy kép a forrás jobb oldalán. Ez megtörtént annak érdekében, hogy a fájl méretét maximális minőséggel becsülje meg.

    A beállítások beállításai a következők:

    • Színséma "szelektív".
    • "Színek" - 265.
    • A "Diazing" "véletlen", 100%.
    • Távolítsa el a "Interlaced" paraméterrel szembeni DAWS-t, mivel a kép végső képe elég kicsi lesz.
    • "Webes színek" és "veszteségek" - nulla.

      A referenciakép paramétereinek beállítása, miközben fenntartja a GIF-eket a Photoshopban

    Hasonlítsa össze az eredményt az eredetivel. A minta ablak alján láthatjuk az aktuális GIF méretét és a betöltési sebességet a megadott internetes sebességnél.

    A kép optimalizálásának eredménye az eredeti optimalizálásának eredménye, miközben fenntartja a GIF-eket a Photoshopban

  4. Menjen az alábbi képre, csak konfigurálva. Próbáljuk meg optimalizálni.
    • Hagyja a rendszert változatlanul.
    • A színek száma 128-ig csökkent.
    • A dysmering érték 90% -ra csökkent.
    • A webes színek nem érintik, mert ebben az esetben nem fog segíteni minket.

      A célkép paramétereinek beállítása, miközben fenntartja a GIF-eket a Photoshopban

    A GIF mérete 36,59 kb-ról 26,85 kb-ra csökkent.

    Csökkentette a képméretet az optimalizálás után, miközben fenntartja a GIF-eket a Photoshopban

  5. Mivel néhány szemcsés és kis hiba már jelen van a képen, próbáljuk meg növelni a "veszteségek". Ez a paraméter meghatározza az adatvesztés megengedett szintjét a GIF tömörítése során. Módosítsa az értéket 8-ra.

    A megengedett adatvesztés szintjének beállítása a GIF tömörítésénél, hogy megmentse a GIF-eket a Photoshop-ban

    Még mindig sikerült csökkenteni a fájl méretét, miközben elveszítünk egy kicsit minőséget. A GIFS most 25,9 kilobájt.

    Képméret a veszteség beállítása után, miközben fenntartja a GIF-eket a Photoshopban

    Összességében képesek voltak csökkenteni a kép méretét körülbelül 10 KB, ami több mint 30%. Nagyon jó eredmény.

  6. További intézkedések nagyon egyszerűek. Kattintson a Mentés gombra.

    Mentés gomb a GIFKI megőrzési beállítások ablakában a Photoshopban

    Kiválasztunk egy helyet, amely menteni, adja meg a GIF nevét, és nyomja meg újra a "Mentés" gombot.

    A GIF-ek megőrzésének helyének és nevének kiválasztása a Photoshopban

    Kérjük, vegye figyelembe, hogy lehetőség van a GIF-vel együtt, hogy hozzon létre egy HTML-dokumentumot, amelyhez képünk épül. Ehhez jobb választani egy üres mappát.

    A GIF-ek mentése a Photoshop HTML-dokumentummal együtt

    Ennek eredményeként kapunk egy oldalt és egy mappát a képen.

    Mappa mentett gifvel a Photoshopban

Tipp: Fájlnév hozzárendelése során próbálja meg nem használni a cirill karaktereket, mert nem minden böngésző képes olvasni őket.

Ez a lecke a kép mentéséhez a GIF formátumban befejeződött. Ezenkívül megtudtuk, hogyan optimalizálhatja a fájlt az interneten történő elhelyezéshez.

Olvass tovább