flash制作人物行走動(dòng)畫(huà)教程

1、運(yùn)用flash軟件制作角色走路動(dòng)畫(huà)應(yīng)用設(shè)計(jì)系成濤實(shí)例臧西西側(cè)面走路，講解如何運(yùn)用身體各部分各自運(yùn)動(dòng)生成全身動(dòng)作，從而制作側(cè)面的走路動(dòng)畫(huà)走路的動(dòng)作原理分析元件的拆分調(diào)節(jié)動(dòng)作將動(dòng)作整理到元件內(nèi)部運(yùn)用外部補(bǔ)間動(dòng)畫(huà)控制角色移動(dòng)1。設(shè)置場(chǎng)景1）啟動(dòng) Flash MX Professional 2004 ,選擇菜單“File>Modify ",彈出"Document Properties ”置對(duì)話框2）設(shè)置動(dòng)畫(huà)的尺寸寬為 720PX;高為576PX;背景顏色為“白色（#FFFFFF） ” ； 幀速率為12。3）設(shè)置完成后，單擊【OK】按鈕。2.制作動(dòng)畫(huà)1）很多時(shí)候，新手繪制角色往

2、往會(huì)出現(xiàn)正面畫(huà)完，側(cè)面不知道怎么畫(huà)，就算畫(huà)了,但是卻感覺(jué)不象同一個(gè)人。所以為了，保證角色造型的一致性，我們使用 Ctrl+Shift+Alt+R組合鍵，調(diào)出參考線，然后依照正面，逐一使側(cè)面的每一個(gè)部分保證和正面基本一致。特別是面部特征。2）有了角色的側(cè)面造型，我們來(lái)繼續(xù)完善他。給他加個(gè)書(shū)包。注意肩帶和背包部分要 各自組起來(lái)，方便做動(dòng)畫(huà)。3）選中藏西西身體的所有部分，按F8建立元件，定義為圖形，然后雙擊進(jìn)入圖形內(nèi)部，將身體按照關(guān)節(jié)，依次組起來(lái)。頭部除了鼻涕，統(tǒng)一建立元件，如果內(nèi)部有 眼睛或者嘴巴的運(yùn)動(dòng)，就需要建立圖形，在這里我們只需要建立影片剪輯；其他 各個(gè)部分都要根據(jù)動(dòng)畫(huà)需要，內(nèi)部有動(dòng)畫(huà)的就創(chuàng)

3、建圖形，沒(méi)有就創(chuàng)建影片剪輯。 而從運(yùn)動(dòng)理論來(lái)說(shuō)，需要合理進(jìn)行組合，比如，上臂部分和袖口是需要整體創(chuàng)建 元件的，左手和棒棒糖需要整體考慮。然后依次調(diào)節(jié)每個(gè)元件的運(yùn)動(dòng)中心點(diǎn)，這 一點(diǎn)很重要。如果有看不到的部分，我們點(diǎn)擊如下，邊框顯示。注意，一定要保 證各個(gè)部分位置關(guān)系正確。|" jgjMovie Clip 丫4）現(xiàn)在我們執(zhí)行 Ctrl+A,全部選中藏西西身體部分，因?yàn)楸翘榈倪\(yùn)動(dòng)需要逐幀調(diào)節(jié), 所以只要保證除鼻涕之外的所有部分都是元件，打開(kāi)屬性欄，檢查一下。Instancecf: color: MorevSwap-! 州X； -HS»S云 Y； -169然后在全選的狀態(tài)下，右鍵單

4、擊身體，執(zhí)行 Distribute to Layers。將所有元件分散到 圖層。ArrinEtTimeliRe EffectsCut Cop7 PasteSelact AllBedict Allfireik ApartCoriTert to 5/Bbol.Distribute ton Layer5我們來(lái)看時(shí)間軸部分。薄魯口日右手 * B右下臂, , 臂 子子包腿腳手下 肚脖書(shū)左左左左 S3S0SB3D右上臂 , 口D后帶, 卬右鞋帶,口A右腿 , D右腳-D晶涕, H頭部 * 5）我們即將開(kāi)始制作走路的動(dòng)作。對(duì)于動(dòng)畫(huà)的原理，我們需要有深刻的理解。這方面的知識(shí)，除了細(xì)心觀察生活，最重要就是從本質(zhì)

