Giunsa Pagbantay Gif sa Photoshop

Anonim

Giunsa Pagbantay Gif sa Photoshop

Human sa paghimo sa usa ka animation sa Photoshop, kinahanglan nga maluwas sa usa sa mga magamit nga format, usa niini gif. Ang usa ka bahin sa kini nga pormat mao nga kini gituyo aron ipakita (pagdula) sa browser.

Kung interesado ka sa ubang mga kapilian alang sa pagtipig sa animation, girekomenda namon ang pagbasa sa kini nga artikulo:

Leksyon: Giunsa ang Pagtipig sa Video sa Photoshop

Ang proseso sa paghimo sa usa ka gif animation gihubit sa usa sa nangaging mga leksyon, ug karon atong hisgutan kung unsaon pag-save ang file sa gif format ug sa mga setting sa pag-optimize.

Leksyon: Paghimo usa ka yano nga animation sa Photoshop

Pagtipig gif.

Sa pagsugod sa, gisubli namon ang materyal ug gibasa ang bintana sa Setting sa Setting. Gibuksan niini pinaagi sa pag-klik sa "I-save alang sa web" nga butang sa menu sa file.

I-save ang Tudlo alang sa Web sa file sa file aron ma-save ang mga gif sa Photoshop

Ang bintana naglangkob sa duha ka bahin: usa ka block sa preview

Usa ka yunit sa pagkuha sa mga setting sa mga parameter sa pagpreserbar sa mga gifs sa Photoshop

ug mga setting block.

Ang mga setting sa block sa bintana sa pagpreserbar sa Gifki Preewer sa Photoshop

Pag-preview sa Block

Pilia ang gidaghanon sa mga kapilian sa pagtan-aw nga gipili sa tumoy sa block. Depende sa mga panginahanglan, mahimo nimong mapili ang gusto nga kahimtang.

Ang pagpili sa mga kapilian sa pagtan-aw sa bintana sa Conservation sa Gifki Conservation sa Photoshop

Ang imahe sa matag bintana, gawas sa orihinal, gi-configure nga gilain. Gihimo kini aron mapili nimo ang labing kamalaumon nga kapilian.

Sa wala nga bahin sa bloke adunay usa ka gamay nga hugpong sa mga himan. Gamiton ra namon ang "kamot" ug "scale".

Ang mga gamit sa kamot ug scale sa bintana sa Conservation sa Gifki Conservation sa Photoshop

Gamit ang "kamot" mahimo nimong ibalhin ang imahe sa sulod sa napili nga bintana. Ang pagpili gihimo usab sa kini nga himan. Ang "Scale" naghimo sa parehas nga aksyon. Ang gibanabana ug pagwagtang sa litrato mahimo usab nga mga buton sa ilawom sa bloke.

Ang scale sa imahe sa bintana sa Conservation sa Gifki Conservation sa Photoshop

Ubos sa ubos mao ang butones nga adunay inskripsyon nga "View". Gibuksan niini ang napili nga kapilian sa default nga browser.

Ang button sa pagtan-aw sa imahe sa browser sa mga setting sa bintana sa mga parameter sa mga kinahanglanon sa Photoshop

Sa bintana sa browser, gawas sa mga parameter sa setting, mahimo usab naton makuha ang Code sa HTML GIF.

Pag-una sa imahe sa default nga browser samtang nagpadayon sa mga gif sa Photoshop

Mga setting sa Block

