Ako udržať gif vo Photoshope

Anonim

Ako udržať gif vo Photoshope

Po vytvorení animácie vo Photoshope, musí byť uložený v jednom z dostupných formátov, z ktorých jeden je GIF. Charakteristickým rysom tohto formátu je, že je určený pre zobrazenie (PLAY) v prehliadači.

Ak máte záujem o ďalšie možnosti pre uloženie animácie, odporúčame prečítaní tohto článku:

Poučenie: ako ušetriť video vo Photoshope

Proces vytváranie animácií GIF bol opísaný v jednom z predchádzajúcich lekcií, a dnes budeme hovoriť o tom, ako uložiť súbor vo formáte GIF a na nastavenie optimalizácie.

Lekcia: Vytvorenie jednoduché animácie vo Photoshope

Ukladanie GIF.

Po prvé, budeme opakovať materiál a prečítať save okne nastavenia. To sa otvorí po kliknutí na tlačidlo "Uložiť pre Web" položka v menu Súbor.

Bod Uložiť pre web v ponuke Súbor uložte Gify vo Photoshope

Okno sa skladá z dvoch častí: náhľadu blok

Recipigation jednotka v nastavení parametrov zachovaní gif vo Photoshope

a nastavenie zablokovať.

Nastavenia bloku v okne Uzachváranie GIFKI vo Photoshope

blok náhľad

Vyberte počet možností zobrazenia je vybraný v hornej časti bloku. V závislosti na potrebách, môžete si vybrať požadované nastavenie.

Výberom možnosti prehliadania v okne Gifki Conservation Nastavenie vo Photoshope

Obraz v každom okne, okrem originálu, je konfigurovaný samostatne. To sa robí tak, že si môžete vybrať optimálnu voľbu.

V ľavej časti bloku je malá sada nástrojov. Budeme používať iba "ruka" a "koeficientu mierky".

Ručné a Scale nástroje v okne Nastavenia Gifki Chránená vo Photoshope

Použitie "Hand" môžete presunúť obraz vo vybranom okne. Voľba je tiež týmto nástrojom. "Scale" Má rovnakú funkciu. Približne a odstrániť obraz môže byť tiež tlačidlá v dolnej časti bloku.

Mierka obrazu V okne Gifki Conservation Nastavenie vo Photoshope

Low nižšie je tlačidlo s nápisom "View". To otvorí vybranú možnosť v predvolenom prehliadači.

Image View tlačidlo v prehliadači v okne nastavenia parametrov darovanie vo Photoshope

V okne prehliadača, s výnimkou nastavenia parametrov, môžeme tiež získať HTML kód gif.

Náhľad snímke v predvolenom prehliadači pri zachovaní gifs vo Photoshope

nastavenie blokové

