close

利用「骨塊工具」建立出長頸鹿奔跑的動作

本節我們就要透過骨塊工具 將長頸鹿各部位的元件實體組成一組骨架, 骨架會將這些實體「綁」在一起, 讓長頸鹿的全身產生 「連動」關係, 不管您怎麼拉曳都不會分開喔!之後我們就可以運用這種特性, 操控長頸鹿的身體各部位來模擬出奔跑的姿勢。

觀賞完成的長頸鹿動畫

重設各元件實體的變形點

元 件實體的變形點就是其旋轉中心點, 之後將會成為連接骨塊的關節, 假如變形點的位置不佳, 之後我們在建立骨架、調整姿勢的時候就會覺得不太順暢, 因 此在建立骨架前, 請先重設各元件實體的變形點。建議您平常多多觀察物體的關節位置, 在製做動畫時就會更容易找出適合設為變形點的位置喔!

請開啟練習檔案 17-ex02.fla, 目前舞台上已經置入長頸鹿和背景圖元件實體, 首先我們要變更長頸鹿元件內各部位的變形點, 請雙按元件庫面板內的長頸鹿元件, 進入其元件編輯模式:

進入長頸鹿的元件編輯模式


目前長頸鹿身體的每個部位都是獨立的元件實體

!!!雙按舞台上的元件實體也可進入元件編輯模式, 但編輯的過程可能會受到背景圖的干擾, 因此本例我們都從元件庫面板進入元件內部修改, 以便在空白的背景上編輯長頸鹿元件。


Step1在預設的狀態下, 每個元件的變形點都在正中央, 為了讓長頸鹿的身體各部位能依我們想要的方式轉動, 首先要將變形點重新設定到指定的位置。請點選工具面板的自由變形工具 , 如下設定:


1 用自由變形工具 點選頭部
2 為了讓頭部可以前後擺動, 請將變形點由中央拉曳到與頸部交接處


3 用自由變形工具 選取頸部
4 同樣為了讓頸部可以前後擺動, 將變形點拉曳到與身體接合的地方


Step2為了讓長頸鹿走路的樣子更自然, 要讓四肢可以前後擺動, 請再用自由變形工具 分別選取四肢, 將變形點拉曳到和身體接合的地方:



Step3尾巴也請您將其變形點拉曳到與身體接合的位置, 至於長頸鹿身體的變形點則維持在正中央即可。所有的變形點位置可參考右圖:


紅色記號處即為我們設定變形點的位置


建立骨塊和骨架

調整好變形點後, 接著只要用骨塊工具 連結任兩個元件實體的變形點, Flash 就會自動建立出一個連結它們的骨塊, 並且將以骨塊連結的實體搬移到新增的骨架圖層中, 以便和其他沒有連動關係的物件做區隔。下面就開始來建立長頸鹿的骨架吧!

Step1請接續上例 (或開啟 17-ex03.fla, 雙按元件庫面板中的長頸鹿元件) 繼續練習, 首先要請您關閉自動設定變形點的功能, 這樣才能讓骨塊連結到我們自訂的變形點。請執行『編輯/偏好設定』命令, 切換到繪圖頁次, 如下操作:



若勾選自動設定變形點項目, 則當您用骨塊工具 一接觸到元件實體的任意位置, 該處就會自動變成該實體的變形點。若有實體被疊在其他物件後面, 由於骨塊工具 接觸不到該實體, 可能就無法建立出骨塊


Step2接著請點選工具面板的骨塊工具 , 開始建立第一個骨塊。用骨塊工具 建立骨塊的起點將會成為整組骨架的中心點, 本例我們要將中心點設定在長頸鹿的身體中央, 請如下操作:




取消自動設定變形點功能時, 骨塊才能自動吸附到我們自訂的變形點

骨塊只是標示出元件實體之間的連結關係, 播放動畫時不會顯示出來。假如骨塊的顏色和動畫元件的顏色太過接近、不易辨識, 可雙按圖層名稱右側的色塊開啟圖層屬性交談窗, 在外框顏色欄位選取其他的色彩。


step3接著我們要建立接續前面的骨塊, 請用骨塊工具 按住第 1 個骨塊末端的頸部變形點, 拉曳到頭部變形點後放開滑鼠, 即可建立出新的骨塊, 讓身體、頸部、頭部產生連動關係, 如下圖所示:


step4接著要建立從身體連結到四肢與尾巴的骨塊, 請重新從骨架的中心點開始建立。在您建立骨架時, 可能會改變元件實體的前後順序, 因此在建立好骨架後, 建議您用選取工具 按一下實體以外的空白區域, 將骨架隱藏起來, 以便檢視和調整物件的前後順序。


在建立骨塊時, 若您覺得元件實體的變形點位置不夠理想, 隨時都可再用自由變形工具 點選各實體來重設其變形點。當您更改變形點的位置, 連結到變形點的骨塊也會自動調整位置。

如何刪除骨架

若對骨架感到不滿意, 可選取骨架圖層, 在綠色影格上按右鈕執行『移除骨架』命令, 即可移除物件上的骨架。但是已搬移到骨架圖層中的物件不會回到原來的圖層中, 需再自行手動搬移物件。

調整骨架以改變姿勢

到目前為止的操作只是幫長頸鹿的身體加上骨架, 還看不出加上骨架後的長頸鹿有什麼變化。以下我們就要實際透過控制骨架來調整長頸鹿的姿勢, 將原本呆站著的長頸鹿變成奔馳中充滿動感的樣子。在調整的過程中, 您馬上就能體會到骨架功能的奧妙之處了!

Step1請接續上例 (或開啟 17-ex04.fla, 雙按元件庫面板中的長頸鹿元件) 繼續練習, 首先我們要讓長頸鹿彎下脖子, 模擬奔跑時頭部往前伸展的動作:



Step2彎下脖子時, 與頸部連結的頭部會跟著往下移, 我們要再轉動長頸鹿的頭部, 讓長頸鹿往前看。頭部位於骨塊的末端, 只要用選取工具 按住頭部, 即可圍繞著變形點旋轉。若調整後的實體之間出現縫隙, 您可再調整實體的位置或變形點來修正:





Step3接著請再如圖一一調整四肢和尾巴的位置, 模擬出奔馳的樣子:

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 ntua9761 的頭像
    ntua9761

    台藝大第14屆在職廣電系「不能”媒”有你」

    ntua9761 發表在 痞客邦 留言(0) 人氣()