Sa kini nga bloke, ang mga parameter sa imahe gi-configure, hunahunaa kini labi pa.

  1. Kolor nga pamaagi. Ang kini nga setting nagtino kung unsang lamesa sa mga indeks nga kolor ang magamit sa imahe kung mag-optimize.

    Pagpili sa mga kolor nga indeks sa indexing samtang nagpadayon sa mga gif sa Photoshop

    • Serceptual, ug yano nga "laraw sa pagsabut." Kung kini gigamit, ang Photoshop nagmugna usa ka lamesa nga kolor, gigiyahan sa karon nga mga lilim sa imahe. Sumala sa mga nag-develop, kini nga lamesa hapit kutob sa mahimo kung giunsa ang pagtan-aw sa mata sa tawo. Dugang pa - ang imahe mao ang labing duol sa orihinal, ang mga kolor nga na-savely sa labing maayo.
    • Ang selective nga pamaagi parehas sa nauna, apan ang mga kolor nga may kalabutan sa web nga luwas alang sa web mao ang kadaghanan nga gigamit niini. Gipunting usab niini ang pagpakita sa mga shade nga gibanabana sa una.
    • Ipahiangay. Sa kini nga kaso, ang lamesa gibuhat gikan sa mga kolor nga labi ka kasagaran sa imahe.
    • Limitado. Naglangkob sa 77 nga mga kolor, pipila sa mga sample nga gipulihan sa puti sa porma sa usa ka punto (lugas).
    • Kostumbre. Kung gipili kini nga pamaagi, posible nga maghimo sa imong kaugalingon nga palette.
    • Itom ug Puti. Ang kini nga lamesa naggamit lamang sa duha ka kolor (itom ug puti), gamit usab ang mga lugas.
    • Sa mga grado nga grey. Adunay lainlain nga 84 nga lebel sa mga shade nga grey.
    • Macos ug Windows. Ang datos sa lamesa gitipon base sa mga bahin sa mga imahe sa pagmamapa sa mga browser nga nagpadagan niining mga operating system.

    Ania ang pipila nga mga pananglitan sa mga laraw sa pag-apply.

    Mga sample sa imahe gamit ang lainlaing mga lamesa sa indeks sa pag-index samtang nagpadayon sa mga gif sa Photoshop

    Sama sa imong nakita, ang una nga tulo nga mga sample adunay madawat nga kalidad. Bisan pa sa kamatuoran nga ang biswal nga hapit dili magkalainlain sa usag usa, sa lainlaing mga imahe kini nga mga laraw lainlain ang pagtrabaho.

  2. Labing taas nga gidaghanon sa mga kolor sa lamesa sa kolor.

    Pagpahimutang sa labing taas nga gidaghanon sa mga kolor sa lamesa sa pag-index samtang ang pagpadayon sa mga gif sa Photoshop

    Ang gidaghanon sa mga landong sa imahe nga direkta nga nakaapekto sa gibug-aton, ug, sumala niana, sa tulin nga pag-download sa browser. Ang kantidad sa 128 mao ang kanunay nga gigamit, tungod kay kini nga kahimtang hapit dili makaapekto sa kalidad, samtang pagkunhod sa gibug-aton sa gif.

    Mga pananglitan sa mga setting alang sa labing taas nga gidaghanon sa mga kolor sa indexing lamesa samtang nagpadayon sa mga gif sa Photoshop

  3. Mga kolor sa web. Kini nga setting nagpalig-on sa pagtugot diin ang mga shade nakabig sa katumbas gikan sa usa ka luwas nga web palette. Ang natad sa file gitino pinaagi sa kantidad nga gitakda sa slider: mas taas ang kantidad - dili kaayo ang file. Kung ang pagpahimutang sa mga kolor sa web-kinahanglan dili usab makalimtan bahin sa kalidad.

    Ang pagbutang sa pagtugot sa pagbag-o sa imahe sa mga kolor sa web samtang nagpadayon sa mga gifs sa Photoshop

    Panig-ingnan:

    Mga panig-ingnan sa pagpahimutang sa pagkakabig sa kolor sa pag-undang samtang nagpadayon ang mga gif sa Photoshop

  4. Gitugotan ka sa Dysrying nga i-drag ang mga pagbalhin tali sa mga kolor pinaagi sa pagsagol sa mga shade nga naa sa pinili nga lamesa sa indeks.

    Pagpahimutang sa Distering samtang Nagpadayon sa mga Gif sa Photoshop

    Ingon usab, ang kahimtang makatabang kung giunsa mapreserbar ang mga gradients ug integridad sa mga site sa Monochromatic. Kung ang paggamit sa dispensing nagdugang sa gibug-aton sa file.

    Panig-ingnan:

    Mga panig-ingnan sa Pag-apply sa Mga Setting sa Distering Samtang Nagpadayon sa mga Gif sa Photoshop

  5. Transparency. Ang format sa gif nagsuporta lamang sa hingpit nga transparent, o hingpit nga malaw-ay nga mga piksel.

    Ang pagpahimutang sa background transparency samtang nagpadayon ang mga gif sa Photoshop

    Kini nga parameter, nga wala'y dugang nga pag-adjust, dili maayo nga gipakita ang mga linya sa linya, nagbilin mga babaye nga pixel.

    Mga panig-ingnan sa paggamit sa pag-adjust matte samtang nagpadayon sa mga gif sa Photoshop

    Ang pag-adjust gitawag nga "matte" (sa pipila nga mga editor "kaima"). Uban niini, gi-configure kini sa pagsagol sa mga litrato sa pixels nga adunay background sa panid diin kini makit-an. Alang sa labing kaayo nga pasundayag, pagpili og usa ka kolor nga katumbas sa kolor sa background sa site.

    Pag-adjust sa pagsagol sa mga imahe sa pixel nga adunay background sa mga prensa nga resoe sa Photoshop

  6. Nalupig. Usa sa labing mapuslanon alang sa mga setting sa web. Sa panghitabo nga ang file adunay daghang gibug-aton, nagtugot kanimo nga magpakita dayon sa usa ka litrato sa panid, tungod kay kini nag-load sa kalidad niini.

    Ang pagpahimutang sa mga interlaced samtang nagpadayon sa mga gif sa Photoshop

  7. Ang pagkakabig sa SRGB makatabang makatipig labing taas nga orihinal nga kolor sa imahe samtang ang pagtipig.

    Ang pagpahimutang sa pagkakabig sa mga kolor sa SRGB samtang nagpadayon sa mga gif sa Photoshop

