Txheej txheem cej luam: Nyob rau hauv daim ntawv no kuv yuav portray rau lub ntsiab zoo eeb ib, uas hu ua '2D Animation'. Nyob rau hauv qhov kev sib kho kuv yuav them npaum li cas Meskas cov yeeb yam uas huv ntawv, thiab cov cuab yeej thiab cov kauj ruam implicated hauv creation koj thawj yooj yim animation los 'Tsab ntawv tsa suab Tweening'.
Taw qhia: 2D animation txheeb cais yog zoo li tus thiab/los yog zog rau lub computer siv graphics 2D bitmap los yog zoo li tus thiab zog siv graphics 2D vector. Qhov no muaj xws li programmed mechanized versions cov pa animation hom kev kawm xws li sam dab tsi nyob hauv daim ntaub ntawv maj mam hloov, dos tawv nqaij thiab tej yam hauv daim ntawv ntxiv lwj scoping. 2D animation muaj ntau daim ntaub ntawv, muaj analogue computer tas luav, Tas luav eeb thiab PowerPoint tas luav xinesmas los tseem muaj cov duab hauv qhov mob yeej thooj li tus animated GIF tej ntaub ntawv uas qhov yog animated. Nta, animated logos no kuj yog ib txoj kev zoo kawg thiab sawv ntsug, yog li ntawd, yog hais tias koj xav nyob nraum zoov rau cov neeg, nco ntsoov nyem qhov no.
Image1: Editor qhia
Qhib rau hauv ntaub ntawv tshiab hauv eeb:
Pib nrog, Kuv yuav qhib eeb los txhaj rau lub icon pib hauv daim qhia tias kuv twb ntsia nws li. Yog hais tias koj siv nws lom loading daim ntawv thov li no, nws yuav nug Kuv xaiv tshaj tej ntawm Designer los tsim tawm kev pom, thiab muaj kev tshaj tawm tias qhov khoom rau kuv saib tej chaw (qhov no tsis muaj feem xyuam rau ntawm eeb ua ntej MX versions). Peb los kuj muaj nyob rau cov tshooj no kuv tau xaiv saib Designer, thiab kuv yuav npo yog teev kom muaj kev tshaj tawm ntawm 1024×768. (Kuv yuav ib si yuav hloov qhov no tom qab uas txhaj cov “Qhov rai” xaiv nyob rau sab saum toj toolbar thiab xaiv ntawd “seem txheej”.) Nyob rau ib ntees kuv muaj tag li ua rau, Kuv yuav saib ib lawb tawm tas surrounded los ntsuas teeb, akin to lub casement qaum.
Kho cov ntaub ntawv chaw:
Image2: Daim ntawv qhia tej chaw
Tus canvas yog teem rau ib evasion me me; vim kuv theej los ua hauj lwm hauv txheem qhov ntau thiab tsawg thiab cov kev cim rau web ntau lawm, Kuv departing kuv yuav hloov kuv canvas me me ntawm lub neej ntawd ntawm 550 pixels x dav 400 siab kom loj me ntawm pixels 320 x 240. Kuv departing ua yog txhaj lub pob saum lub zog tab–lub vaj huam sib luag rau hauv qab lub canvas thiab ua tau hauj lwm cheeb tsam–uas qhia txog qhov luaj li cas canvas; qhov no yuav qhib tshiab pop-up qhov rais uas muaj daim ntawv lub zog. Tamsim, koj tsuas tau ua yam uas txhawj xeeb txog peb: cov phau ntawv nyiaj, lub backdrop colour, thiab tus ciam teb ceev.
Kuv yuav tswj kuv luaj li cas los 320 x 240 ntawm kuv tus kheej cov qauv mus rau lub rooj zaum ua yuav muab, siv colour tsam xaiv ib glow dawb backdrop, thiab ploj mus qhov num tus nqi teev hauv 24 fps (FPS). Qhov no nws yog defaulting ceev ciam teb rau cov siv thiab ua muaj ntxaij; this vis thiab lwm tawm ntau lawm, nws thiaj li mus lawm txij no 30 ntas ib ob. 12 Yog tas ntawd kuv yeej yuav tsum tau rau eeb animation rau web; Nws tseem tso cai rau ib txhim khu kev qha hliv ntawm no, tab sis tsis txhob tsa kuv lub peev xwm ceev los ntawm kev sib ntxiv ciam teb ntxiv.
Qhib cov ntsiab Toolbar thiab cov sketch ib daim duab:
Image3: Qhia uas tuav
Qhov no yog situated mus rau sab xis ntawm lub qhov rais, Kuv yuav pom tus yam kev vaj huam sib luag, nrog icons charitable kuv admittance lub ntsiab zog kuv mam tau mus pib yog nqus thiab hauv nyem CS6 animating. Rov nrog, Kuv yuav tau nias lub icon zoo li ib tug tes, rau sab right-hand txog tog down hauv lub “Saib” nqe lus hais txog. Qhov no yog lub (paab thiab humorously npe hu ua) Tes pab; Yog hais tias kuv nias thiab cab kuv cov nas nyob hauv kuv qhov chaw ua hauj lwm nrog no uas xaiv, Kuv yuav raws nraim luag kuv canvas txog kom txog rau thaum nws yog situated uas koj los siav.
Yog vim qhov ib zaug kuv muaj tau kuv chaw kaj siab lug tsim ua hauj lwm, wb sim yog nqus ib yam dab tsi. Hauv qab sab saum toj sab lus ntawm lub Rooj Tswjhwm Saib cov khoom SNAP qhia rau lub laub khawm depict ib ntiv nplhaib daj txog hauv dub; qhov no yog lub cuab tam dawb. Kuv yuav thov Literature twg yeej zoo lawm no. Nyob hauv tas cov cuab yeej yog ob qhov rais colour-picker: ib qho rau cov “Daj” (uas muaj tuaj los ntawm ib cov duab ntawm ib tug cwj mem) thiab lwm yam rau cov “Sau” (uas muaj tuaj los ntawm ib cov duab ntawm ib lub thoob yas ntawd zas). Tus caress yog tus colour ntawm cov khoom kos round, raws li tus sau yog tus colour tsis pub dhau qhov zoo lawm. Kuv yuav cia koj muab kuv daj dub thiab kuv sau rau ib tug liab doog, thiab ces kos lub vajvoog me me nyob rau hauv ntau lawm ces kaum ntawm kuv canvas txhaj thiab ces dragging awaiting qhov zoo yog qhov xav kom tau raws li cov dhau li tso.
Saib qhov ncua sij hawm:
Image4: Qhia cov sij hawm kab
Tam sim no dhau tshaj peb dhia mus kiag rau animating, cia wb mus ib qhov pom ntawm ib tshaj qhov ntawm lub qhov rais: lub ncua sij hawm, teem caij hla lub qhov chaw ua hauj lwm (nyob rau hauv cov duab nyob hauv depicted). Lub ncua sij hawm yog muab cais ua ob txhua: khaubncaws sab nraud povtseg sab, thiab sij lub ncua sij hawm xwb, cais rau ib tug neeg ntas; liab ntawm kab descending marks koj qhov chaw nyob tam sim no nyob hauv lub frameset. Tus frameset yog ib qhov tseem ceeb mas tej cuab yeej hauv eeb; nws yuav ua rau kuv cia taug qab thaum uas koj ntau yam khoom thiab cov nrhiav thiab txheej bacteria uas tsuav yog rau, as Well as muaj chaw rau kuv animation nrhav ntas thiab cov sij hawm poob thiab ntus. Feem ntau cov chaw ua hauj lwm rau kuv animations yuav tau muaj rau ntawm no.
Raws li koj tau pom, yog thaum tus nimno peb muaj ib txheej (uas muaj lub vajvoog xis teb xis chaw hauv lub kauj ruam ua ntej lawm) nrog ib ncua sij hawm txheeb by means of ntawd xov. Ciam teb thawj zaug rau lub frameset no grayed sim lwm qhov by means of me ntsis nqaij ntawd dub kos; dab tsi uas txhais tau hais tias no thiab yog ib tug tseem ceeb thiab yog, zoo li tus mechanically thaum kuv txawm nta hlo lub vajvoog nyob saum tus ciam teb. Hauv kev hais kom ua nyob rau hauv cov kev taw qhia txog pa by means of tweening, Kuv tau mus piav txog hom tshuaj; tsis tuaj lawv eeb twb tsis Menasha los suaj kaum taw rau cov yas animate nrab.
Converting koj zoo mus ib cim:
Image5: Conversion qhia
Dhau li uas peb muaj ntxiv mus, peb yuav xav tau los ua ib co kev hloov ntawm peb lub vajvoog. Vim li cas peb tsis tau muab qhov zoo lawm peb yeej lawm los twv tau me ntsis ntxiv? Vim eeb tsis tween li ib txwm nrhiav; Yog hais tias koj tsis txhob ua ntau yam ib tween txawm thaum tus caw mas tseem nrhiav, nws yuav tsis ua hauj lwm, li ntawd, peb sib hloov xov lawv los cim; nws yuav tsis ntau tshaj li ib pliag ntxiv.
Yog right-click rau kuv lub vajvoog thiab xaiv “Hloov ua lwm yam los cim”. Qhov rais popup yuav ua, hais dab tsi kuv xav rau npe lub cim thiab dab Behaviour yuav siv tau rau nws; ntaus ib lub npe, thiab xaiv “Duab”; cov kev xaiv yuav raug enclosed tom qab, nyob rau cov tshooj lus ntau heev tsim. Nyem qhov “ua li”; koj yuav pom cov transform hauv koj tus kwv los ntawm tus qauv npaj xiav ua nws nyob ze. Cov cim no yuav tam sim no tuaj mus saib nyob rau hauv cov ntaub ntawv, uas kuv tau pom los ntawm kev siv ua qhov tseem ceeb F11 los tau nyem rau ntawm cov ntaub ntawv casement; Thaum twg txoj los yog tej yam khoom uas muab sau rau hauv cov ntaub ntawv, lawv yuav tau nyob rov qab siv lub ntawm tej mus ncaj los yog khu muab rau cov hessian.
Tam sim no, wb coj rov qab mus animating. Nyob rau sab tom qab no, peb mam li ua dua num tseem ceeb kom peb thiaj paub eeb rau animate hauv lawv.
Txoj kev tseem ceeb ib kablus tshiab kom:
Image6: Qhia thiab tseem ceeb
Wb zoo li nyob rau ncua sij hawm dua. Yog hais tias kuv mam nco ntsoov, teev tus ncej npaum li cas rau daim ntawv no rau peb 12 ntas ib ob; uas koj tau txais nyiaj uas yog kaum ob lub blocks nyob rau ncua sij hawm yuav tsim tau ib cov animation thib ob. Kuv nsthaw kuv vajvoog kom ntau tshaj li ib ob, vim li ntawd kuv sawvkev mus nias rau qhov thaiv twelfth; lub ncua sij hawm yog cim hauv increments ntawm tsib, yog vim li ntawd, suav ob tug tom qab lub kaum indicators, As. Yog hais tias kuv right-click rau ntawm ciam teb, Kuv mam li saib ob qho kev xaiv thiab npaj: muab num npaj thiab muab tso rau hauv kev npaj thiab dawb paug. Kuv xav mam mus nias rau tsab ntawv nrog thaum npaj ncej; qhov no yeej copies qhov tshaj tag nrho ntawm tseem ceeb tus ncej tas los (nrog peb lub vajvoog) rau lub keyframe tshiab.
Tom qab txhaj “Ntxig Keyframe”, koj yuav tau saib uas tam sim no tus ncej 12th yog grayed ua thiab hnov li cas nrog ib teev, ib yam li thawj; tus kis hauv lawv yog tseem grayed, nrog cov 11th ncej ciav los tus me dawb plaub mog daim duab. Qhov no signifies uas muaj nkag yog tsis muaj zog los yog “tween” situated rau tus ua num nyob rau hauv flanked los; eeb tau mechanically tso rau tuav ib ntawm cov ntas kom lawv endlessly sau nrog ib replicate cov hauv num tseem ceeb.
Siv cov cim ntawm ib hom tshiab:
Tam sim no peb nyob nraum departing rov mus xyuas peb ntshoo; txoj kev kom paub tseeb tias kuv twb tseem nyob thiab 12 (tus
Image7: Qhia hom tshiab
qhov taw qhia liab ncua sij hawm yuav tsum tau nyob ntawd thiab), siv lub cuab tam xub mus xaiv rau lub vajvoog uas kuv kiag previous; Kuv yuav tuav kom qhia tau tias nws yog xaiv los ntawm tus qauv npaj xiav nyob ze nws dua. Nyem thiab luag rau lub vajvoog kom nws hais txog peb txog qhov twg rau koj canvas; Kuv ces kuv li txav mus rau sab right-hand ces kaum ntawm kuv lub chaw. (Yog hais tias tsis yog koj xav yuav animate koj zoo lawm mus off-screen, tsis txhob tshem nws mus rau qhov chaw nyob ze cov canvas gray; khoom nyob rau hauv cheeb tsam gray tsis paub txog ntawm cov animation kawg.)
Yog hais tias kuv rov qab mus rau kuv ntxiv thiab nias rau ntawm ncej 1, nias lub “Sau” qhov tseem ceeb yuav ua si tag nrho kuv cov animation; ho, nws tsis saib zoo heev, nws puas? Voj-voos cov nyob ntawm nws txoj hauj lwm rau lub kaum ib xub ntas, lawm los mam li nco dheev snapping rau lub site thawj. Nyob rau hauv cov tom qab ntawd footstep kuv yuav tau txhawj txog ntawm sij los siv lub zog tween.
Image8: Qhia cim editing tshuab raj
Muab ua ke ib lub tween no rau kuv cov duab Avenues:
Xav tias nws los tsis, qhov no yog ntiav ib sab. Hauv eeb, “tsab ntawv tsa suab tweening” yog hnav los piav cov qauv uas qhov kev pab cuam mechanically tsim lub flanked keyframe A nyob rau ncua sij hawm ib tug kwv thiab keyframe B muab ib du animation depicting kov hu mus rau lwm tus kwv ntas. Qhov no yog miv ntawm “zoo tweening” vim hais tias nws tsis feem xyuam rau txoj tsab ntawv caw, dimension, los yog colour, tab sis, kuv yuav qhwv thiaj li los nyob rau hauv cov tom qab qhov kev sib kho.
Mus qhia txog kuv tsab ntawv tsa suab tween, cias nyem thiab cab kuv tus nas tawm thiab 1 rau hom 12 xaiv seb lawv; ces koj yuav tshaj tej ntawm right-click rau cov ntas thiab xaiv “Sau tsab ntawv tsa suab Tween”, los kuv yuav tau nyem rau ntawm qhov “Tween” dropdown hauv cov khoom uas muaj vaj huam sib luag thiab qhov nws xaiv “Tsab ntawv tsa suab”. (Ploj mus rau lwm txoj kev thiab thaum lawv tej chaw neej ntawd.) Cov co ntas yuav tig ib shade ntawm violet daj, thiab tus xub yuav tuaj mus pom ncab los ntawm cov thawj keyframe kom kawg; qhov no yog tus kos npe rau ntawm lub suab winning tween. (Yog hais tias tus ntas round violet tab sis cov xub mus yog hloov los ntawm ib tug kab ruined, right-click thiab xaiv “Tshem cov Tween” ua ntej yuav saib meej txog tias koj twb tas cov kauj ruam nram no kom raug.)
Image9: Qhia cov animation zaum kawg
Xaus:Kuv muaj tam sim no zoo tas kuv thawj animation; yuav ua kom, qhov tseem ceeb 'Ctrl sau' xwb laub rau qhov ncua sij hawm, los saib ua ntej los xaiv cov ntaub ntawv-> sai nrhiav hauv Browser seb zoo li cas yuav ua rau koj zoo ib yam li thaum exported. Kuv yuav tsum saib koj kos kov ntseeg nkaws ntawm pib taw tes rau tag kis, muaj tsis muaj faults rau ntawm.
Xyaum drawing nrhiav thiab ua tsab ntawv tsa suab tweens nws tos kuv kom kuv tau muaj lub hang ntawm nws; sim attainment tshwm sim rau nws, saib zoo li cas kuv thiaj yuav los nrog.
