Yuav ua li cas kom muaj GIF hauv Photoshop

Anonim

Yuav ua li cas kom muaj GIF hauv Photoshop

Tom qab tsim cov animation hauv Photoshop, nws yuav tsum tau txais kev cawmdim hauv ib qho ntawm cov khoom muaj, ib qho ntawm GIF. Ib qho tshwj xeeb ntawm hom ntawv no yog tias nws yog npaj los tso (ua si) hauv qhov browser.

Yog tias koj txaus siab rau lwm txoj kev xaiv rau txuag cov animation, peb pom zoo nyeem cov lus no:

Zaj Lus Qhia: Yuav ua li cas kom txuag tau video hauv Photoshop

Cov txheej txheem ntawm kev tsim cov khoom lag luam gif tau piav nyob rau hauv ib qho ntawm cov lus qhia dhau los, thiab niaj hnub no peb yuav tham txog yuav ua li cas kom txuag tau cov ntaub ntawv hauv GIF hom ntawv thiab ntawm kev ua haujlwm zoo.

Zaj Lus Qhia: Tsim cov animation yooj yim hauv Photoshop

Txuag gif.

Txhawm rau pib nrog, peb rov ua cov khoom thiab nyeem cov chaw khaws tseg. Nws qhib los ntawm txhaj rau ntawm "txuag rau Web" khoom hauv cov ntawv qhia zaub mov.

Taw tes txuag rau lub vev xaib hauv cov ntawv qhia zaub mov kom txuag tau GIFs hauv Photoshop

Lub qhov rais muaj ob ntu: ib qho chaw saib ua ntej

Cov ntaub ntawv muab kev pab cuam hauv cov teeb tsa ntawm cov tsis ntawm kev khaws cia ntawm GIFs hauv Photoshop

thiab chaw thaiv.

Thaiv Chaw nyob rau hauv GIFKi Cov Chaw Txuag Khoom Muag Hauv Photoshop

Thaiv saib ua ntej

Xaiv tus naj npawb ntawm cov kev xaiv tau xaiv nyob rau sab saum toj ntawm lub block. Nyob ntawm cov kev xav tau, koj tuaj yeem xaiv cov chaw uas xav tau.

Xaiv cov kev xaiv saib hauv GIFKi kev txuag nqis hauv Photoshop

Daim duab nyob rau hauv txhua lub qhov rai, tsuas yog tus thawj, tau teeb tsa nyias. Qhov no yog ua tiav kom koj tuaj yeem xaiv txoj kev xaiv zoo.

Nyob rau sab laug ntawm lub block muaj ib txheej me me ntawm cov cuab yeej. Peb yuav siv tsuas yog "tes" thiab "nplai".

Tes thiab cov cuab yeej ntsuas hauv cov GIFKi kev txuag cov khoom xa tawm hauv Photoshop

Siv cov "tes" koj tuaj yeem txav cov duab hauv lub qhov rais xaiv. Qhov kev xaiv no tseem tau ua los ntawm cov cuab yeej no. "Nplai" ua yeeb yam ib yam nkaus. Kwv yees thiab rho tawm daim duab kuj tseem tuaj yeem yog khawm nyob rau hauv qab ntawm block.

Duab Nplai hauv GIFKi Kev Txuag Khoom Qhov rai hauv Photoshop

Tsawg hauv qab no yog lub pob nrog cov ntawv sau ". Nws qhib xaiv xaiv nyob rau hauv lub neej ntawd browser.

Duab Saib khawm nyob rau hauv lub browser nyob rau hauv lub chaw ntawm lub qhov rais ntawm lub gifting tsis nyob hauv Photoshop

Nyob rau hauv lub browser browser, tsuas yog rau kev teeb tsis, peb kuj tuaj yeem tau txais HTML GIF code.

Saib ua ntej ntawm cov duab hauv lub neej ntawd browser thaum tswj hwm gifs hauv Photoshop

Thaiv Chaw

