flash_cs5_動(dòng)畫(huà)制作基礎(chǔ)_第8章_骨骼動(dòng)畫(huà)和3d動(dòng)畫(huà)

1、第8章 骨骼動(dòng)畫(huà)和3D動(dòng)畫(huà),骨骼動(dòng)畫(huà)3D動(dòng)畫(huà),本章主要內(nèi)容：,8.1 骨骼動(dòng)畫(huà),8.1.1 關(guān)于骨骼動(dòng)畫(huà),8.1.2 創(chuàng)建骨骼動(dòng)畫(huà),8.1.3 設(shè)置骨骼動(dòng)畫(huà)屬性,8.1.4 制作形狀骨骼動(dòng)畫(huà),8.1.5 實(shí)戰(zhàn)范例——飛翔,,在動(dòng)畫(huà)設(shè)計(jì)軟件中，運(yùn)動(dòng)學(xué)系統(tǒng)分為正向運(yùn)動(dòng)學(xué)和反向運(yùn)動(dòng)學(xué)這兩種。正向運(yùn)動(dòng)學(xué)指的是對(duì)于有層級(jí)關(guān)系的對(duì)象來(lái)說(shuō)，父對(duì)象的動(dòng)作將影響到子對(duì)象，而子對(duì)象的動(dòng)作將不會(huì)對(duì)父對(duì)象造成任何影響。如，當(dāng)對(duì)父對(duì)象進(jìn)行移動(dòng)

2、時(shí)，子對(duì)象也會(huì)同時(shí)隨著移動(dòng)。而子對(duì)象移動(dòng)時(shí)，父對(duì)象不會(huì)產(chǎn)生移動(dòng)。由此可見(jiàn)，正向運(yùn)動(dòng)中的動(dòng)作是向下傳遞的。 與正向運(yùn)動(dòng)學(xué)不同，反向運(yùn)動(dòng)學(xué)動(dòng)作傳遞是雙向的，當(dāng)父對(duì)象進(jìn)行位移、旋轉(zhuǎn)或縮放等動(dòng)作時(shí)，其子對(duì)象會(huì)受到這些動(dòng)作的影響，反之，子對(duì)象的動(dòng)作也將影響到父對(duì)象。反向運(yùn)動(dòng)是通過(guò)一種連接各種物體的輔助工具來(lái)實(shí)現(xiàn)的運(yùn)動(dòng)，這種工具就是IK骨骼，也稱為反向運(yùn)動(dòng)骨骼。使用IK骨骼制作的反向運(yùn)動(dòng)學(xué)動(dòng)畫(huà)，就是所謂的骨骼動(dòng)畫(huà)。,8.1.1 關(guān)于骨骼動(dòng)

3、畫(huà),8.1.1 關(guān)于骨骼動(dòng)畫(huà),在Flash中，創(chuàng)建骨骼動(dòng)畫(huà)一般有兩種方式。一種方式是為實(shí)例添加與其他實(shí)例相連接的骨骼，使用關(guān)節(jié)連接這些骨骼。骨骼允許實(shí)例鏈一起運(yùn)動(dòng)。另一種方式是在形狀對(duì)象（即各種矢量圖形對(duì)象）的內(nèi)部添加骨骼，通過(guò)骨骼來(lái)移動(dòng)形狀的各個(gè)部分以實(shí)現(xiàn)動(dòng)畫(huà)效果。這樣操作的優(yōu)勢(shì)在于無(wú)需繪制運(yùn)動(dòng)中該形狀的不同狀態(tài)，也無(wú)需使用補(bǔ)間形狀來(lái)創(chuàng)建動(dòng)畫(huà)。,,1．定義骨骼 Flash CS5提供了一個(gè)【骨骼工具】 ，使用該工具可以向影片

