Kun olet luonut Animaation Photoshopissa, se on tallennettava johonkin käytettävissä olevista muodoista, joista yksi on GIF. Tämän muodon ominaisuus on se, että se on tarkoitettu näyttämään (toisto) selaimessa.
Jos olet kiinnostunut muista vaihtoehdoista animaation säästämiseksi, suosittelemme lukemaan tätä artikkelia:
Oppitunti: Kuinka tallentaa video Photoshopissa
GIF-animaation luomisprosessi kuvataan yhdessä edellisistä oppitunnista, ja tänään puhumme tiedostojen tallentamisesta GIF-muodossa ja optimointiasetuksissa.
Oppitunti: Luo yksinkertainen animaatio Photoshopissa
GIF: n tallentaminen.
Aluksi toistetaan materiaali ja lue Tallenna asetukset -ikkunan. Se avautuu napsauttamalla Tiedosto-valikossa "Tallenna Web"-kohdetta.
Ikkuna koostuu kahdesta osasta: Esikatselupalat
ja Asetukset-lohko.
Lohkon esikatselu
Valitse lohkon yläosassa valitaan näkymäasetukset. Riippuen tarpeista, voit valita haluamasi asetuksen.
Kussakin ikkunassa oleva kuva, paitsi alkuperäinen, on määritetty erikseen. Tämä tehdään niin, että voit valita optimaalisen vaihtoehdon.
Lohkon vasemmassa reunassa on pieni joukko työkaluja. Käytämme vain "käsi" ja "mittakaava".
"Käsi" käyttäminen Voit siirtää kuvan valitussa ikkunassa. Valinta tehdään myös tällä työkalulla. "Scale" suorittaa samat toiminnot. Approx ja poista kuva voi olla myös lohkon alaosassa olevia painikkeita.
Alhainen alla on painike, jossa on merkintä "Näytä". Se avaa valitun vaihtoehdon oletusselaimessa.
Selainikkunassa lukuun ottamatta parametrien asettamista voimme myös saada HTML GIF -koodin.
Estä asetukset
Tässä lohkossa kuvaparametrit on määritetty, harkitse sitä enemmän.
- Väriskeema. Tämä asetus määrittää, mitkä indeksoidun värin taulukko levitetään kuvaan optimoinnissa.
- Perceptinen ja yksinkertaisesti "käsitysjärjestelmä". Kun sitä käytetään, Photoshop luo värisäiliön, jota ohjataan kuvan nykyisillä sävyillä. Kehittäjien mukaan tämä taulukko on mahdollisimman lähellä sitä, miten ihmisen silmä näkee värin. Plus - Kuva on alkuperäinen alkuperäiskappale, värit tallennetaan maksimaalisesti.
- Selektiivinen järjestelmä on samanlainen kuin edellinen, mutta verkon suojatut värit ovat pääosin käytettyjä. Se keskittyi myös sävyjen näyttämiseen alkuvaiheeseen.
- Mukautuva. Tällöin taulukko luodaan värit, jotka ovat yleisempiä kuvassa.
- Rajoitettu. Koostuu 77 väriä, joista osa on korvattu valkoisella pisteen muodossa (vilja).
- Mukautettu. Kun valitset tämän järjestelmän, on mahdollista luoda oma paletti.
- Mustavalkoinen. Tämä taulukko käyttää vain kaksi väriä (mustavalkoinen), myös viljaa.
- Harmaalla. On olemassa erilaisia 84 tasoa harmaasävyjä.
- MacOS ja Windows. Taulukkotiedot kootaan näiden käyttöjärjestelmien käyttämien selaimien kartoituskuvien ominaisuuksien perusteella.
Seuraavassa on muutamia esimerkkejä järjestelmien soveltamisesta.
Kuten näette, ensimmäiset kolme näytettä ovat melko hyväksyttävää laatua. Huolimatta siitä, että visuaalisesti ne eivät eroa toisistaan, eri kuvilla nämä järjestelmät toimivat eri tavalla.
- Väripöydän värien enimmäismäärä.
Kuvan sävyjen määrä vaikuttaa suoraan sen painoon ja vastaavasti selaimen latausnopeudesta. 128: n arvoa käytetään useimmiten, koska tämä asetus ei lähes vaikuta laatuun, samalla kun GIF: n painoa.
- Web-värit. Tämä asetus määrittää toleranssin, jolla sävyt muunnetaan vastaavaksi turvallisesta Web-paletista. Tiedoston ala määräytyy liukusäätimen asettamalla arvolla: arvo on korkeampi - tiedosto on vähemmän. Verkkoväreiden asettamisen yhteydessä ei myöskään saa unohtaa laatua.
Esimerkki:
- Dysryingin avulla voit tasoittaa siirtymät väreihin sekoittamalla valitulle indeksointitaulukkoon sisältyvät sävyt.
Myös asetus auttaa vähentämään kaltevuuksia ja monokromaattisten kohteiden koskemattomuutta. Kun käytät annostelua, lisää tiedoston painoa.
Esimerkki:
- Avoimuus. GIF-muoto tukee vain täysin avoimia tai ehdottomasti läpinäkyviä pikseleitä.
Tämä parametri, ilman lisäasetusta huonosti näyttää viivojen käyrät, jättäen pikseli naisia.
Säätö on nimeltään "Matte" (joissakin toimittajissa "Kaima"). Sen avulla se on konfiguroitu sekoittamaan pikselit kuvat sivun taustalla, johon se sijaitsee. Valitse haluamasi näyttö, joka vastaa sivuston taustan väriä.
- Lomitettu. Yksi hyödyllisimmistä Web-asetuksista. Siinä tapauksessa, että tiedostolla on huomattava paino, voit välittömästi näyttää kuvan sivulla, koska se kasvaa sen laadun parantamiseksi.
- SRGB-muuntaminen auttaa tallentamaan suurimmat alkuperäiset kuvan värit tallennettaessa.
"Dysrying avoimuus" pahentaa merkittävästi kuvanlaatua, ja puhumme "tappion" parametrista oppitunnin käytännön osassa.
Paras käsitys GIF: n säilyttämisen määrittämisestä Photoshopissa sinun on harjoitettava.
Harjoitella
Tavoitteena on optimoida kuvia Internetissä on tiedoston painon suurin vähennys säilyttää laadun.
- Kuvan käsittelyn jälkeen siirry "Tiedosto - Tallenna Web-valikkoon.
- Näyttää "4 vaihtoehtoa" Näytä tila.
- Seuraavaksi tarvitset jonkin vaihtoehdon, joka mahdollistaa alkuperäisen alkuperäisen. Olkoon sellainen kuva lähteen oikealla puolella. Tämä tehdään, jotta voidaan arvioida tiedoston koko, jolla on mahdollisimman laadukas.
Asetukset-asetukset ovat seuraavat:
- Värimalli "valikoiva".
- "Värit" - 265.
- "Diazering" on "satunnainen", 100%.
- Irrota DAW: n vastapäätä "lomitettua" parametria, koska kuvan lopullinen kuva on melko pieni.
- "Web-värit" ja "tappiot" - nolla.
Vertaa tulos alkuperäisen kanssa. Näytteen ikkunan alaosassa näemme nykyisen GIF-koon ja latausnopeuden määritetyssä Internet-nopeudella.
- Siirry alla olevaan kuvaan. Yritetään optimoida se.
- Jätä järjestelmä ennallaan.
- Värien määrä vähenee jopa 128.
- Dysmering-arvo väheni 90 prosenttiin.
- Web-värit eivät kosketa, koska tässä tapauksessa se ei auta meitä pitämään laatua.
GIF-koko laski 36,59 kb: sta 26,85 kb: ksi.
- Koska kuvassa on jo olemassa jonkin verran rakeisuutta ja pieniä vikoja, yritetään kasvattaa "tappioita". Tämä parametri määrittelee sallitun datatappion tason, kun pakataan GIF. Muuta arvo 8.
Olemme edelleen onnistuneet vähentämään tiedoston kokoa menettäen hieman laatua. GIF: t painaa nyt 25,9 kilotavua.
Yhteensä pystyimme vähentämään noin 10 kB: n kokoa, mikä on yli 30%. Erittäin hyvä tulos.
- Lisätoimet ovat hyvin yksinkertaisia. Napsauta Tallenna-painiketta.
Valitsemme paikan säästää, antaa GIF: n nimen ja paina "Tallenna" uudelleen.
Huomaa, että GIF: n kanssa on mahdollisuus luoda HTML-asiakirja, johon kuvasi rakennetaan. Tätä varten on parempi valita tyhjä kansio.
Tämän seurauksena saat sivun ja kansion kuvan kanssa.
Vihje: Kun haluat määrittää tiedostonimen, yritä olla käyttämättä kyrillisiä merkkejä, koska kaikki selaimet eivät pysty lukemaan niitä.
Tämä oppitunti kuvan tallentamiseksi GIF-muodossa on valmis. Sieltä huomasimme, miten voit optimoida tiedoston sijoittamisen Internetissä.