V tomto bloku sú parametre obrazu sú konfigurované tak, považujú to viac.

  1. Farebná schéma. Toto nastavenie určuje, ktorá tabuľka indexovaných farieb budú aplikované na snímke pri optimalizácii.

    Výber farieb indexovanie schémy pri zachovaní gifs vo Photoshope

    • Vnímanie a jednoducho "schéma vnímania". Keď sa používa, Photoshop vytvorí tabuľku farieb, vedených aktuálnymi odtieňmi obrazu. Podľa vývojárov je táto tabuľka čo najbližšie k tomu, ako ľudské oko vidí farbu. PLUS - obrázok je najviac blízko k originálu, farby sú maximálne uložené.
    • Selektívna schéma je podobná predchádzajúcemu, ale farby týkajúce sa webu Bezpečné pre webu sú v ňom prevažne používané. Zameriava sa tiež na zobrazenie odtieňov približných k počiatočnému.
    • Adaptívne. V tomto prípade je tabuľka vytvorená z farieb, ktoré sú častejšie v obraze.
    • Obmedzené. Pozostáva zo 77 farieb, z ktorých niektoré vzorky sú nahradené bielym vo forme bodu (zrno).
    • Custom. Pri výbere tejto schémy je možné vytvoriť vlastnú paletu.
    • Čierna a biela. Táto tabuľka používa iba dve farby (čiernobielo), a to aj s použitím obilia.
    • V stupňoch sivej. Existujú rôzne 84 úrovní odtieňov sivej.
    • Macos a Windows. Tabuľkové údaje sú zostavené na základe funkcií mapovania obrázkov v prehliadačoch, ktorí spúšťajú tieto operačné systémy.

    Tu sú niektoré príklady použitia schém.

    Vzorky obrázkov pomocou rôznych farieb indexovacích tabuliek pri udržiavaní gifov vo Photoshope

    Ako vidíte, prvé tri vzorky majú celkom prijateľnú kvalitu. Napriek tomu, že vizuálne sa takmer nelíšia, na rôznych obrázkoch tieto schémy budú fungovať inak.

  2. Maximálny počet farieb v tabuľke farieb.

    Nastavenie maximálneho počtu farieb v tabuľke indexovania pri zachovaní Gifov vo Photoshope

    Počet odtieňov v obraze priamo ovplyvňuje jeho hmotnosť, a preto na rýchlosti sťahovania v prehliadači. Hodnota 128 sa najčastejšie používa, pretože toto nastavenie takmer neovplyvňuje kvalitu, pričom znižuje hmotnosť GIF.

    Príklady nastavení pre maximálny počet farieb v tabuľke indexovania pri zachovaní Gifov vo Photoshope

  3. Webové farby. Toto nastavenie vytvára toleranciu, s ktorými sa odtiene konvertujú na ekvivalent z bezpečnej webovej palety. Oblasť súboru je určený hodnotou nastavenou pomocou posuvníka: Hodnota je vyššia - súbor je menší. Pri nastavovaní webových farieb by nemali tiež zabudnúť na kvalitu.

    Nastavenie tolerancie na konverziu obrazu na webové farby pri zachovaní Gifov vo Photoshope

    Príklad:

    Príklady nastavenia Color Conversion na WEEB pri udržiavaní Gifov vo Photoshope

  4. Dysrying vám umožňuje vyhladiť prechody medzi farbami zmiešaním odtieňov, ktoré sú obsiahnuté vo vybranej indexovacom stole.

    DYSTERING Nastavenie Pri zachovaní Gify vo Photoshope

    Tiež nastavenie pomôže, ako sa zachovať prechody a integritu monochromatických stránok. Pri použití dávkovaní zvyšuje hmotnosť súboru.

    Príklad:

    Príklady použitia nastavenia dystering pri zachovaní gifs vo Photoshope

  5. Priehľadnosť. Formáte GIF podporuje iba absolútne priehľadné alebo úplne nepriehľadné pixely.

    Nastavenie priehľadnosti pozadia pri zachovaní gifs vo Photoshope

    Tento parameter, a to bez dodatočných úprav, zle zobrazuje linky krivky, takže pixelov dámy.

    Príklady použitia nastavovacieho kamienka pri zachovaní gifs vo Photoshope

    Úprava sa nazýva "matný" (v niektorých editoroch "Kaima"). S tým, že je nakonfigurovaný tak, aby mix obrázky pixely s pozadím stránky, na ktorej bude umiestnený. Pre čo najlepšie zobrazenie, vyberte farbu, ktorá zodpovedá farbe pozadia webu.

    Úprava miešanie obrázkov pixelov s pozadím PRESS STRÁNOK Reso vo Photoshope

  6. Prekladané. Jedným z najviac užitočný pre nastavenie webu. V prípade, že súbor má značnú váhu, vám umožní okamžite zobraziť obraz na stránke, pretože načíta zvyšovanie jej kvality.

    Nastavenie prekladané pri zachovaní gifs vo Photoshope

  7. SRGB konverzie pomáha šetriť maximálnych pôvodných farieb obrazu pri ukladaní.

    Nastavenie konverzie farieb sRGB pri zachovaní gifs vo Photoshope

Nastavenie "Dysrying transparentnosť" výrazne zhoršuje kvalitu obrazu, a budeme hovoriť o parametri "straty" v praktickej časti výučby.

Dysrying nastavenie priehľadnosti a straty dát pri zachovaní gifs vo Photoshope

