Kako ohraniti GIF v Photoshopu

Anonim

Kako ohraniti GIF v Photoshopu

Po ustvarjanju animacije v Photoshopu je treba shraniti v eni od razpoložljivih formatov, od katerih je eden GIF. Značilnost tega formata je, da je namenjena za prikaz (predvajanje) v brskalniku.

Če vas zanimajo druge možnosti za varčevanje animacije, priporočamo branje tega članka:

Lekcija: Kako shraniti video v Photoshop

Proces ustvarjanja GIF animacije je bil opisan v eni od prejšnjih lekcij, danes pa bomo govorili o tem, kako shraniti datoteko v formatu GIF in na nastavitvah optimizacije.

Lekcija: Ustvarite preprosto animacijo v Photoshopu

Shranjevanje GIF.

Za začetek ponavljamo material in preberite okno Shrani nastavitev. Odpre se s klikom na element "Shrani za Web" v meniju Datoteka.

Point Shrani za Web v meniju Datoteka, da shranite GIFS v Photoshop

Okno je sestavljeno iz dveh delov: predogled bloka

Enota za rekreacijo v nastavitvah parametrov ohranjanja GIF v Photoshopu

in nastavitve blok.

Nastavitve bloka v oknu Nastavitve za ohranjanje GIFKI v Photoshopu

Block Preview.

Izberite število možnosti Ogled je izbrana na vrhu bloka. Glede na potrebe lahko izberete želeno nastavitev.

Izbira možnosti gledanja v oknu Varnostnih nastavitev GIFKI v Photoshopu

Slika v vsakem oknu, razen originala, je konfigurirana posebej. To je storjeno tako, da lahko izberete optimalno možnost.

Na levi strani bloka je majhen sklop orodij. Uporabili bomo samo "roko" in "lestvico".

Orodja za roko in lestvico v oknu Varnostnih nastavitev GIFKI v Photoshopu

Z uporabo "roke" lahko sliko premaknete v izbrano okno. Izbira je tudi to orodje. "Lestvica" izvede isto dejanje. Pribl in izbrišite sliko, lahko tudi gumbi na dnu bloka.

Slikovna lestvica v oknu Varnostne nastavitve GIFKI v Photoshopu

Nizek spodaj je gumb z napisom "Pogled". Odpre izbrano možnost v privzetem brskalniku.

Gumb View Ogled slike v brskalniku v oknu Nastavitve parametrov na daljavo v Photoshopu

V oknu brskalnika, razen za nastavitev parametrov, lahko dobimo tudi HTML GIF kodo.

Predogled slike v privzetem brskalniku, medtem ko vzdržuje GIFS v Photoshopu

Nastavitve bloka