4、剪輯元件實(shí)例、圖形元件實(shí)例或按鈕元件實(shí)例添加IK骨骼。在工具箱中選擇【骨骼工具】 ，在一個(gè)對(duì)象中單擊，向另一個(gè)對(duì)象拖動(dòng)鼠標(biāo)，釋放鼠標(biāo)后就可以創(chuàng)建著2個(gè)對(duì)象間的連接。此時(shí)，兩個(gè)元件實(shí)例間將顯示出創(chuàng)建的骨骼。在創(chuàng)建骨骼時(shí)，第一個(gè)骨骼是父級(jí)骨骼，骨骼的頭部為圓形端點(diǎn)，有一個(gè)圓圈圍繞著頭部。骨骼的尾部為尖形，有一個(gè)實(shí)心點(diǎn)。,8.1.2 創(chuàng)建骨骼動(dòng)畫(huà),8.1.2 創(chuàng)建骨骼動(dòng)畫(huà),2．選擇骨骼 在創(chuàng)建骨骼后，可以使用多種方法來(lái)對(duì)骨骼進(jìn)

5、行編輯。要對(duì)骨骼進(jìn)行編輯，首先需要選擇骨骼。在工具箱中選擇【選擇工具】，單擊骨骼即可選擇該骨骼，在默認(rèn)情況下，骨骼顯示的顏色與姿勢(shì)圖層的輪廓顏色相同，骨骼被選擇后，將顯示該顏色的相反色。,,8.1.2 創(chuàng)建骨骼動(dòng)畫(huà),2．選擇骨骼 如果需要快速選擇相鄰的骨骼，可以在選擇骨骼后，在【屬性】面板中單擊相應(yīng)的按鈕來(lái)進(jìn)行選擇。如單擊【父級(jí)】按鈕 將選擇當(dāng)前骨骼的父級(jí)骨骼，單擊【子級(jí)】按鈕 將選擇當(dāng)前骨骼的子級(jí)骨骼，單擊【下一個(gè)同級(jí)】按鈕

6、 或【上一個(gè)同級(jí)】按鈕 可以選擇同級(jí)的骨骼。,8.1.2 創(chuàng)建骨骼動(dòng)畫(huà),3．刪除骨骼 在創(chuàng)建骨骼后，如果需要?jiǎng)h除單個(gè)的骨骼及其下屬的子骨骼，只需要選擇該骨骼后按【Delete】鍵即可。如果需要?jiǎng)h除所有的骨骼，可以鼠標(biāo)右擊姿勢(shì)圖層，選擇關(guān)聯(lián)菜單中的【刪除骨骼】命令。此時(shí)實(shí)例將恢復(fù)到添加骨骼之前的狀態(tài)，如圖所示。,8.1.2 創(chuàng)建骨骼動(dòng)畫(huà),4．創(chuàng)建骨骼動(dòng)畫(huà) 在為對(duì)象添加了骨架后，即可以創(chuàng)建骨骼動(dòng)

7、畫(huà)了。在制作骨骼動(dòng)畫(huà)時(shí)，可以在開(kāi)始關(guān)鍵幀中制作對(duì)象的初始姿勢(shì)，在后面的關(guān)鍵幀中制作對(duì)象不同的姿態(tài)，F(xiàn)lash會(huì)根據(jù)反向運(yùn)動(dòng)學(xué)的原理計(jì)算出連接點(diǎn)間的位置和角度，創(chuàng)建從初始姿態(tài)到下一個(gè)姿態(tài)轉(zhuǎn)變的動(dòng)畫(huà)效果。 在完成對(duì)象的初始姿勢(shì)的制作后，在【時(shí)間軸】面板中鼠標(biāo)右擊動(dòng)畫(huà)需要延伸到的幀，選擇關(guān)聯(lián)菜單中的【插入姿勢(shì)】命令。在該幀中選擇骨骼，調(diào)整骨骼的位置或旋轉(zhuǎn)角度。此時(shí)Flash將在該幀創(chuàng)建關(guān)鍵幀，按【Enter】鍵測(cè)試動(dòng)畫(huà)