Pre čo najlepšie pochopenie procese zakladania zachovanie gifs vo Photoshope, musíte cvičiť.

Prax

Cieľom optimalizácie snímok pre internet je zníženie maximálnej hmotnosti súboru pri zachovaní kvality.

  1. Po spracovaní obrazu, choďte na "Súbor - Uložiť pre Web" menu.
  2. Vykazujú režim zobrazenia "4 voľbu".

    Výber rad možností pre zobrazovanie výsledkov pri zachovaní gifs vo Photoshope

  3. Ďalej budete potrebovať jednu z možností, aby čo najviac podobný originálu. Nechaj to byť obrázok na pravej strane zdroja. To sa vykonáva tak, aby bolo možné odhadnúť veľkosť súboru s maximálnou kvalitou.

    Nastavenia Nastavenia sú nasledovné:

    • Farebná schéma "selektívne".
    • "Farby" - 265.
    • "Diazering" je "náhodný", 100%.
    • Odstráňte Daws opak parametra "prekladaný", pretože výsledný obraz snímke bude pomerne malý.
    • "Webové farby" a "straty" - nula.

      Nastavenie parametrov referenčného obrazu pri zachovaní gifs vo Photoshope

    Porovnať výsledok s originálom. V dolnej časti okna vzorky môžeme vidieť aktuálnu veľkosť GIF a rýchlosť načítania na určenom rýchlosťou pripojenia na Internet.

    Porovnanie výsledku optimalizácia obrazu s pôvodným pri zachovaní gifs vo Photoshope

  4. Prejsť na obrázku nižšie práve nakonfigurovaný. Skúsme ju optimalizovať.
    • Opustí režim bez zmeny.
    • Počet farieb zníži až 128.
    • Dysmering hodnota zníži na 90%.
    • Webové farby nedotýkajte, pretože v tomto prípade nebude nám pomôžu udržať kvalitu.

      Nastavenie parametrov obrazu ciele pri súčasnom zachovaní gifs vo Photoshope

    Veľkosť gif znížil z 36,59 KB do 26,85 KB.

    Znížená veľkosť obrazu po optimalizácii pri zachovaní gifs vo Photoshope

  5. Vzhľadom k tomu, niektoré zrnitosť a menšie chyby sú už prítomné v obraze, poďme sa pokúsiť o zvýšenie "straty". Tento parameter definuje prípustnú úroveň straty dát pri kompresii GIF. Zmeňte hodnotu na 8.

    Stanovenie výšky prípustné straty dát pri kompresii GIF uložiť gifs vo Photoshope

    Stále sa nám podarilo znížiť veľkosť súboru, zatiaľ čo stratil trochu v kvalite. Gifs teraz váži 25,9 kilobajtov.

    Veľkosť obrazu po nastavení straty pri zachovaní gifs vo Photoshope

    Celkom sa nám podarilo znížiť veľkosť obrazu asi 10 KB, čo je viac ako 30%. Veľmi dobrý výsledok.

  6. Ďalšie akcie sú veľmi jednoduché. Kliknite na tlačidlo Uložiť.

    Save Tlačidlo v okne Gifki Conservation Nastavenie vo Photoshope

    zvoliť sme miesto pre uloženie uveďte názov gif a stlačte "Save" znova.

    Výber miesta a názvu ochrany Gifov vo Photoshope

    Upozorňujeme, že je to príležitosť spoločne s GIF vytvoriť dokument HTML, ktorý bude náš obraz postavený. K tomu, že je lepšie zvoliť prázdnu zložku.

    Úsporné gif spolu s HTML dokumentu vo Photoshope

    Ako výsledok, dostaneme stránku a zložku s obrazom.

    Zložky s uloženým gif vo Photoshope

Tip: Pri zadávaní názvu súboru, skúste nepoužívať azbukou, pretože nie všetky prehliadače sú schopné prečítať.

Táto lekcia pre uloženie obrázku vo formáte GIF je dokončená. Na nej sme zistili, ako môžete optimalizovať súbor pre umiestnenie na internet.

Čítaj viac