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.
Ang bintana naglangkob sa duha ka bahin: usa ka block sa preview
ug mga setting block.
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 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".
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.
Ubos sa ubos mao ang butones nga adunay inskripsyon nga "View". Gibuksan niini ang napili nga kapilian sa default nga browser.
Sa bintana sa browser, gawas sa mga parameter sa setting, mahimo usab naton makuha ang Code sa HTML GIF.
Mga setting sa Block
Sa kini nga bloke, ang mga parameter sa imahe gi-configure, hunahunaa kini labi pa.
- Kolor nga pamaagi. Ang kini nga setting nagtino kung unsang lamesa sa mga indeks nga kolor ang magamit sa imahe kung mag-optimize.
- 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.
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.
- Labing taas nga gidaghanon sa mga kolor sa lamesa sa kolor.
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 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.
Panig-ingnan:
- 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.
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:
- Transparency. Ang format sa gif nagsuporta lamang sa hingpit nga transparent, o hingpit nga malaw-ay nga mga piksel.
Kini nga parameter, nga wala'y dugang nga pag-adjust, dili maayo nga gipakita ang mga linya sa linya, nagbilin mga babaye nga pixel.
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.
- 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 pagkakabig sa SRGB makatabang makatipig labing taas nga orihinal nga kolor sa imahe samtang ang pagtipig.
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.
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.
- Pagkahuman sa pagproseso sa litrato, pag-adto sa "File - Pag-save alang sa menu sa Web".
- Ipakita ang mode nga "4 kapilian" nga Mode.
- 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.
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.
- 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.
Gif gidak-on mikunhod gikan sa 36,59 KB ngadto sa 26,85 KB.
- 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.
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.
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.
- Dugang pa nga mga lihok kaayo mga walay-pagtagad. Pag-klik sa I-Ive button.
kita mopili sa usa ka dapit sa pagluwas, sa paghatag sa mga ngalan sa gif, ug press "Save" sa pag-usab.
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.
Ingon sa usa ka resulta, kita sa usa ka panid, ug ang usa ka folder sa larawan.
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.