5、理解。對(duì)于走路，我們可以分為以下幾部分，起始狀態(tài)一抬腳狀態(tài)一落腳狀態(tài)一抬腳狀態(tài)一終止?fàn)顟B(tài)（下一個(gè)循環(huán)的起始狀態(tài)）?？雌饋?lái)好象很復(fù)雜。其實(shí)因?yàn)橛辛穗娔X的便利性，上訴5種狀態(tài)完全可以理解為，起始狀態(tài)=落腳狀態(tài)=終止?fàn)顟B(tài)，而2次抬腳狀態(tài)，實(shí)際差別就只有左，右手和左，右 腳位置的變化。理解了這些，那我們做起來(lái)肯定就事半功倍了。6）由于有鼻涕需要考慮，我們先鎖住它，并且不顯示它，然后在當(dāng)前所有圖層的時(shí)間軸的第4幀按F6,并創(chuàng)建補(bǔ)間動(dòng)畫(huà)。并將第4幀的狀態(tài)調(diào)節(jié)到合適位置。 這部分就是調(diào)節(jié)的“抬 腳狀態(tài)”。在調(diào)節(jié)過(guò)程中，要明白人體運(yùn)動(dòng)機(jī)理，就是上臂帶動(dòng)下臂，大腿帶動(dòng)小腿，等。要理解在運(yùn)動(dòng)時(shí)關(guān)節(jié)是怎樣進(jìn)行變化的

6、，所以，在調(diào)節(jié)時(shí)，整個(gè)手臂全選中，調(diào)節(jié)它們共同中心點(diǎn)（共同中心點(diǎn)不被電腦記錄，需要隨時(shí)調(diào)節(jié)。）到運(yùn)動(dòng)中心點(diǎn)，然后整體調(diào)節(jié)位置，然后在選中下臂和手，在整體調(diào)節(jié)。其他部分都依照該方法進(jìn)行調(diào)節(jié)。最后有一點(diǎn)需 要注意的是，我們?cè)趦?nèi)部時(shí)間軸調(diào)節(jié)這些動(dòng)作時(shí)，是不需要考慮運(yùn)動(dòng)距離的。只考慮他的 運(yùn)動(dòng)狀態(tài)，而角色的移動(dòng)，在外部主時(shí)間軸調(diào)節(jié)就可以了。4圖口51015202"0口< 1 P右下臂 * 1 ,。右上臂 >*>B后帶 ，r P右鞋帶 n1O右腿 (f 出右腳* i 。鼻涕x a :»|G?頭都 < 1 跨部 1>>。肚子 口< >-&

