Nakon stvaranja animacije u Photoshopu, mora se spremiti u jedan od dostupnih formata, od kojih je jedan GIF. Značajka ovog formata je da je namijenjena za prikaz (reprodukcija) u pregledniku.
Ako ste zainteresirani za druge opcije za spremanje animacije, preporučujemo čitanje ovog članka:
Lekcija: Kako spremiti video u Photoshopu
Proces stvaranja GIF animacije opisan je u jednoj od prethodnih lekcija, a danas ćemo govoriti o tome kako spremiti datoteku u GIF formatu i postavkama optimizacije.
Lekcija: Stvorite jednostavnu animaciju u Photoshopu
Spremanje gif.
Za početak, ponavljamo materijal i pročitali prozor za postavke spremanja. Otvara se klikom na stavku "Spremi za web" u izborniku Datoteka.
Prozor se sastoji od dva dijela: blok pregleda
i postavke bloka.
Pregled bloka
Odaberite broj opcija prikaza odabran je na vrhu bloka. Ovisno o potrebama možete odabrati željenu postavku.
Slika u svakom prozoru, osim izvornika, konfigurira se zasebno. To je učinjeno tako da možete odabrati optimalnu opciju.
Na lijevoj strani bloka nalazi se mali skup alata. Koristit ćemo samo "ručnu" i "skalu".
Korištenje "Ruke" možete premjestiti sliku unutar odabranog prozora. Izbor je također napravio ovaj alat. "Skala" obavlja istu radnju. Cca i izbrisati sliku također može biti gumbe na dnu bloka.
Nisko ispod je gumb s natpisom "View". Otvara odabranu opciju u zadanom pregledniku.
U prozoru preglednika, osim za postavljanje parametara, također možemo dobiti HTML GIF kod.
Postavke bloka
U ovom bloku, parametri slike su konfigurirani, smatrajte ga više.
- Shema boja. Ova postavka određuje koja se tablica indeksiranih boja primjenjuje na sliku prilikom optimizacije.
- Perceptivno i jednostavno "shema percepcije". Kada se koristi, Photoshop stvara tablicu boja, vođena trenutnim nijansama slike. Prema programerima, ova tablica je što bliže kako ljudsko oko vidi boju. Plus - slika je najviše blizu originala, boje su maksimalno spremljene.
- Selektivna shema je slična prethodnom, ali boje koje se odnose na web sigurni za web se uglavnom koriste u njemu. Također se usredotočila na prikaz nijansi približnim početnim.
- Prilagodljivo. U tom slučaju tablica je stvorena iz boja koje su češće na slici.
- Ograničen. Sastoji se od 77 boja, od kojih su neki od uzoraka zamijenjeni bijelim u obliku točke (žita).
- Prilagođen. Prilikom odabira ove sheme moguće je stvoriti vlastitu paletu.
- Crno i bijelo. Ova tablica koristi samo dvije boje (crno-bijele), također koristeći žitarica.
- U razredima sive. Postoje razne 84 razine nijansi sive.
- Macos i Windows. Tablica se prikupljaju na temelju značajki slika mapiranja u preglednicima koji rade ove operativne sustave.
Evo nekoliko primjera primjene shema.
Kao što možete vidjeti, prva tri uzorka imaju prihvatljivu kvalitetu. Unatoč činjenici da se vizualno gotovo ne razlikuju međusobno, na različitim slikama ove sheme će raditi drugačije.
- Maksimalni broj boja u tablici u boji.
Broj nijansi na slici izravno utječe na njegovu težinu, a prema tome, na brzinu preuzimanja u pregledniku. Vrijednost od 128 se najčešće koristi, jer ova postavka gotovo ne utječe na kvalitetu, dok smanjuje težinu GIF-a.
- Web boje. Ova postavka uspostavlja toleranciju s kojom se nijanse pretvaraju u ekvivalentne od sigurne web palete. Područje datoteke određuje se vrijednost koju postavlja klizač: vrijednost je veća - datoteka je manja. Kada postavljanje web-boja ne bi trebali zaboraviti i kvalitetu.
Primjer:
- Didyring vam omogućuje da izgladite prijelaze između boja miješanjem nijansi koje se nalaze u odabranoj tablici indeksiranja.
Također, postavka će pomoći kako očuvati gradijente i integritet monokromatskih mjesta. Kada koristite točenje povećava težinu datoteke.
Primjer:
- Transparentnost. GIF format podržava samo apsolutno transparentne ili apsolutno neprozirne piksele.
Ovaj parametar, bez dodatnog podešavanja, slabo prikazuje krivulje linija, ostavljajući dame piksela.
Podešavanje se naziva "mat" (u nekim urednicima "Kaima"). Uz to, ona je konfigurirana za miješanje piksela slika s pozadinom stranice na kojoj će se nalaziti. Za najbolji prikaz odaberite boju koja odgovara boji pozadine stranice.
- Isprepleten. Jedan od najkorisnijih za web postavke. U slučaju da datoteka ima znatnu težinu, omogućuje vam odmah prikazivanje slike na stranici, jer učitava poboljšanje kvalitete.
- SRGB konverzija pomaže uštedjeti maksimalne originalne boje slike tijekom spremanja.
Postavljanje "disrying Transparency" značajno pogoršava kvalitetu slike, a mi ćemo govoriti o parametru "gubitka" u praktičnom dijelu lekcije.
Za najbolje razumijevanje procesa postavljanja očuvanja GIF-ova u Photoshopu, morate vježbati.
Praksa
Cilj optimizacije slika za internet je maksimalno smanjenje težine datoteke uz zadržavanje kvalitete.
- Nakon obrade slike, idite na "datoteku - spremite za web".
- Pokažite način prikaza "4 opcije".
- Zatim vam je potrebna jedna od opcija kako biste najviše slični izvorniku. Neka bude slika desno od izvora. To se radi kako bi se procijenila veličina datoteke s maksimalnom kvalitetom.
Postavke postavki su sljedeće:
- Shema boja "selektivna".
- "Boje" - 265.
- "Diazering" je "slučajno", 100%.
- Uklonite poklone nasuprot "isprepleteni" parametar, jer će konačna slika slike biti vrlo mala.
- "Web boje" i "gubici" - nula.
Usporedite rezultat s izvornim. Na dnu prozora uzorka možemo vidjeti trenutnu GIF veličinu i brzinu učitavanja na specificiranoj brzini Interneta.
- Idite na sliku ispod samo konfigurirana. Pokušajmo ga optimizirati.
- Ostavite shemu nepromijenjenom.
- Broj boja smanjuje do 128.
- Dyslaring vrijednost smanjena na 90%.
- Web-boje ne dodiruju, jer u ovom slučaju neće nam pomoći zadržati kvalitetu.
GIF veličina smanjila se s 36,59 kb do 26,85 kb.
- Budući da su neki zrnatost i mali nedostaci već prisutni na slici, pokušajmo povećati "gubitke". Ovaj parametar definira dopuštenu razinu gubitka podataka pri komprimiranju gif. Promijenite vrijednost na 8.
Još uvijek smo uspjeli smanjiti veličinu datoteke, dok gubite malo kvalitete. GIFS sada teži 25,9 kilobajta.
Ukupno, uspjeli smo smanjiti veličinu slike oko 10 kb, što je više od 30%. Vrlo dobar rezultat.
- Daljnje akcije su vrlo jednostavne. Kliknite na gumb Spremi.
Odabrali smo mjesto za spremanje, dajte ime GIF-a i ponovno pritisnite "Spremi".
Imajte na umu da postoji mogućnost zajedno s GIF za stvaranje HTML dokumenta na koji će biti izgrađena naša slika. Da biste to učinili, bolje je odabrati praznu mapu.
Kao rezultat toga, dobivamo stranicu i mapu slikom.
Savjet: Prilikom dodjeljivanja naziva datoteke, pokušajte ne koristiti ćirilične znakove, jer ih ne mogu svi preglednici mogu čitati.
Ova lekcija za spremanje slike u GIF formatu je dovršena. Na njemu smo saznali kako možete optimizirati datoteku za plasman na internet.