V tem bloku so konfigurirani slikovni parametri, več jih razmislite.

  1. Barvna shema. Ta nastavitev določa, katera tabela indeksiranih barv bo pri optimizaciji uporabljena za sliko.

    Izbor sheme indeksiranja barv, medtem ko ohranja GIF v Photoshopu

    • Zaznavnih in preprosto "sistem zaznavanja." Ko se ga uporabi, Photoshop ustvari tabelo barv, s sedanjih odtenkih slike voden. V skladu z razvijalci, ta miza je čim bližje na kako človeško oko vidi barvo. Plus - slika je najbolj blizu izvirniku, so barve maksimalno shranijo.
    • Selektivna shema je podobna prejšnji, vendar so barve, ki se nanašajo na spletu zagotovi za splet se uporablja predvsem v njej. osredotočila tudi na zaslonu odtenkov približno na začetno eno.
    • Prilagodljivo. V tem primeru je tabela ustvarjena z barvami, ki so bolj pogoste v sliki.
    • Omejeno. Sestavljen je iz 77 barv, nekaj vzorcev, od katerih se zamenja z belo v obliki točke (zrnje).
    • Po meri. Ko se odloči za to shemo, je mogoče, da ustvarite svojo paleto.
    • Črno in belo. V tej tabeli uporablja samo dve barvi (črno in belo), prav tako z uporabo žita.
    • V razredih sive. Obstajajo različne 84 ravni odtenkov sive.
    • MacOS in Windows. Podatki v tabeli so zbrani na podlagi značilnosti kartiranja slik v brskalnikih tečejo te operacijske sisteme.

    Tukaj je nekaj primerov, ki se uporabljajo shem.

    Vzorci slike, ki uporabljajo različne barve indeksiranje tabel ob ohranjanju gif v Photoshopu

    Kot lahko vidite, so prvi trije vzorci povsem sprejemljive kakovosti. Kljub dejstvu, da vizualno se skoraj ne razlikujejo med seboj, na različnih slik bodo ti sistemi delujejo drugače.

  2. Največje število barv v barvni tabeli.

    Nastavitev števila maksimalno barv v tabeli indeksiranje ob ohranjanju gif v Photoshopu

    Število odtenkov v slike, neposredno vpliva na njeno težo, in s tem na hitrost prenosa v brskalniku. Vrednost 128 je najbolj pogosto uporablja, saj ta nastavitev skoraj ne vpliva na kakovost, hkrati pa se zmanjša težo gif.

    Primeri nastavitev za število maksimalno barv v tabeli indeksiranje hkrati pa ohranja gif v Photoshopu

  3. Spletne barve. Ta nastavitev določa toleranco, s katero so odtenki pretvori v enakovredno iz varnega spletnega paleti. Področje datoteke je določena z nizom vrednosti, ki jo drsnika: vrednost je višja - je datoteka manjša. Pri nastavljanju WEB-barve, ne smemo pozabiti tudi o kakovosti.

    Nastavitev tolerance za pretvorbo slike na spletnih barve, medtem ko ohranja gif v Photoshopu

    Primer:

    Primeri vzpostavitev barvno pretvorbo v WEEB ob ohranjanju gif v Photoshopu

  4. Dysrying vam omogoča nemoteno iz prehode med barvami z mešanjem odtenkov, ki so vsebovani v izbranem indeksiranje mizo.

    Dystering nastavitev, medtem ko ohranja gif v Photoshopu

    Tudi nastavitev bo pomagala ohraniti gradiente in celovitost monokromatskih mest. Ko uporabljate razdeljevanje, poveča težo datoteke.

    Primer:

    Primeri uporabe nastavitev Dystersing, medtem ko vzdržujejo GIFS v Photoshopu

  5. Preglednost. Format GIF podpira le popolnoma pregledne ali absolutno neprozorne pike.

    Nastavitev preglednosti ozadja ob ohranjanju gif v Photoshopu

    Ta parameter, brez dodatne nastavitve, slabo prikazuje linije krivulje, zapuščajo pixelske dame.

    Primeri uporabe prilagajanja mat, medtem ko vzdržujejo gif v Photoshopu

    Prilagoditev se imenuje "mat" (v nekaterih urednikih "Kaima"). Z njim je konfiguriran tako, da zmeša slike pikslov z ozadjem strani, na kateri se nahaja. Za najboljši prikaz izberite barvo, ki ustreza barve ozadja mesta.

    Nastavitev mešanja slikovnih slikovnih slikovnih pik z ozadjem medijevskih strani Resoe v Photoshopu

  6. Prepleteno. Ena od najbolj uporabnih za spletne nastavitve. V primeru, da ima datoteka precejšnjo težo, vam omogoča, da takoj pokažete sliko na strani, saj se naloži izboljšanje kakovosti.

    Nastavitev prepleta med vzdrževanjem gif v Photoshopu

  7. Pretvorba SRGB pomaga pri shranjevanju maksimalnih originalnih slikovnih barv.

    Nastavitev pretvorbe barv v SRGB pri vzdrževanju gif v Photoshopu

Nastavitev "disiysing transparentnost" bistveno poslabša kakovost slike, in bomo govorili o "izgubi" parameter v praktičnem delu lekcije.