8、即可看到創(chuàng)建的骨骼動(dòng)畫(huà)效果了。,,1．設(shè)置緩動(dòng) 在創(chuàng)建骨骼動(dòng)畫(huà)后，在【屬性】面板中設(shè)置緩動(dòng)。Flash為骨骼動(dòng)畫(huà)提供了幾種標(biāo)準(zhǔn)的緩動(dòng)，緩動(dòng)應(yīng)用于骨骼，可以對(duì)骨骼的運(yùn)動(dòng)進(jìn)行加速或減速，從而使對(duì)象的移動(dòng)獲得重力效果。,8.1.3 設(shè)置骨骼動(dòng)畫(huà)屬性,8.1.3 設(shè)置骨骼動(dòng)畫(huà)屬性,2．約束連接點(diǎn)的旋轉(zhuǎn)和平移 在Flash中，可以通過(guò)設(shè)置對(duì)骨骼的旋轉(zhuǎn)和平移進(jìn)行約束。約束骨骼的旋轉(zhuǎn)和平移，可以控制骨骼運(yùn)動(dòng)的自由度

9、，創(chuàng)建更為逼真和真實(shí)的運(yùn)動(dòng)效果。,8.1.3 設(shè)置骨骼動(dòng)畫(huà)屬性,3．設(shè)置連接點(diǎn)速度 連接點(diǎn)速度決定了連接點(diǎn)的粘貼性和剛性，當(dāng)連接點(diǎn)速度較低時(shí)，該連接點(diǎn)將反應(yīng)緩慢，當(dāng)連接點(diǎn)速度較高時(shí)，該連接點(diǎn)將具有更快的反應(yīng)。在選取骨骼后，在【屬性】面板的【位置】欄的【速度】文本框中輸入數(shù)值，可以改變連接點(diǎn)的速度。,8.1.3 設(shè)置骨骼動(dòng)畫(huà)屬性,4．設(shè)置彈簧屬性 彈簧屬性是Flash CS5新增的一個(gè)骨

10、骼動(dòng)畫(huà)屬性。在舞臺(tái)上選擇骨骼后，在【屬性】面板中展開(kāi)【彈簧】設(shè)置欄。該欄中有2個(gè)設(shè)置項(xiàng)。其中，【強(qiáng)度】用于設(shè)置彈簧的強(qiáng)度，輸入值越大，彈簧效果越明顯。【阻尼】用于設(shè)置彈簧效果的衰減速率，輸入值越大，動(dòng)畫(huà)中彈簧屬性減小得越快，動(dòng)畫(huà)結(jié)束得就越快。其值設(shè)置為0時(shí)，彈簧屬性在姿態(tài)圖層中的所有幀中都將保持最大強(qiáng)度。,8.1.4 制作形狀骨骼動(dòng)畫(huà),1．創(chuàng)建形狀骨骼 制作形狀骨骼動(dòng)畫(huà)的方法與前面介紹的骨骼動(dòng)畫(huà)的制作方法基本相

11、同。在工具箱中選擇【骨骼工具】，在圖形中單擊鼠標(biāo)后在形狀中拖動(dòng)鼠標(biāo)即可創(chuàng)建第一個(gè)骨骼，在骨骼端點(diǎn)處單擊后拖動(dòng)鼠標(biāo)可以繼續(xù)創(chuàng)建該骨骼的子級(jí)骨骼。在創(chuàng)建骨骼后，F(xiàn)lash同樣將會(huì)把骨骼和圖形自動(dòng)移到一個(gè)新的姿勢(shì)圖層中。,8.1.4 制作形狀骨骼動(dòng)畫(huà),2．綁定形狀 在默認(rèn)情況下，形狀的控制點(diǎn)連接到離它們最近的骨骼。Flash允許用戶使用【綁定工具】來(lái)編輯單個(gè)骨骼和形狀控制點(diǎn)之間的連接。這樣，就可以控制在骨骼移動(dòng)時(shí)筆觸