Ang pagpahimutang sa "Dysrying Transparency" nakagrabe ang kalidad sa imahen, ug hisgutan naton ang bahin sa "pagkawala" nga parameter sa praktikal nga bahin sa leksyon.

Mga setting sa Dysrying alang sa transparency ug pagkawala sa datos samtang nagpadayon ang mga gif sa Photoshop

Alang sa labing kaayo nga pagsabut sa proseso sa pagpahimutang sa pagpreserbar sa mga GIFS sa Photoshop, kinahanglan nga imong buhaton.

Magbansaybansay

Ang katuyoan sa pag-optimize sa mga imahe alang sa Internet mao ang labing kadaghan nga pagkunhod sa gibug-aton sa file samtang nagpadayon sa kalidad.

  1. Pagkahuman sa pagproseso sa litrato, pag-adto sa "File - Pag-save alang sa menu sa Web".
  2. Ipakita ang mode nga "4 kapilian" nga Mode.

    Pagpili sa gidaghanon sa mga kapilian alang sa pagtan-aw sa mga resulta samtang nagpadayon sa mga gif sa Photoshop

  3. Sunod, kinahanglan nimo ang usa sa mga kapilian aron mahimo ang labing parehas sa orihinal. Himoa kini nga usa ka litrato sa tuo sa gigikanan. Gihimo kini aron mabanabana ang gidak-on sa file nga adunay labing taas nga kalidad.

    Ang mga setting sa setting mao ang mga musunud:

    • Kolor nga pamaagi nga "Pilive".
    • "Mga Kolor" - 265.
    • Ang "Dizing" mao ang "random", 100%.
    • Kuhaa ang mga Daws atbang sa "interlaced" parameter, tungod kay ang katapusang imahe sa imahe gamay ra.
    • "Mga kolor sa web" ug "pagkawala" - zero.

      Pagpahimutang sa mga parameter sa imahe sa pakisayran samtang ang pagpadayon sa mga gif sa Photoshop

    Itandi ang resulta sa orihinal. Sa ilawom sa sample nga bintana, makita namon ang kasamtangan nga gidak-on sa gif ug ang tulin nga pag-load sa gipiho nga tulin sa internet.

    Pagtandi sa resulta sa pagkamalaumon sa larawan uban sa mga orihinal nga samtang pagmintinar sa GIFs sa Photoshop

  4. Lakaw ngadto sa hulagway sa ubos lang gihulma, giporma. Atong mosulay sa optimize niini.
    • Biyai ang laraw mausab.
    • Ang gidaghanon sa mga kolor pagpakunhod sa 128.
    • Dysmering bili mikunhod ngadto sa 90%.
    • Web-kolor dili paghikap, tungod kay sa niini nga kaso kini dili makatabang kanato sa pagtuman sa kalidad nga.

      Ang paghimo sa mga lantugi target nga larawan samtang pagmintinar sa GIFs sa Photoshop

    Gif gidak-on mikunhod gikan sa 36,59 KB ngadto sa 26,85 KB.

    Pagkunhod sa gidak-on sa larawan human sa pagkamalaumon samtang pagmintinar GIFs sa Photoshop

  5. Tungod kay pipila graininess ug gagmay depekto na karon diha sa hulagway, ang ni mosulay sa pagdugang sa "pagkawala". sukaranan Kini nga naghubit sa usa ka permissible ang-ang sa data pagkawala sa dihang sa pagsumaryo sa GIF. Usab sa mga bili ngadto sa 8.

    Ang paghimo sa ang-ang sa gitugot data pagkawala sa dihang sa pagsumaryo sa GIF sa pagluwas sa mga GIFs sa Photoshop

    Kita sa gihapon nakahimo sa pagpakunhod sa gidak-on sa file, samtang mawad-an sa usa ka diyutay nga sa kalidad. GIFs karon motimbang 25.9 kilobytes.

    gidak-on Image human sa paghimo sa kapildihan samtang pagmintinar GIFs sa Photoshop

    Total, kita makahimo sa pagpakunhod sa gidak-on sa hulagway mga 10 KB, nga mao ang labaw pa kay sa 30%. Maayo kaayo nga resulta.

  6. Dugang pa nga mga lihok kaayo mga walay-pagtagad. Pag-klik sa I-Ive button.

    Save button sa bintana Gifki Conservation setting sa Photoshop

    kita mopili sa usa ka dapit sa pagluwas, sa paghatag sa mga ngalan sa gif, ug press "Save" sa pag-usab.

    Pagpili sa usa ka Dapit ug Ngalan sa Pagpreserbar sa Gif sa Photoshop

    Palihug mubo nga sulat nga adunay usa ka oportunidad uban sa GIF sa paghimo sa usa ka HTML dokumento nga atong hulagway pagatukuron. Sa pagbuhat niini, kini mao ang mas maayo nga pagpili sa usa ka walay sulod nga folder.

    Pagluwas GIFs uban sa HTML dokumento sa Photoshop

    Ingon sa usa ka resulta, kita sa usa ka panid, ug ang usa ka folder sa larawan.

    Folder sa maluwas gif sa Photoshop

Tabang sa Pagtudlo: Sa diha nga ang assign sa usa ka ngalan nga file, sulayi nga dili sa paggamit sa Cyrillic karakter, tungod kay dili ang tanang mga browsers makahimo sa pagbasa kanila.

Kini nga leksyon alang sa pagluwas sa larawan sa format GIF ang nahuman. Sa ibabaw niini, among nakaplagan sa kon sa unsang paagi nga imong mahimo sa optimize ang file alang sa placement diha sa Internet.

Basaha ang dugang pa