7、gt; 卬脖子 »9書(shū)包 (>-> 。左腿1.P左腳口(r 3后 < 。左下臂* :r FT1 4 1 Me1=1而r引引fcH112 0這時(shí)，我們會(huì)發(fā)現(xiàn)，在運(yùn)動(dòng)過(guò)程中，有些部分出現(xiàn)了錯(cuò)誤，這是因?yàn)橛呻娔X生成的補(bǔ)間動(dòng) 畫(huà)，各個(gè)部分在運(yùn)動(dòng)時(shí)，它會(huì)自動(dòng)走最短距離，于是，我們找到出錯(cuò)的元件的圖層，然后 依次在他們中間的補(bǔ)間部分，取消補(bǔ)間動(dòng)畫(huà)，再按 F6,然后逐幀調(diào)節(jié)到合適狀態(tài)。7）現(xiàn)在我們來(lái)制作落腳狀態(tài)，根據(jù)前面的分析，這幀狀態(tài)其實(shí)就是起始狀態(tài)。我們選中第一幀狀態(tài)的所有元件，按 Alt ,拖動(dòng)到第7幀，并選中所有第 7幀的狀態(tài)，點(diǎn)右鍵，執(zhí)行Remove Tween。然后創(chuàng)

8、建補(bǔ)間動(dòng)畫(huà)，仍然將出錯(cuò)的部分修改。U右上臂A16帶。右鞋帶。右腿卬右腳。頭部跨部。肚子。書(shū)包。左腳P左手。左下臂 * * -n, n n* ，n * 0215D右手 1p右下臂 0右上臂 1 1匚。后帶 1 1G?右鞋帶 匚卬右腿 1。右腳 D頭部 1 11"跨部/ I I (，。肚子 一 P脖子 1 I匚少書(shū)包 * a>_P左腿 1。左腳 14鬧左手 I 1 (。左下臂 I 1 1P左上臂 回 T 18）現(xiàn)在我們來(lái)制作落腳狀態(tài)，這幀的狀態(tài)即是第4幀狀態(tài)，只是左腳和右腳，左手和右手發(fā)生了位置變化。仍然按照 6）的方法進(jìn)行調(diào)節(jié)。仍然把出錯(cuò)部分調(diào)節(jié)好。39）參照7）的方法，將第1幀

9、狀態(tài)拖動(dòng)到第13幀，然后在所有部分的第12幀按F6,然后, 選中所有的第13幀狀態(tài)，執(zhí)行Shift+F6,取消關(guān)鍵幀。這樣做，是為了保證，當(dāng)前狀態(tài)的 下一狀態(tài)正好是起始狀態(tài)，這樣就能夠形成循環(huán)。癮圖口15口。右手百1 * *i w > 0口7右下哲 r 0右上者 , liL歹后帝口 ；T T T ,'右鞋帶/ * 。右腿 口。右腳* * 。頭部可 I ；T ：T o跨部* * I i i i T。肚子, 4 T 1 ；T ，。脖子 口。書(shū)包* I' I . 1 :T 3，匚左腿,口 4一!BI!。左腳 , 1。左手口 1 1 1 $1 o左下臂 口Ir c?左上臂 I ；

10、T ；T ? £而10）現(xiàn)在我們來(lái)考慮鼻涕的運(yùn)動(dòng)。首先，我們要明白，鼻涕的運(yùn)動(dòng)中心點(diǎn)是在鼻孔部分， 所以，在調(diào)節(jié)時(shí)，需要考慮到。不過(guò)，在這里，我們需要逐幀調(diào)節(jié)。當(dāng)然，這個(gè)調(diào)節(jié)方法 是參照逐幀動(dòng)畫(huà)的畫(huà)法，先畫(huà)出關(guān)鍵部分，即原畫(huà)。然后在打開(kāi)洋蔥皮功能，對(duì)照頭部位 置，調(diào)節(jié)出中間部分的狀態(tài)。這是第1幀到第4幀的狀態(tài)。這是第4幀到第7幀狀態(tài)。這是第7幀到第12幀狀態(tài)。仔細(xì)分析這些狀態(tài)，其實(shí)就是根據(jù)全身的運(yùn)動(dòng)狀態(tài)，來(lái)逐幀畫(huà)鼻涕的運(yùn)動(dòng)狀態(tài)。11）現(xiàn)在我們來(lái)為角色制作影子。對(duì)于這些運(yùn)動(dòng)，相對(duì)比較復(fù)雜。而影子的制作方法，相對(duì)會(huì)復(fù)雜點(diǎn)，回到主場(chǎng)景，在時(shí)間軸的最上層新建一層，命名為“影子”。然后復(fù)制藏西

11、西那層，改名后替換該層，并執(zhí)行如下命令，垂直翻轉(zhuǎn)。放到合適位置。然后我們雙擊進(jìn)入影子內(nèi)部時(shí)間軸，然后新建一層，放到最上面，選中這層以外所有層的第1幀狀態(tài)，執(zhí)行Ctrl+C,復(fù)制幀，D鼻涕O右手 。右下臂 D右上雷 。肩帝 1 7右鞋帚 D右腿 *L?右腳 D頭部 P跨部 A肚子 D脖子 i ?書(shū)包 t 1光腳 。左手 *C?左下臂* M左上臂 / Create IflotioR TweenI Ixser t Fr srne1Fr1Insert Ksyfrajhe|Txiser t Ell axik Kiejfrine|Clear KeyframelConvert to1Concert I o

12、BlankK«jrFrune e11 Cut Frames1 CWp*|P ante Fi-anesIiClear Frames； Select All FranesRever se Frihe s|SyDchr oni 工電 5 ymbo 1 5|然后回到影子層。執(zhí)行Ctrl+Shift+Alt+V ,同位粘貼所有內(nèi)容。然后按照該方法，將所有幀的內(nèi)容都粘貼到影子層。然后，刪除影子層之外所有圖層，并打開(kāi)洋蔥皮功能，選種全部?jī)?nèi)容，執(zhí)行性將所有元件全部打散。然后改成黑色，將 Alpha值，改為20%。Ctrl+B , 一次% 1512. 0 fps口 一（R1嘰，黑川9,巾,腋,1小I?

13、思,梆!山1孤就“5機(jī),困梆!”融,襦"后 .府口“：可姮吃工12）我們回到主時(shí)間軸，在這 2層所在時(shí)間軸的第 80幀，按F6,再創(chuàng)建補(bǔ)間動(dòng)畫(huà)，將第 80幀的位置調(diào)整好。* a 1&ID IS 絢 鴻 30 終 W t 質(zhì) 通時(shí)1gTU 75 Bi S1 R制子/ >r 擊' bITi,* 口 BQ 12. D f>3«-iM 1® |Q | 卸 1Q0 |1n_iii Lib i !i 1，1 iiMi i ! j ilia i id _卻 |2Xi 2W Q |善口 IQ口 |/J 碗口 |%0 l&CO i-5；0口 |7軾1 |W l;=0 |9C0 曾口 |1:中 IQfO |HQC ll'D |idt) a 111 jiljj