Human sa pagmugna og usa ka animation sa Photoshop, kinahanglan nimo nga i-save kini sa usa sa mga available nga format, usa niini Gif. Ang usa ka bahin niini nga format mao nga kini gidisenyo aron ipakita (play) diha sa browser.
Kon ikaw interesado sa ubang mga kapilian sa pagluwas sa animation, among gisugyot nga basahon kini nga artikulo dinhi:
Leksyon: Unsaon sa pagluwas sa video sa Photoshop
Proseso sa paglalang Gif Gihulagway ang animation sa usa sa mga naunang mga leksyon, ug karon kita maghisgot kung unsaon pagluwas sa file Gif ug mga setting sa pag-optimize.
Leksyon: Paghimo og simple nga animation sa Photoshop
Nagluwas sa GIF
Sa pagsugod, balik-balika ang materyal ug tan-awa ang window sa save settings. Gibuksan kini pinaagi sa pag-klik sa item. "Luwas sa Web" diha sa menu "File".
Ang bintana naglangkob sa duha ka bahin: usa ka bloke sa preview
ug pag-block sa mga setting.
I-block ang preview
Ang pagpili sa gidaghanon sa mga opsyon sa pagtan-aw gipili sa ibabaw sa block. Depende sa imong mga panginahanglan, mahimo nimo pilion ang gusto nga kahimtang.
Ang hulagway sa matag bintana, gawas sa orihinal, gipahimutang nga gilain. Gihimo kini aron mahimo nimong pilion ang pinakamaayo nga kapilian.
Sa ibabaw nga wala nga bahin sa block adunay gamay nga mga himan. Kita magamit lamang "Kamot" ug Ang "Scale".
Uban sa tabang sa "Mga Kamot" Mahimo nimo mapalihok ang imahe sulod sa piniling bintana. Ang pagpili gihimo usab pinaagi niini nga himan. Ang "Scale" naghimo sa sama nga aksyon. Mahimo usab nga mo-zoom ug mogawas ang mga buton sa ubos sa block.
Sa ubos mao ang butones nga gimarkahan "Tan-awa". Nagbukas kini sa gipili nga kapilian sa default browser.
Sa bintana sa browser, dugang sa usa ka hugpong sa mga sukdanan, mahimo usab natong makuha HTML code gifs
Pag-block sa mga setting
Niini nga block, ang mga hulagway sa mga hulagway gitukod, atong hisgotan kini sa mas detalyado.
- Plano sa kolor. Kini nga kahimtang nagtino kung diin ang gi-indeks nga kolor sa kolor ang ipatuman sa imahe sa panahon sa pag-optimize.
- Pagsabot, apan yano nga "pamaagi sa panglantaw". Kon gigamit, ang Photoshop nagmugna og usa ka lamesa nga kolor, nga gigiyahan sa kasamtangan nga mga kolor sa imahe. Sumala sa mga developers, kini nga lamesa mas duul kutob sa mahimo kung giunsa nga ang mata sa tawo nakakita sa mga kolor. Plus - pinakaduol sa orihinal nga larawan, ang mga kolor maluwas kutob sa mahimo.
- Pinili Ang laraw susama sa kaniadto, apan kini kasagaran naggamit sa mga kolor nga luwas alang sa web. Nagtutok usab kini sa pagpakita sa mga bulok nga duol sa orihinal.
- Pag-adjust. Sa kini nga kaso, ang lamesa gimugna gikan sa mga kolor nga mas sagad makita sa hulagway.
- Limitado. Kini naglangkob sa 77 ka mga kolor, nga ang uban niini gipulihan sa puti diha sa dagway sa usa ka tulbok (lugas).
- Gipahiangay. Sa pagpili niini nga pamaagi, posible ang paghimo sa imong kaugalingong palette.
- Itom ug puti. Kini nga lamesa naggamit lamang og duha ka mga kolor (itom ug puti), nga gigamit usab ang lugas.
- Sa grayscale. Dinhi ang nagkalain-laing 84 nga lebel sa mga shades of grey ang gigamit.
- MacOS ug Windows. Kini nga mga lamesa gihugpong base sa mga bahin sa pagpakita sa mga hulagway sa mga browser nga nagpadagan niining mga operating system.
Ania ang pipila ka mga ehemplo sa paggamit sa mga laraw.
Sumala sa imong makita, ang unang tulo ka mga sample adunay madawat nga kalidad. Bisan pa sa kamatuoran nga sa tinuud dili kaayo magkalahi sa usag usa, kini nga mga laraw magkalahi sa lainlaing mga hulagway.
- Ang maximum nga gidaghanon sa mga kolor sa lamesa sa kolor.
Ang gidaghanon sa mga kolor sa hulagway direktang makaapekto sa gibug-aton niini, ug sumala niana, ang gikusgon sa pag-download sa browser. Ang labing kasagarang gigamit nga bili 128Tungod kay kini nga kahimtang halos walay epekto sa kalidad, samtang ang pagkunhod sa gibug-aton sa gif.
- Mga kolor sa web. Kini nga kahimtang nagpakita sa pagkamatugtanon nga diin ang mga tint nahimo nga katumbas gikan sa usa ka luwas nga paleta sa web. Ang gibug-aton sa file gitino pinaagi sa bili nga gibutang sa slider: mas taas ang bili - mas gamay ang file. Sa pagpatindog sa mga kolor sa Web dili makalimtan ang kalidad.
Pananglitan:
- Ang Dithering nagtugot kanimo sa paghapsay sa mga pagbalhin tali sa mga kolor pinaagi sa pagsagol sa mga kolor nga anaa sa piniling lamesa sa index.
Ang pag-adjust makatabang usab, kutob sa mahimo, aron mapreserbar ang mga gradiente ug integridad sa mga bahin sa monochromatic. Sa diha nga sa paggamit sa dithering, ang file nga gibug-aton midako.
Pananglitan:
- Transparency. Format Gif nagsuporta lamang sa hingpit nga transparent, o hingpit nga opaque nga pixel.
Kini nga parameter, nga walay dugang nga pag-adjust, dili maayo nga nagpakita sa mga curved nga linya, nga nagbilin sa mga hagdan sa pixel.
Gitawag ang pagsukod Ang "Frosted" (sa pipila nga mga edisyon "Border"). Mahimo kining gamiton sa pagsagol sa mga pikel sa larawan nga adunay background sa panid nga kini mahimutang. Alang sa labing maayo nga display, pagpili og usa ka kolor nga katugbang sa kolor sa background sa site.
- Nalambigit. Usa sa labing mapuslanon nga kahimtang alang sa Web. Niana nga kaso, kung ang file adunay igo nga gibug-aton, kini nagtugot kanimo sa pagpakita dayon sa hulagway sa panid, ingon nga kini puno, pagpalambo sa kalidad niini.
- Ang conversion sa sRGB makatabang sa pagpabilin sa kinadak-an nga orihinal nga mga kolor sa imahe samtang nagtigum.
Pagpasibo "Dithering transparency" mahinungdanon nga nakadaut sa kalidad sa hulagway, apan mahitungod sa parameter "Kapildihan" maghisgot kita sa praktikal nga bahin sa leksyon.
Alang sa usa ka mas maayo nga pagsabot sa proseso sa pagtukod og gif sa Photoshop, kinahanglan ka magpraktis.
Pagpraktis
Ang tumong sa pag-optimize sa mga imahen alang sa Internet mao ang pagpakunhod sa gibug-aton sa file samtang magpabilin ang kalidad.
- Human sa pagproseso sa mga larawan moadto sa menu "File - Save for Web".
- Ipakita ang mode nga panglantaw "4 ka mga kapilian".
- Sunod kinahanglan nimo ang usa sa mga kapilian aron mahimo nga mas duul sa orihinal. Himoa kini nga hulagway ngadto sa katungod sa tinubdan. Gihimo kini aron mabana-bana ang gidak-on sa file nga adunay taas nga kalidad.
Ang mga setting sa parameter mao ang mosunod:
- Plano sa kolor "Pinili".
- "Mga kolor" - 265.
- "Naglibog" - "Random", 100 %.
- Kuhaa ang checkbox sa atubangan sa parameter "Dapit", tungod kay ang katapusan nga gidaghanon sa hulagway gamay ra kaayo.
- "Mga kolor sa web" ug "Kapildihan" - zero.
Itandi ang resulta sa orihinal. Sa ubos sa sample nga bintana, makita nato ang kasamtangan nga gidak-on sa gif ug ang gikusgon sa pag-download sa gipakita nga speed sa internet.
- Pag-adto sa hulagway sa ubos nga gisulat lamang. Atong paningkamutan nga ma-optimize kini.
- Ang laraw nahabilin nga wala mausab.
- Ang gidaghanon sa mga kolor mikunhod ngadto sa 128.
- Kahulugan "Naglibog" mikunhod ngadto sa 90%.
- Mga kolor sa web ayaw paghikap, tungod kay sa kini nga kahimtang kini dili makatabang kanato sa paghupot sa kalidad.
Ang gidak-on sa GIF mikunhod gikan sa 36.59 KB ngadto sa 26.85 KB.
- Tungod kay adunay pipila ka lugas ug gamay nga mga depekto sa hulagway, maningkamot kami nga molambo "Kapildihan". Kini nga parameter nagtino sa dalawaton nga lebel sa pagkawala sa datos sa panahon sa compression. Gif. Usba ang bili sa 8.
Kami nakahimo sa dugang nga pagpakunhod sa gidak-on sa file, samtang nawala ang usa ka gamay nga kalidad. Ang gifka karon adunay gibug-aton nga 25.9 kilobytes.
Busa, nakahimo kami sa pagpakunhod sa gidak-on sa imahe sa mga 10 KB, nga labaw pa sa 30%. Maayo kaayo nga resulta.
- Ang dugang nga mga lihok yano ra kaayo. Itulod ang buton "Luwasa".
Pagpili sa usa ka lugar nga pagaluwason, ihatag ang ngalan sa gif, ug dayon i-klik ang "Luwasa ".
Palihug timan-i nga adunay usa ka posibilidad uban sa Gif paghimo ug HTML ang dokumento diin ang atong hulagway ibutang. Alang niini mas maayo nga mopili sa usa ka walay sulod nga folder.
Ingon sa usa ka resulta, kita adunay usa ka pahina ug usa ka folder nga adunay usa ka larawan.
Sugyot: sa pagngalan sa usa ka file, sulayi nga dili gamiton ang mga karakter nga Cyrillic, tungod kay dili tanang mga browser ang makabasa niini.
Niini nga pagtulon-an sa pagluwas sa mga larawan sa pormat Gif nahuman. Niini, nahibal-an namon kon unsaon pag-optimize ang file alang sa placement sa Internet.
