Kuinka pitää GIF Photoshopissa

Anonim

Kuinka pitää GIF Photoshopissa

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.

Point Tallenna Webissä Tiedosto-valikossa tallentaaksesi GIF: t Photoshopissa

Ikkuna koostuu kahdesta osasta: Esikatselupalat

Saavutusyksikkö GIF: n säilyttämisen parametrien asetuksissa Photoshopissa

ja Asetukset-lohko.

Estä asetukset Gifki-säilytysasetukset-ikkunassa Photoshopissa

Lohkon esikatselu

Valitse lohkon yläosassa valitaan näkymäasetukset. Riippuen tarpeista, voit valita haluamasi asetuksen.

Valokuvien valitseminen Gifki Conservation Settings -ikkunassa Photoshopissa

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 ja mittakaava työkalut Gifki Conservation Settings -ikkunassa Photoshopissa

"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.

Kuvan asteikko Gifki Conservation Settings -ikkunassa Photoshopissa

Alhainen alla on painike, jossa on merkintä "Näytä". Se avaa valitun vaihtoehdon oletusselaimessa.

Image View-painike Selaimessa Gifting-parametrien asetusikkunassa Photoshopissa

Selainikkunassa lukuun ottamatta parametrien asettamista voimme myös saada HTML GIF -koodin.

Esikatsele kuvan oletusselaimessa säilyttäen GIF: t Photoshopissa

Estä asetukset

Tässä lohkossa kuvaparametrit on määritetty, harkitse sitä enemmän.

  1. Väriskeema. Tämä asetus määrittää, mitkä indeksoidun värin taulukko levitetään kuvaan optimoinnissa.

    Värien valinta Indeksointijärjestelmä säilyttäen GIF: t Photoshopissa

    • 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.

    Kuvanäytteet, joissa käytetään erilaisia ​​värejä indeksointitaulukoita säilyttäen GIF: t Photoshopissa

    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.

  2. Väripöydän värien enimmäismäärä.

    Indeksointitaulukon värien enimmäismäärän asettaminen säilyttäen GIF: t Photoshopissa

    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.

    Esimerkkejä näiden värien enimmäismäärään indeksointipöydässä säilyttäen GIF: t Photoshopissa

  3. 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.

    Kuvan muuntamisen toleranssi web-väreihin säilyttäen GIF: t Photoshopissa

    Esimerkki:

    Esimerkkejä värin muuntamisen määrittämisestä Weebille säilyttäen GIF: t Photoshopissa

  4. Dysryingin avulla voit tasoittaa siirtymät väreihin sekoittamalla valitulle indeksointitaulukkoon sisältyvät sävyt.

    Dysering-asetus säilyttäen GIF: t Photoshopissa

    Myös asetus auttaa vähentämään kaltevuuksia ja monokromaattisten kohteiden koskemattomuutta. Kun käytät annostelua, lisää tiedoston painoa.

    Esimerkki:

    Esimerkkejä dysering-asetusten soveltamisesta säilyttäen GIF: t Photoshopissa

  5. Avoimuus. GIF-muoto tukee vain täysin avoimia tai ehdottomasti läpinäkyviä pikseleitä.

    Taustan läpinäkyvyyden asettaminen säilyttäen GIF: t Photoshopissa

    Tämä parametri, ilman lisäasetusta huonosti näyttää viivojen käyrät, jättäen pikseli naisia.

    Esimerkkejä säätöpaikan käytöstä säilyttäen samalla GIF: t Photoshopissa

    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ä.

    PIXEL-kuvien sekoittamisen säätäminen Photoshopin lehdistösivujen kohdalla

  6. 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.

    Säännöksen asettaminen ylläpitämällä GIF: ää Photoshopissa

  7. SRGB-muuntaminen auttaa tallentamaan suurimmat alkuperäiset kuvan värit tallennettaessa.

    Värien muuntaminen SRGB: ssä säilyttäen GIF: t Photoshopissa

"Dysrying avoimuus" pahentaa merkittävästi kuvanlaatua, ja puhumme "tappion" parametrista oppitunnin käytännön osassa.

Avoimuuden ja tietojen menetyksen asetukset samalla kun säilytetään GIF: t Photoshopissa

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.

  1. Kuvan käsittelyn jälkeen siirry "Tiedosto - Tallenna Web-valikkoon.
  2. Näyttää "4 vaihtoehtoa" Näytä tila.

    Valitsemalla tulosten näyttämistä tulosten katselua säilyttäen GIF: t Photoshopissa

  3. 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.

      Viitetiedoston parametrien asettaminen säilyttäen GIF: t Photoshopissa

    Vertaa tulos alkuperäisen kanssa. Näytteen ikkunan alaosassa näemme nykyisen GIF-koon ja latausnopeuden määritetyssä Internet-nopeudella.

    Vertailu kuvan optimoinnin tulos alkuperäisen kanssa säilyttäen GIF: t Photoshopissa

  4. 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.

      Kohdekuvaparametrien asettaminen säilyttäen GIF: t Photoshopissa

    GIF-koko laski 36,59 kb: sta 26,85 kb: ksi.

    Pienennetty kuvan koko optimoinnin jälkeen säilyttäen GIF: t Photoshopissa

  5. 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.

    Aseta sallitun datan menetyksen taso, kun pakataan GIF Photoshopissa olevien GIF: n tallentamiseksi

    Olemme edelleen onnistuneet vähentämään tiedoston kokoa menettäen hieman laatua. GIF: t painaa nyt 25,9 kilotavua.

    Kuvan koko Tappion määrittämisen jälkeen säilyttäen GIF: t Photoshopissa

    Yhteensä pystyimme vähentämään noin 10 kB: n kokoa, mikä on yli 30%. Erittäin hyvä tulos.

  6. Lisätoimet ovat hyvin yksinkertaisia. Napsauta Tallenna-painiketta.

    Tallenna painike Gifki Conservation Settings -ikkunassa Photoshopissa

    Valitsemme paikan säästää, antaa GIF: n nimen ja paina "Tallenna" uudelleen.

    Valitsemalla Photoshopin GIF: n säilyttämisen paikan ja nimen

    Huomaa, että GIF: n kanssa on mahdollisuus luoda HTML-asiakirja, johon kuvasi rakennetaan. Tätä varten on parempi valita tyhjä kansio.

    GIF: n tallentaminen HTML-asiakirjan kanssa Photoshopissa

    Tämän seurauksena saat sivun ja kansion kuvan kanssa.

    Kansio Tallennettu GIF Photoshopissa

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ä.

Lue lisää