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.
Okno sa skladá z dvoch častí: náhľadu blok
a nastavenie zablokovať.
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.
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".
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.
Low nižšie je tlačidlo s nápisom "View". To otvorí vybranú možnosť v predvolenom prehliadači.
V okne prehliadača, s výnimkou nastavenia parametrov, môžeme tiež získať HTML kód gif.
nastavenie blokové
V tomto bloku sú parametre obrazu sú konfigurované tak, považujú to viac.
- Farebná schéma. Toto nastavenie určuje, ktorá tabuľka indexovaných farieb budú aplikované na snímke pri optimalizácii.
- 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.
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.
- Maximálny počet farieb v tabuľke farieb.
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.
- 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.
Príklad:
- Dysrying vám umožňuje vyhladiť prechody medzi farbami zmiešaním odtieňov, ktoré sú obsiahnuté vo vybranej indexovacom stole.
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:
- Priehľadnosť. Formáte GIF podporuje iba absolútne priehľadné alebo úplne nepriehľadné pixely.
Tento parameter, a to bez dodatočných úprav, zle zobrazuje linky krivky, takže pixelov dámy.
Ú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.
- 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.
- SRGB konverzie pomáha šetriť maximálnych pôvodných farieb obrazu pri ukladaní.
Nastavenie "Dysrying transparentnosť" výrazne zhoršuje kvalitu obrazu, a budeme hovoriť o parametri "straty" v praktickej časti výučby.
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.
- Po spracovaní obrazu, choďte na "Súbor - Uložiť pre Web" menu.
- Vykazujú režim zobrazenia "4 voľbu".
- Ď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.
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.
- 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.
Veľkosť gif znížil z 36,59 KB do 26,85 KB.
- 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.
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.
Celkom sa nám podarilo znížiť veľkosť obrazu asi 10 KB, čo je viac ako 30%. Veľmi dobrý výsledok.
- Ďalšie akcie sú veľmi jednoduché. Kliknite na tlačidlo Uložiť.
zvoliť sme miesto pre uloženie uveďte názov gif a stlačte "Save" znova.
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.
Ako výsledok, dostaneme stránku a zložku s obrazom.
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.