12、或形狀扭曲的方式，以獲得更滿意的結(jié)果。,8.1.5 實(shí)戰(zhàn)范例——飛翔,1．范例簡(jiǎn)介 本例介紹飛鳥(niǎo)飛行動(dòng)畫(huà)效果的制作過(guò)程。本例是一個(gè)形狀骨骼動(dòng)畫(huà)，使用骨骼動(dòng)畫(huà)來(lái)制作飛鳥(niǎo)飛行時(shí)的翅膀扇動(dòng)效果。為了保證在制作翅膀扇動(dòng)效果時(shí)，與翅膀相連的身體不會(huì)發(fā)生變形，使用【綁定工具】對(duì)圖形上的控制點(diǎn)進(jìn)行了綁定。通過(guò)本例的制作，同學(xué)們將掌握制作形狀骨骼動(dòng)畫(huà)的方法，熟悉【綁定工具】的使用方法和技巧。,8.2 3D動(dòng)畫(huà),8.2.3

13、實(shí)戰(zhàn)范例——旋轉(zhuǎn)立方體,8.2.2 透視角度和消失點(diǎn),8.2.1 實(shí)例的3D變換,8.2.1 實(shí)例的3D變換,1．平移實(shí)例 在Flash的3D動(dòng)畫(huà)制作過(guò)程中，平移指的是在3D空間中移動(dòng)一個(gè)對(duì)象，使用【3D平移工具】能夠在3D空間中移動(dòng)影片剪輯的位置，使得影片剪輯獲得與觀察者的距離感。在工具箱中選擇【3D平移工具】，在舞臺(tái)上選擇影片剪輯實(shí)例。此時(shí)在實(shí)例的中間將顯示出X軸、Y軸和Z軸，其中X軸為紅色，Y軸為綠色，Z軸為黑色的圓

14、點(diǎn)，如圖8.31所示。使用鼠標(biāo)拖動(dòng)X軸或Y軸的箭頭，即可將實(shí)例在水平或垂直方向上移動(dòng)。拖動(dòng)X軸箭頭移動(dòng)實(shí)例。,8.2.1 實(shí)例的3D變換,2．旋轉(zhuǎn)實(shí)例 使用Flash的【3D旋轉(zhuǎn)工具】 可以在3D空間中對(duì)影片剪輯實(shí)例進(jìn)行旋轉(zhuǎn)，旋轉(zhuǎn)實(shí)例可以獲得其與觀察者之間形成一定角度的效果。 在工具箱中選擇【3D旋轉(zhuǎn)工具】，單擊選擇舞臺(tái)上的影片剪輯實(shí)例，在實(shí)例的X軸上左右拖動(dòng)鼠標(biāo)將能夠使實(shí)例沿著Y軸旋轉(zhuǎn)，在Y軸上上下拖動(dòng)鼠標(biāo)將能夠使實(shí)

15、例沿著X軸旋轉(zhuǎn)。,8.2.2 透視角度和消失點(diǎn),,在觀看物體時(shí)，視覺(jué)上常常有這樣的經(jīng)驗(yàn)，那就是相同大小的物體，較近的比較遠(yuǎn)的要大，2條互相平行的直線會(huì)最終消失在無(wú)窮遠(yuǎn)處的某個(gè)點(diǎn)，這個(gè)點(diǎn)就是消失點(diǎn)。人在觀察物體時(shí)，視線的出發(fā)點(diǎn)稱為視點(diǎn)，視點(diǎn)與觀察物體之間會(huì)形成一個(gè)透視角度，透視角度的不同會(huì)產(chǎn)生不同的視覺(jué)效果。在Flash中，用戶可以通過(guò)調(diào)整實(shí)例的透視角度和消失點(diǎn)位置來(lái)獲得更為真實(shí)的視覺(jué)效果。,8.2.2 透視角度和消失點(diǎn),1．調(diào)整透視

16、角度 在舞臺(tái)上選擇一個(gè)3D實(shí)例，在【屬性】面板的【3D定位和查看】欄中可以設(shè)置該實(shí)例的透視角度。,8.2.2 透視角度和消失點(diǎn),2．調(diào)整消失點(diǎn) 3D實(shí)例的【消失點(diǎn)】屬性可以控制其在Z軸的方向，調(diào)整該值將使實(shí)例的Z軸朝著消失點(diǎn)方向后退。通過(guò)重新設(shè)置消失點(diǎn)的方向，能夠更改沿著Z軸平移的實(shí)例的移動(dòng)方向，同時(shí)也可以實(shí)現(xiàn)精確控制舞臺(tái)上的3D實(shí)例的外觀和動(dòng)畫(huà)效果。 3D實(shí)例的消失點(diǎn)默認(rèn)

