Tom qab tsim ib qho animation hauv Photoshop, koj yuav tsum tau txuag nws nyob rau hauv ib qhov ntawm cov muaj tawm qauv, ib tus ntawm yog Gif. Ib qho ntawm hom ntawv no yog tias nws yog tsim los tso saib (ua si) hauv qhov browser.
Yog tias koj xav siv lwm txoj kev rau txuag cov animation, peb pom zoo nyeem cov tshooj no:
Tshooj: Yuav ua li cas kom txuag tau duab hauv Photoshop
Tsim cov txheej txheem Gif Cov animation tau piav nyob rau hauv ib qho ntawm cov yav dhau los Tshooj, thiab hnub no peb yuav tham txog yuav ua li cas kom txuag tau cov ntaub ntawv hauv Gif thiab qhov chaw optimization.
Zaj Lus Qhia: Tsim cov animation yooj yooj yim hauv Photoshop
Txuag GIF
Yuav pib, rov ua dua cov khoom thiab saib qhov chaw txuag lub qhov rais. Nws qhib los txhaj rau yam khoom ntawd. "Tseg rau Web" nyob rau hauv cov ntawv qhia zaub mov "Cov Ntaub Ntawv".
Lub qhov rais muaj ob ntu: ib qho kev thaiv ua ntej
thiab thaiv chaw.
Saib ua ntej thaiv
Kev xaiv ntawm cov kev xaiv pom yog xaiv nyob rau sab saum toj ntawm lub block. Nyob ntawm seb koj xav tau dab tsi, koj tuaj yeem xaiv qhov chaw uas xav tau.
Cov duab hauv txhua qhov rai, tsuas yog qhov tseem ceeb, raug teeb tsa cais. Qhov no yog ua kom koj thiaj li xaiv tau qhov zoo tshaj plaws.
Nyob rau sab laug ntawm sab laug ntawm lub nris muaj ib txheej me me. Peb yuav siv xwb "Tes" thiab "Nplai".
Nrog kev pab los ntawm "Tes" Koj tuaj yeem txav cov duab hauv lub qhov rais xaiv. Qhov kev xaiv no tseem ua los ntawm cov cuab yeej no. "Nplai" ua tib qho nkaus. Koj tuaj yeem zoom rau hauv thiab tawm nrog cov nyees khawm hauv qab ntawm qhov thaiv.
Cia li hauv qab no yog khawm lub npe "Saib". Nws opens qhov xaiv xaiv nyob rau hauv lub neej ntawd browser.
Nyob rau hauv lub qhov rais browser, ntxiv rau ib txheej tsis, peb tuaj yeem tau txais HTML code gifs
Tej chaw nris
Hauv no thaiv, cov duab tsis yog teeb, peb xav txog nws nyob rau ntau yam.
- Xim tswvyim. Qhov txheej txheem no txiav txim siab uas cov xim ntawm cov xim yuav tsum muaj ntaub ntawv rau cov duab thaum lub sijhawm zoo.
- Perceptual, tiam sis tsuas yog "txoj kev xaav". Thaum ua ntawv thov, Photoshop tsim tau ib lub rooj xim, uas ua los ntawm qhov ntxoov ntxoo ntawm daim duab. Raws li cov neeg tsim khoom, cov lus no yog ze li qhov ua tau zoo li cas tib neeg qhov muag pom cov xim. Ntxiv rau - ze tshaj rau ntawm thawj daim duab, cov xim yog tau txais kev cawmdim kom ntau li ntau tau.
- Xaiv Lub tswv yim zoo li ib qho dhau los, tab sis nws feem ntau siv cov xim uas muaj kev ruaj ntseg rau lub vas sab. Nws kuj yog tsom rua cov duab ntxoov ntxoo nyob ze rau qhov qub.
- Adaptive. Hauv qhov no, lub rooj yog tsim los ntawm cov xim uas feem ntau pom muaj nyob hauv daim duab.
- Txwv. Nws muaj 77 xim, qee yam uas tau hloov los ntawm dawb nyob rau hauv daim ntawv ntawm ib tug dot (grain).
- Kho. Thaum xaiv qhov tswvyim no, nws yog ua tau los tsim koj tus kheej palette.
- Dub thiab dawb. Cov lus no tsuas siv ob xim (xim dub thiab dawb), tseem siv cov lis.
- Hauv grayscale. Ntawm no muaj ntau theem 84 ntxoov txho siv.
- MacOS thiab Qhov rai. Cov ntxhuav no yog tso ua ke ntawm lub hauv paus ntawm cov yam ntxwv ntawm cov duab tso rau hauv browsers khiav cov kev khiav hauj lwm nruab.
Nov yog qee cov qauv ntawm kev siv cov schemes.
Raws li koj tuaj yeem pom, thawj peb qho kuaj tau zoo heev. Txawm tias qhov tseeb tsis pom qhov txawv ntawm qhov sib txawv, cov tswv yim no yuav ua hauj lwm txawv ntawm cov duab sib txawv.
- Qhov siab tshaj plaws ntawm cov xim nyob rau hauv lub rooj xim.
Tus nab npawb ntawm qhov ntxoov ntxoo hauv daim duab ncaj nraim rau nws qhov hnyav, thiab raws li, lub download speed hauv qhov browser. Feem ntau yog siv tus nqi 128Vim tias qhov chaw no yuav luag tsis muaj teebmeem rau qhov zoo, thaum txo tus luj ntawm lub gif.
- Web xim. Qhov chaw no teev tus siab tis nrog uas tints tau hloov dua siab tshiab los ntawm ib qho kev ruaj ntseg web palette. Cov ntaub ntawv qhov ceeb thawj yog txiav txim los ntawm tus nqi uas teev los ntawm tus slider: tus nqi ntau dua - cov ntaub ntawv me dua. Thaum teeb pem Web-xim tsis nco txog qhov zoo.
Piv txwv:
- Dithering pub rau koj kom du lub zaus ntawm cov xim uas muab cov hues uas muaj nyob rau hauv lub rooj xaiv qhov rooj.
Kev hloov kuj yuav pab, kom deb li sai tau, kom ceev cov gradients thiab kev ncaj ncees ntawm thaj chaw monochromatic. Thaum siv dithering, cov ntaub ntawv hnyav nce.
Piv txwv:
- Transparency. Hom ntawv Gif txhawb tsuas yog pob tshab xwb, los yog opaque pixels kiag li.
Qhov no parameter, tsis muaj kev hloov ntxiv, tsis zoo qhia nkhaus kab, tawm hauv pixel ladders.
Kev sib kho yog hu ua "Frosted" (hauv qee yam khoom "Ciam Teb"). Nws yuav siv tau los sib tov cov pixels ntawm daim duab nrog rau tom qab ntawm nplooj ntawv uas nws yuav tsum tau nyob. Rau qhov zoo tshaj plaws cov duab, xaiv ib qho xim uas ntais xim tom qab ntawm qhov chaw.
- Interlaced. Ib qho tseem ceeb tshaj plaws rau Web site. Ua li ntawd, yog tias cov ntaub ntawv muaj ceeb thawj, nws tso cai rau koj tam sim ntawd qhia cov duab hauv nplooj ntawv, raws li nws muaj kev txhim kho, kev txhim kho nws zoo.
- Qhov sRGB hloov los pab kom lub siab tshaj plaws ntawm cov xim thawj ntawm cov duab thaum txuag.
Customization "Dithering transparency" ho ntxim cov duab zoo, tab sis hais txog cov parameter "Losses" peb mam li tham hauv cov lus nug hauv zaj lus qhia.
Rau qhov kev nkag siab zoo ntawm tus txheej txheem ntawm kev teeb tsa kev ywj pheej ntawm Gifs hauv Photoshop, koj yuav tsum tau xyaum.
Xyaum ua haujlwm
Lub hom phiaj ntawm kev txhim kho cov duab rau hauv Internet yog txo cov nyhav ntawm cov ntaub ntawv thaum tswj kev ua haujlwm zoo.
- Tom qab ua cov dluab xa mus rau cov zaub mov "Cov ntaub ntawv - Tseg rau Web".
- Piv txwv qhov pom hom "4 xaiv".
- Tom ntej no koj xav tau ib qho ntawm cov kev xaiv ua kom ze li sai tau rau qhov qub. Cia nws yog daim duab rau sab xis ntawm qhov chaw. Qhov no yog ua tiav thiaj li yuav kwv yees tau cov ntaub ntawv me me nrog qhov siab tshaj plaws.
Qhov kev ntsuas parameter muaj raws li nram no:
- Xim tswvyim "Xaiv".
- "Xim" - 265.
- "Dithering" - "Random", 100 %.
- Tshem lub checkbox pem hauv ntej ntawm lub parameter "Kev sib tshuam", vim hais tias qhov kawg ntawm cov duab yuav tsawg heev.
- "Web xim" thiab "Losses" - xoom.
Sib piv nrog qhov qub. Nyob hauv qab ntawm qhov qauv ntawm lub qhov rais, peb tuaj yeem pom qhov luaj li cas ntawm tus gif thiab nws cov download ntawm qhov ceev ceev hauv Internet.
- Mus rau hauv daim duab hauv qab no xwb configured. Cia peb sim ua kom zoo dua.
- Lub tswv yim tsis tau hloov lawm.
- Cov xim muaj tsawg tsawg rau 128.
- Lub ntsiab lus "Dithering" txo kom 90%.
- Web xim tsis txhob kov, vim hais tias qhov no nws yuav tsis pab peb tswj kom zoo.
GIF luaj li cas ntawm 36.59 KB rau 26.85 KB.
- Txij li thaum muaj qee cov qoob loo thiab cov teeb meem me me hauv daim duab, peb yuav sim ua kom muaj zog "Losses". Qhov no parameter txiav txim siab txog theem ntawm cov ntaub ntawv poob qis thaum compression. Gif. Hloov qhov muaj nqis rau 8.
Peb tau tswj kom txo tau qhov loj me me ntawm cov ntaub ntawv, thaum uas poob qhov zoo me ntsis. Gifka tam sim no hnyav 25.9 kilobytes.
Yog li, peb tau txo qhov loj ntawm daim duab los ntawm kwv yees li 10 KB, uas yog ntau tshaj 30%. Zoo heev tshwm sim.
- Cov kev ua haujlwm ntxiv yog yooj yim heev. Nias lub pob "Txuag".
Xaiv ib qho chaw txuag, muab lub npe ntawm tus gif, ces nias "Txuag ".
Thov nco ntsoov tias muaj ib qho nrog nrog Gif tsim thiab HTML daim ntawv uas peb daim duab yuav muab tso rau. Rau qhov nws yog qhov zoo uas yuav tau xaiv ib qho nplaub tshev npliag.
Yog li ntawd, peb tau txais ib nplooj ntawv thiab ib phau ntawv nrog cov duab.
Ntsis: thaum hu ua cov ntaub ntawv, tsis txhob siv cov Cyrillic cim, vim tsis yog txhua tus browsers nyeem tau lawv.
Nyob rau hauv zaj lus qhia no txuag cov dluab nyob hauv hom ntawv Gif tiav. Nyob rau nws, peb pom tias yuav ua li cas thiaj li optimize cov ntaub ntawv rau kev tso kawm hauv Internet.
