Pagkatapos gumawa ng isang animation sa Photoshop, kailangan mong i-save ito sa isa sa magagamit na mga format, ang isa ay Gif. Ang isang tampok ng format na ito ay na ito ay dinisenyo upang ipakita (play) sa browser.
Kung interesado ka sa iba pang mga pagpipilian para sa pag-save ng animation, inirerekumenda namin ang pagbabasa ng artikulong ito dito:
Aralin: Paano mag-save ng video sa Photoshop
Proseso ng paglikha Gif Ang animation ay inilarawan sa isa sa mga naunang aralin, at ngayon ay usapan natin kung paano i-save ang file Gif at mga setting ng pag-optimize.
Aralin: Lumikha ng isang simpleng animation sa Photoshop
Sine-save ang GIF
Upang magsimula, ulitin ang materyal at tingnan ang save settings window. Ito ay bubukas sa pamamagitan ng pag-click sa item. "I-save para sa Web" sa menu "File".
Ang window ay binubuo ng dalawang bahagi: isang bloke ng preview
at harangan ang mga setting.
I-block ang preview
Ang pagpili ng bilang ng mga pagpipilian sa panonood ay pinili sa tuktok ng bloke. Depende sa iyong mga pangangailangan, maaari mong piliin ang nais na setting.
Ang imahe sa bawat window, maliban sa orihinal, ay isinaayos nang hiwalay. Ginagawa ito upang maaari mong piliin ang pinakamahusay na pagpipilian.
Sa itaas na kaliwang bahagi ng bloke mayroong isang maliit na hanay ng mga tool. Gagamitin lamang namin "Kamay" at "Scale".
Sa tulong ng "Mga Kamay" Maaari mong ilipat ang imahe sa loob ng napiling window. Ginagawa rin ang pagpili ng tool na ito. "Scale" gumaganap ang parehong pagkilos. Maaari ka ring mag-zoom in at out gamit ang mga pindutan sa ilalim ng block.
Nasa ibaba lamang ang buton na may label na "Tingnan". Binubuksan nito ang napiling opsyon sa default na browser.
Sa window ng browser, bukod sa isang hanay ng mga parameter, maaari rin naming makuha HTML code gifs
Block ng mga setting
Sa ganitong block, ang mga parameter ng imahe ay naka-set up, isaalang-alang natin ito nang mas detalyado.
- Scheme ng kulay. Tinutukoy ng setting na ito kung aling kulay ang na-index na kulay ay ilalapat sa larawan sa panahon ng pag-optimize.
- Perceptual, ngunit simpleng "pang-iisip na pamamaraan". Kapag inilapat, ang Photoshop ay lumilikha ng isang talahanayan ng mga kulay, ginagabayan ng kasalukuyang mga kakulay ng larawan. Ayon sa mga developer, ang mesa na ito ay mas malapit hangga't maaari kung paano nakikita ng mata ng tao ang mga kulay. Plus - pinakamalapit sa orihinal na imahe, ang mga kulay ay nai-save hangga't maaari.
- Pinipili Ang pamamaraan ay katulad ng naunang, ngunit karamihan ay gumagamit ng mga kulay na ligtas para sa web. Nakatuon din ito sa pagpapakita ng mga shade malapit sa orihinal.
- Nakakapag-agpang. Sa kasong ito, ang talahanayan ay nilikha mula sa mga kulay na mas karaniwang makikita sa larawan.
- Limitado. Binubuo ito ng 77 mga kulay, ang ilan ay pinalitan ng puti sa anyo ng isang tuldok (butil).
- Naka-customize na. Kapag pinili ang pamamaraan na ito, posible na lumikha ng iyong sariling palette.
- Itim at puti. Ang mesa na ito ay gumagamit lamang ng dalawang kulay (itim at puti), ginagamit din ang butil.
- Sa grayscale. Narito iba't ibang 84 antas ng shades of grey ang inilalapat.
- MacOS at Windows. Ang mga talahanayan ay pinagsama-sama batay sa mga tampok ng pagpapakita ng mga larawan sa mga browser na tumatakbo sa mga operating system na ito.
Narito ang ilang mga halimbawa ng paggamit ng mga scheme.
Tulad ng makikita mo, ang unang tatlong halimbawa ay may lubos na katanggap-tanggap na kalidad. Sa kabila ng katotohanan na ang tingin ay halos hindi naiiba sa bawat isa, ang mga scheme na ito ay magkakaiba sa iba't ibang mga larawan.
- Ang maximum na bilang ng mga kulay sa table ng kulay.
Ang bilang ng mga shades sa imahe ay direktang nakakaapekto sa timbang nito, at naaayon, ang bilis ng pag-download sa browser. Ang pinakakaraniwang ginagamit na halaga 128Dahil ang setting na ito ay halos walang epekto sa kalidad, habang binabawasan ang bigat ng gif.
- Mga kulay ng web. Ang setting na ito ay nagtatakda ng pagpapahintulot kung saan ang mga tint ay na-convert sa katumbas mula sa isang secure na web palette. Ang timbang ng file ay tinutukoy ng halaga na itinakda ng slider: ang halaga ay mas mataas - ang file ay mas maliit. Kapag nagse-set up ng Web-kulay huwag kalimutan ang tungkol sa kalidad.
Halimbawa:
- Pinapayagan ka ng dithering mong pakinisin ang mga transition sa pagitan ng mga kulay sa pamamagitan ng pag-blending ng mga kulay na nakapaloob sa napiling table ng index.
Ang pag-aayos ay makakatulong din, hangga't maaari, upang mapanatili ang mga gradiente at integridad ng mga bahagi ng monokromatiko. Kapag gumagamit ng dithering, ang pagtaas ng timbang ng file.
Halimbawa:
- Transparency. Format Gif sumusuporta lamang ganap na transparent, o ganap na opaque pixels.
Ang parameter na ito, nang walang karagdagang pagsasaayos, ay hindi maganda ang nagpapakita ng mga linya ng kurbado, umaalis sa mga hagdan ng pixel.
Tinatawag ang pagsasaayos "Frosted" (sa ilang mga edisyon "Border"). Maaari itong magamit upang ihalo ang mga pixel ng larawan sa background ng pahina kung saan ito matatagpuan. Para sa pinakamahusay na display, pumili ng isang kulay na tumutugma sa kulay ng background ng site.
- Interlaced. Isa sa mga pinaka-kapaki-pakinabang na setting para sa Web. Sa kasong iyon, kung ang file ay may malaking timbang, pinapayagan ka na agad na ipakita ang larawan sa pahina, dahil ito ay na-load, na nagpapabuti sa kalidad nito.
- Ang sRGB conversion ay tumutulong upang mapanatili ang maximum ng orihinal na mga kulay ng imahe habang nagse-save.
Pag-customize "Dithering transparency" makabuluhang nagpapahina ng kalidad ng imahe, ngunit tungkol sa parameter "Pagkatalo" magsasalita kami sa praktikal na bahagi ng aralin.
Para sa pinakamahusay na pag-unawa sa proseso ng pag-set up ng pagpapanatili ng mga gif sa Photoshop, kailangan mong magsanay.
Pagsasanay
Ang layunin ng pag-optimize ng mga imahe para sa Internet ay upang i-minimize ang bigat ng file habang pinapanatili ang kalidad.
- Pagkatapos maproseso ang mga larawan pumunta sa menu "File - I-save para sa Web".
- Ilantad ang view mode "4 na pagpipilian".
- Susunod na kailangan mo ang isa sa mga pagpipilian upang gawing mas malapit hangga't maaari sa orihinal. Hayaan ang larawan sa kanan ng pinagmulan. Ginagawa ito upang tantyahin ang laki ng file na may pinakamataas na kalidad.
Ang mga setting ng parameter ay ang mga sumusunod:
- Scheme ng kulay "Pinipili".
- "Mga Kulay" - 265.
- "Dithering" - "Random", 100 %.
- Alisin ang checkbox sa harap ng parameter "Magkabit", dahil ang huling dami ng imahe ay magiging masyadong maliit.
- "Mga kulay ng web" at "Pagkatalo" - zero.
Ihambing ang resulta sa orihinal. Sa ilalim ng sample window, maaari naming makita ang kasalukuyang laki ng gif at ang bilis ng pag-download nito sa ipinahiwatig na bilis ng Internet.
- Pumunta sa larawan sa ibaba ay naka-configure lamang. Subukan nating i-optimize ito.
- Ang pamamaraan ay naiwang hindi nabago.
- Ang bilang ng mga kulay ay nabawasan sa 128.
- Kahulugan "Dithering" nabawasan hanggang 90%.
- Mga kulay ng web huwag hawakan, dahil sa kasong ito hindi ito tutulong sa amin na mapanatili ang kalidad.
Ang laki ng GIF ay nabawasan mula sa 36.59 KB hanggang 26.85 KB.
- Dahil mayroon nang ilang butil at maliliit na depekto sa larawan, susubukan naming dagdagan "Pagkatalo". Tinutukoy ng parameter na ito ang katanggap-tanggap na antas ng pagkawala ng data sa panahon ng compression. Gif. Baguhin ang halaga sa 8.
Pinamamahalaan namin ang higit pang pagbabawas sa sukat ng file, habang nawawala ang kalidad. Gifka ngayon weighs 25.9 kilobytes.
Kaya, nabawasan namin ang laki ng imahe sa pamamagitan ng tungkol sa 10 KB, na higit sa 30%. Napakagandang resulta.
- Ang mga karagdagang aksyon ay napaka-simple. Itulak ang pindutan "I-save".
Pumili ng isang lugar upang i-save, ibigay ang pangalan ng gif, at pagkatapos ay i-click ang "I-save ang ".
Mangyaring tandaan na mayroong posibilidad kasama Gif lumikha at HTML ang dokumento kung saan ilalagay ang aming larawan. Para sa mga ito ay mas mahusay na upang pumili ng isang walang laman na folder.
Bilang resulta, nakakakuha kami ng isang pahina at isang folder na may isang imahe.
Tip: kapag binanggit ang isang file, subukang huwag gumamit ng mga character na Cyrillic, dahil hindi lahat ng mga browser ang makakabasa sa mga ito.
Sa araling ito sa pag-save ng mga imahe sa format Gif nakumpleto. Sa ito, natuklasan namin kung paano i-optimize ang file para sa pagkakalagay sa Internet.