Hauv qhov block no, cov duab tsis raug teeb tsa, xav txog nws ntau dua.

  1. Xim txheej txheem. Qhov chaw txiav txim siab no yog txiav txim seb cov rooj twg ntawm cov xim indexed yuav tau siv rau daim duab thaum ua kom zoo.

    Xaiv cov xim indexing txheej txheem thaum tswj hwm gifs hauv Photoshop

    • Kev paub, thiab tsuas yog "seceme ntawm kev xav." Thaum nws siv, Photoshop tsim ib lub rooj ntawm cov xim, coj los ntawm cov duab ntxoov ntxoo tam sim no. Raws li cov tsim tawm, cov lus no yog ze li sai tau li cas tib neeg lub qhov muag pom cov xim. Ntxiv rau - cov duab yog qhov ze ze rau daim tseem, cov xim muaj cov kev cawmdim heev.
    • Cov txheej txheem xaiv tau zoo ib yam li yav dhau los, tab sis cov xim hais txog lub vev xaib ruaj ntseg rau lub vev xaib yog feem ntau siv hauv nws. Nws tseem tau tsom mus rau cov zaub ntawm ntxoov ntxoo kwv yees rau thawj zaug.
    • Yoog. Hauv qhov no, lub rooj yog tsim los ntawm cov xim uas muaj ntau dua nyob rau hauv daim duab.
    • Txwv. Muaj cov 77 xim, qee cov qauv ntawm uas hloov nrog dawb nyob rau hauv daim ntawv ntawm ib qho taw tes (grain).
    • Kev Cai. Thaum xaiv cov phiaj xwm no, nws muaj peev xwm tsim koj tus kheej palette.
    • Dub thiab dawb. Cov lus no siv tsuas yog ob xim (xim dub thiab dawb), kuj siv cov qoob loo.
    • Nyob rau hauv cov qib txho. Muaj ntau ntau 84 qib ntawm ntxoov txho.
    • Macos thiab Windows. Cov ntaub ntawv hauv cov lus tau muab tso ua ke raws cov qauv ntawm daim duab qhia cov duab hauv kev browser khiav cov haujlwm ua haujlwm no.

    Nov yog qee cov piv txwv ntawm kev thov cov qauv.

    Cov duab kos siv ntau xim ntsuas cov ntxhuav thaum tswj hwm GIFs hauv Photoshop

    Raws li koj tuaj yeem pom, thawj peb qhov qauv muaj qhov ua tau zoo heev. Txawm hais tias qhov tseeb uas pom tias lawv yuav luag tsis txawv ntawm txhua lwm tus, ntawm cov duab sib txawv cov qauv no sib txawv.

  2. Ntau tus naj npawb ntawm cov xim hauv cov duab xim.

    Teeb tsa cov xim ntau tshaj plaws hauv cov rooj indexing thaum tuav lub gifs hauv Photoshop

    Tus naj npawb ntawm cov duab ntxoo hauv cov duab ncaj qha cuam tshuam nws qhov hnyav, thiab, raws li, ntawm lub rub tawm hauv lub browser. Tus nqi ntawm 128 feem ntau siv, vim tias qhov teeb tsa yuav luag tsis cuam tshuam rau qhov zoo, thaum txo qhov hnyav ntawm GIF.

    Cov piv txwv ntawm cov chaw rau cov xim ntau tshaj plaws hauv cov rooj indexing thaum tuav cov gifs hauv Photoshop

  3. Web xim. Qhov kev teeb tsa teeb tsa kev ua siab ntev nrog uas cov duab ntxoo tau hloov dua siab tshiab los ntawm cov web palette kom ruaj ntseg. Cov teb ntawm cov ntaub ntawv yog txiav txim siab los ntawm tus nqi teeb tsa los ntawm slider: tus nqi yog siab dua - cov ntaub ntawv tsawg dua. Thaum teeb tsa cov web-xim yuav tsum tsis hnov ​​qab txog qhov zoo.

    Teem cov duab hloov siab rau kev ua siab loj rau web-xim thaum tswj hwm gifs hauv Photoshop

    Piv txwv li:

    Cov piv txwv ntawm kev teeb tsa cov xim hloov dua siab tshiab rau weeeb thaum tswj hwm gifs hauv Photoshop

  4. Dysrying tso cai rau koj kom cov kev hloov pauv ntawm cov xim los ntawm kev sib xyaw cov duab ntxoov ntxoo uas muaj nyob hauv cov rooj xaiv.

    Destering teeb tsa thaum tswj cov gifs hauv Photoshop

    Tsis tas li, lub chaw teeb tsa yuav pab kom ua li cas khaws cov gradients thiab kev ncaj ncees ntawm cov chaw monochromatic. Thaum siv Dispering nce qhov hnyav ntawm cov ntawv.

    Piv txwv li:

    Cov piv txwv ntawm kev thov cov chaw descal thaum tswj hwm gifs hauv Photoshop

  5. Transparency. Gif hom kev txhawb nqa tsuas yog kiag li pob tshab, lossis opaque pixels.

    Teeb tsa tom qab pob tshab thaum tswj hwm gifs hauv Photoshop

    Qhov ntsuas no, tsis muaj kev hloov kho ntxiv, tsis yeem hloov kho cov kab kab nkhaus, tawm hauv cov poj niam pixel.

    Piv txwv ntawm kev siv kev hloov kho matte thaum tswj hwm gifs hauv Photoshop

    Kev hloov kho yog hu ua "matte" (hauv qee cov neeg kho "kaima"). Nrog nws, nws tau teeb tsa kom sib tov cov duab pixels nrog cov keeb kwm yav dhau los ntawm nplooj ntawv uas nws yuav nyob. Rau cov zaub zoo tshaj plaws, xaiv cov xim sib raug rau cov xim ntawm lub vev xaib tom qab.

    Kho cov kev sib xyaw ntawm cov duab pixel nrog cov keeb kwm yav dhau ntawm nias Nplooj Renoe hauv Photoshop

  6. Interlaced. Ib qho ntawm cov txiaj ntsig zoo tshaj plaws rau lub vev xaib. Nyob rau hauv qhov kev tshwm sim uas cov ntaub ntawv muaj qhov hnyav ntau, tso cai rau koj tam sim ntawd qhia ib daim duab ntawm nplooj ntawv, raws li nws thauj khoom txhim kho nws cov zoo.

    Teeb tsa lub sijhawm thaum tswj hwm GIFs hauv Photoshop

  7. SRGB hloov dua siab pab cawm cov xim tseem ceeb tshaj plaws thaum txuag.

    Teeb tsa hloov dua los ntawm cov xim hauv srgb thaum tswj hwm gifs hauv Photoshop