17、位置是舞臺(tái)中心，如果需要調(diào)整其位置，可以在【屬性】面板的【3D定位和查看】欄中進(jìn)行設(shè)置。,8.2.3 實(shí)戰(zhàn)范例——旋轉(zhuǎn)立方體,1．范例簡(jiǎn)介 本例介紹一個(gè)3D動(dòng)畫(huà)效果的制作過(guò)程。動(dòng)畫(huà)運(yùn)行時(shí)，一個(gè)立方體從舞臺(tái)上方落下，然后分別繞X軸、Y軸和Z軸旋轉(zhuǎn)一周。本例在制作時(shí)，首先制作立方體的各個(gè)面，然后通過(guò)3D變換將它們拼為一個(gè)立方體。將立方體影片剪輯拖放到舞臺(tái)上，制作3D動(dòng)畫(huà)效果。通過(guò)本例的制作，同學(xué)們將掌握創(chuàng)建3D立方體

18、的方法，熟悉使用【屬性】面板和【變換】面板來(lái)對(duì)實(shí)例進(jìn)行3D變換的操作技巧，同時(shí)掌握3D動(dòng)畫(huà)的制作方法。,8.3 本章小結(jié),本章學(xué)習(xí)Flash中骨骼動(dòng)畫(huà)和3D動(dòng)畫(huà)的制作方法。通過(guò)本章的學(xué)習(xí)，同學(xué)們將能夠掌握使用Flash的骨骼系統(tǒng)來(lái)創(chuàng)建各種復(fù)雜動(dòng)作的操作方法，能夠在動(dòng)畫(huà)中添加各種3D動(dòng)畫(huà)效果。,8.4 本章練習(xí),,,,8.5 上機(jī)練習(xí)和指導(dǎo),8.5.2 制作動(dòng)畫(huà)——3D文字效果,8.5.1 制作動(dòng)畫(huà)——搖曳,8.5.1 制作動(dòng)

19、畫(huà)——搖曳,,主要操作步驟指導(dǎo)：（1）導(dǎo)入素材，將2個(gè)掛件放置到不同的圖層中。創(chuàng)建一個(gè)影片剪輯，在影片剪輯中繪制一個(gè)矩形。將矩形放置到與2個(gè)掛件相同的圖層中。（2）使用骨骼工具分別在2個(gè)圖層中創(chuàng)建矩形與掛件之間的骨骼連接，同時(shí)創(chuàng)建搖擺的骨骼動(dòng)畫(huà)。選擇骨骼后在【屬性】面板中設(shè)置這2個(gè)骨骼的【強(qiáng)度】和【阻尼】值即可獲得需要的效果。,使用提供的素材制作懸掛的圣誕老人和雪人隨風(fēng)搖曳的效果，如圖8.65所示。,8.5.2 制作動(dòng)畫(huà)——3D文

20、字效果,使用提供的素材背景圖片，制作電影《星球大戰(zhàn)》中的文字飛入效果，效果如圖8.66所示。,主要操作步驟指導(dǎo)：（1）將素材圖片導(dǎo)入到舞臺(tái)，調(diào)整圖片的大小。新建一個(gè)圖層，在圖層中輸入一段文字，將文字轉(zhuǎn)換為影片剪輯，在【屬性】面板中為文字添加【發(fā)光】濾鏡效果。將【時(shí)間軸】面板中2個(gè)圖層的幀延伸到需要的位置。,8.5.2 制作動(dòng)畫(huà)——3D文字效果,主要操作步驟指導(dǎo)：（2）選擇文字所在的影片剪輯，在【變形】面板的【3D旋轉(zhuǎn)】欄中將【X】