Disying nastavitve za preglednost in izgubo podatkov, medtem ko ohranjajo GIF v Photoshopu

Za najboljše razumevanje procesa postavitve ohranjanja GIF v Photoshopu, morate vaditi.

Praksa

Cilj optimizacije slik za internet je največje zmanjšanje teže datoteke, hkrati pa ohranja kakovost.

  1. Po obdelavi slike pojdite na meni »Datoteka - Shrani spletni«.
  2. Razstavljajte način »4 možnosti«.

    Izbira števila možnosti za ogled rezultatov, medtem ko vzdržuje GIF v Photoshopu

  3. Nato potrebujete eno od možnosti, da bi najbolj podobni originalu. Naj bo slika desno od vira. To je narejeno, da se oceni velikost datoteke z največjo kakovostjo.

    Nastavitve nastavitev so naslednje:

    • Barvna shema "Selektivna".
    • "Barve" - ​​265.
    • "Dvagzert" je "naključno", 100%.
    • Odstranite oči nasproti parametra "prepletenega", saj bo končna slika slike precej majhna.
    • "Spletne barve" in "izgube" - nič.

      Nastavitev parametrov referenčne slike, medtem ko vzdrževate GIFS v Photoshopu

    Primerjajte rezultat z originalom. Na dnu okna vzorca lahko vidimo trenutno velikost GIF in hitrost nalaganja na določeni internetni hitrosti.

    Primerjava rezultatov optimizacije slike z originalom, medtem ko ohranja GIFS v Photoshopu

  4. Pojdite na spodnjo sliko. Poskusimo ga optimizirati.
    • Pustite shemo nespremenjeno.
    • Število barv zmanjša do 128.
    • Dysmering vrednost se je zmanjšala na 90%.
    • Spletne barve se ne dotikajo, ker nam v tem primeru ne bo pomagala ohraniti kakovost.

      Nastavitev parametrov ciljne slike, medtem ko vzdrževate GIFS v Photoshopu

    Velikost GIF se je zmanjšala s 36,59 kb na 26,85 KB.

    Zmanjšana velikost slike Po optimizaciji ob ohranjanju gif v Photoshopu

  5. Ker so na sliki že prisotne nekatere zrnje in majhne napake, poskusimo povečati "izgube". Ta parameter opredeljuje dovoljeno raven izgube podatkov pri stiskanju GIF. Spremenite vrednost na 8.

    Nastavitev ravni dovoljenega izgube podatkov pri stiskanju GIF, da shranite GIF v Photoshopu

    Še vedno nam je uspelo zmanjšati velikost datoteke, hkrati pa izgubiti malo kakovosti. GIFS zdaj tehtajo 25,9 kilobajtov.

    Velikost slike Po nastavitvi izgube ob ohranjanju GIF v Photoshopu

    Skupaj smo lahko zmanjšali velikost slike približno 10 KB, kar je več kot 30%. Zelo dober rezultat.

  6. Nadaljnja dejanja so zelo preprosta. Kliknite gumb Shrani.

    Shranite gumb v oknu Varnostnih nastavitev GIFKI v Photoshopu

    Izberemo prostor za shranjevanje, dajte ime GIF, in ponovno pritisnite "Shrani".

    Izbira mesta in ime hranitve GIF v Photoshopu

    Prosimo, upoštevajte, da je to priložnost skupaj z GIF, da ustvarite HTML dokument, na katerega bo naša slika zgrajena. Za to je bolje izbrati prazno mapo.

    Shranjevanje gif skupaj z dokumentom HTML v Photoshopu

    Kot rezultat, dobimo stran in mapo s sliko.

    Mapa s shranjeno gif v Photoshopu

Nasvet: Ko dodelite ime datoteke, poskusite ne uporabljati ciljevskih znakov, ker jih ne morejo vsi brskalniki prebrati.

Ta lekcija za shranjevanje slike v formatu GIF je končana. Na njem smo ugotovili, kako lahko optimizirate datoteko za umestitev na internetu.

Preberi več