Teeb tsa "dysrying pob tshab" cuam tshuam cov duab zoo, thiab peb yuav tham txog "kev poob ntawm cov tswv yim hauv zaj lus qhia.

Dysrying chaw rau pob tshab thiab cov ntaub ntawv poob thaum tswj hwm gifs hauv Photoshop

Txog kev nkag siab zoo tshaj plaws ntawm cov txheej txheem ntawm kev teeb tsa kev txuag ntawm GIFs hauv Photoshop, koj yuav tsum xyaum.

Kev xyaum

Lub hom phiaj ntawm cov duab kom tsim nyog rau hauv Is Taws Nem yog qhov kev txo qis ntawm qhov hnyav ntawm cov ntaub ntawv thaum tswj tau zoo.

  1. Tom qab ua cov duab, mus rau "cov ntaub ntawv - txuag rau Web" cov ntawv qhia zaub mov.
  2. Tso rau "4 kev xaiv" Saib hom.

    Xaiv tus naj npawb ntawm cov kev xaiv rau saib cov txiaj ntsig thaum tswj hwm gifs hauv Photoshop

  3. Tom ntej no, koj xav tau ib qho ntawm cov kev xaiv los ua qhov zoo tshaj plaws rau thawj. Cia nws yog ib daim duab rau sab xis ntawm qhov chaw. Qhov no yog ua tiav thiaj li kwv yees qhov loj me ntawm cov ntawv nrog siab tshaj plaws.

    Cov chaw teeb tsa yog raws li hauv qab no:

    • Xim txheej txheem "xaiv".
    • "Xim" - 265.
    • "Diazering" yog "random", 100%.
    • Tshem tawm cov daws tawm ntawm cov "Interlaced" parameter, txij thaum cov duab kawg yuav yog qhov me me.
    • "Web xim" thiab "poob" - xoom.

      Teeb tsa cov tsis raug ntawm cov ntaub ntawv siv thaum tswj cov gifs hauv Photoshop

    Piv qhov tshwm sim nrog thawj. Nyob rau hauv qab ntawm tus qauv qhov rai, peb tuaj yeem pom qhov kev hloov pauv tam sim no thiab lub chaw thau khoom ceev ntawm Internet ceev.

    Kev sib piv ntawm cov txiaj ntsig ntawm kev ua kom zoo ntawm cov duab nrog thawj thaum tswj cov gifs hauv Photoshop

  4. Mus rau hauv daim duab hauv qab no tsuas yog teeb tsa. Cia peb sim ua kom nws ua tau zoo.
    • Tawm ntawm cov txheej txheem tsis hloov.
    • Tus naj npawb ntawm cov xim txo li 128.
    • Dysmering tus nqi txo rau 90%.
    • Web-Xim tsis kov, vim tias nyob rau hauv rooj plaub no nws yuav tsis pab peb ua kom zoo.

      Teeb tsa lub hom phiaj daim duab tsis muaj thaum tswj hwm gifs hauv Photoshop

    GIF Qhov loj tsawg dua ntawm 36.59 KB rau 26.85 KB.

    Txo cov duab loj tom qab ua kom zoo dua thaum tswj cov gifs hauv Photoshop

  5. Txij li qee qhov kev sib tsoo thiab cov tsis xws luag twb muaj tam sim no hauv daim duab, cia peb sim kom nce "poob". Cov ntsuas no txhais tau cov qib kev tso cai ntawm cov ntaub ntawv poob thaum compressing gif. Hloov tus nqi rau 8.

    Teeb theem ntawm cov ntaub ntawv tso cai poob thaum compressing gif kom txuag tau gifs hauv Photshop

    Peb tseem tswj hwm kom txo qhov loj me ntawm cov ntaub ntawv, thaum poob me ntsis hauv qhov tsis zoo. Gifs tam sim no hnyav 25.9 kilobytes.

    Cov duab loj tom qab teeb tsa poob thaum tswj hwm GIFs hauv Photoshop

    Tag nrho cov duab, peb muaj peev xwm txo qhov loj ntawm daim duab txog 10 KB, uas yog ntau tshaj 30%. Cov txiaj ntsig zoo heev.

  6. Cov kev coj ua ntxiv yog yooj yim heev. Nyem rau ntawm lub pob Txuag.

    Txuag khawm hauv GIFKi kev txuag nqis ntawm Photoshop

    Peb xaiv ib qho chaw kom txuag tau, muab lub npe GIF, thiab nias "Txuag" dua.

    Xaiv ib qho chaw thiab lub npe ntawm kev khaws cia ntawm GIFs hauv Photoshop

    Thov nco ntsoov tias muaj txoj hauv kev ua ke nrog GIF los tsim cov ntawv HTML uas peb daim duab yuav ua. Ua li no, nws yog qhov zoo dua los xaiv cov nplaub tshev khoob.

    Txuag GIFs nrog rau cov ntawv HTML hauv Photoshop

    Raws li qhov tshwm sim, peb tau txais ib nplooj ntawv thiab daim nplaub tshev nrog daim duab.

    Folder nrog cawm GIF hauv Photoshop

TSWV YIM: Thaum muab cov npe sau, sim tsis txhob siv Cyrillic cov cim, vim tias tsis yog txhua tus browser muaj peev xwm nyeem lawv.

Zaj lus qhia no kom txuag tau cov duab hauv GIF hom ntawv tiav. Ntawm nws, peb pom tias koj tuaj yeem ua kom tau zoo ua kom tiav cov ntaub ntawv rau kev tso chaw hauv Is Taws Nem.

Nyeem ntxiv