Flash動畫設計項目教程(項目六-高級動畫制作)

1、項目六 高級動畫制作 2021/8/141FLASH動畫設計項目教程項目六 高級動畫制作 項目六 高級動畫制作 2021/8/142項目引入 在Flash中，將制作動畫的基本方法與圖層的技術相結合，就形成了兩種擴展的動畫制作方法引導層動畫和遮罩層動畫。同時，Adobe Flash CS5的骨骼工具，可以很便捷地把對象連接起來，形成父子關系，來實現(xiàn)我們所說的反向運動。項目六 高級動畫制作 2021/8/143學習目標 掌握引導層動畫 掌握遮罩層動畫 掌握骨骼動畫項目六 高級動畫制作 2021/8/144目錄：任務1 制作雪花飄落的動畫任務2 制作放大鏡效果任務3 制作腿部動畫綜合實訓制作網(wǎng)站活動

2、廣告2021/8/145任務1 制作雪花飄落動畫知識準備1.創(chuàng)建運動引導層運動引導層就是繪制對象運動路徑的圖層，通過此圖層中的運動路徑，可以使被引導層中對象沿著繪制的路徑 ，在【時間軸】面板中，一個運動引導層下可以有多個圖層，也就是多個對象可以沿同一條路徑同時運動，此時運動引導層下方的各圖層也就成為被引導層。在Flash中，創(chuàng)建運動引導層的常用方法有以下兩種：使用【添加傳統(tǒng)運動引導層】命令創(chuàng)建運動引導層使用【圖層屬性】對話框創(chuàng)建運動引導層2021/8/146任務1 制作雪花飄落動畫知識準備2.繪制運動引導層運動引導線可以使用任何繪圖類的工具去繪制，如：【鋼筆工具】、【線條工具】、【形狀工具】、

3、【鉛筆工具】、【刷子工具】等。2021/8/147任務實施任務目標：使用運動引導層動畫技術制作雪花紛飛的動畫效果。任務1 制作雪花飄落動畫2021/8/148任務2 制作放大鏡知識準備1.創(chuàng)建遮罩層遮罩層其實是有普通圖層轉化而來的，F(xiàn)lash會忽略遮罩層中的位圖、漸變色、透明、顏色和線條樣式，其中的任何填充區(qū)域都是完全透明的，任何非填充區(qū)域都是不透明的，因此遮罩層中的對象將作為鏤空的對象存在。遮罩層的創(chuàng)建方法十分簡單，可以通過菜單命令進行創(chuàng)建，也可以通過【圖層屬性】對話框進行創(chuàng)建。使用【遮罩層】命令創(chuàng)建遮罩層使用【圖層屬性】對話框創(chuàng)建遮罩層2021/8/149任務2 制作放大鏡知識準備2.撤銷

4、遮罩層或被遮罩屬性建好遮罩層后，根據(jù)需要可以用以下方法取消圖層的遮罩和被遮罩屬性。使用【遮罩層】命令取消遮罩在【時間軸】面板中選擇要將撤銷的遮罩層。單擊鼠標右鍵，在彈出菜單中選擇【遮罩層】命令，即可將當前的遮罩層撤銷，其下被遮罩的圖層也被相應地撤銷被遮罩屬性。使用【圖層屬性】對話框取消遮罩選擇【時間軸】面板中要將遮罩層或被遮罩層撤銷的圖層，單擊菜單欄中的【修改】|【時間軸】|【圖層屬性】命令，或者在該圖層處單擊右鍵，選擇彈出菜單中的【屬性】命令，都可彈出【圖層屬性】對話框。在【圖層屬性】對話框中，選擇【類型】為“一般”選項。單擊確定按鈕，此時，當前圖層就會變成普通圖層。2021/8/1410任

5、務實施任務目標：使用遮罩動畫技術制作放大鏡效果，透過該放大鏡圖像可將使用濾鏡模糊后的圖像的指定區(qū)域放大。任務2 制作放大鏡2021/8/1411任務3 制作腿部動畫知識準備骨骼動畫也稱為反向運動（IK）動畫，是一種使用骨骼的關節(jié)結構對一個對象或彼此相關的一組對象進行動畫處理的方法。Flash CS5中創(chuàng)建骨骼動畫的對象分為兩種，一種為元件實例對象，另一種為圖形形狀。使用【工具】面板中的【骨骼工具】 在元件實例對象或形狀上創(chuàng)建出對象的骨骼，然后移動其中的一個骨骼，與這個骨骼相連的其他骨骼也會移動，通過這些骨骼的移動即可創(chuàng)建出骨骼動畫。使用骨骼進行動畫處理時，只需指定對象的開始位置和結束位置，然后

6、通過反向運動，即可輕松自然地創(chuàng)建出骨骼的運動。如使用骨骼動畫可以輕松地創(chuàng)建人物動畫，如胳膊、腿和面部表情2021/8/1412任務3 制作腿部動畫知識準備1.基于元件的骨骼動畫要創(chuàng)建基于元件實例的骨骼，可以使用【骨骼工具】 將多個元件實例進行骨骼綁定，移動其中的一個骨骼會帶動相鄰的骨骼進行運動。使用【矩形工具】創(chuàng)建了一個基本的形狀，將矩形轉換成影片剪輯元件按住【Alt】鍵，拖動矩形實例，創(chuàng)建相同符號的多個實例 在【工具】面板中選擇【骨骼工具】 ，將光標放置到最左邊矩形的中心位置處單擊并向第二個矩形中心位置拖拽，創(chuàng)建出骨骼2021/8/1413任務3 制作腿部動畫知識準備1.基于元件的骨骼動畫接

7、下來繼續(xù)使用【骨骼工具】從第二個矩形處向第三個矩形處拖拽，創(chuàng)建出第二個骨骼，以此類推，將所有矩形都用【骨骼工具】進行連接此時自動創(chuàng)建出一個名為“骨架_1”的圖層，圖層中的所有矩形實例自動剪切到“骨架_1”圖層中在圖層“骨架_1”第20幀和第40幀處插入關鍵幀。選擇第20幀，使用【選擇工具】，可以在舞臺上拖動每個矩形，將這一段矩形調整成各種姿勢 在第1幀和第20幀，第20幀和第40幀之間添加傳統(tǒng)補間動畫2021/8/1414任務3 制作腿部動畫知識準備2.基于圖形的骨骼動畫在Flash CS5中，與創(chuàng)建基于元件實例的骨骼動畫不同，基于圖形形狀的骨骼動畫對象必須是簡單的圖形形狀，在此圖形中可以添加

8、多個骨骼。在向單個形狀或者一組形狀添加第一個骨骼之前必須選擇左右形狀。將骨骼添加到所選內(nèi)容后，F(xiàn)lash將所有的形狀和骨骼轉換為骨骼形狀對象，并將該對象移動到新的骨架圖層，將某個形狀轉換為骨骼形狀后，它無法再與其他形狀進行合并操作。對于基于圖形形狀的骨骼動畫也需要使用【骨骼工具】 創(chuàng)建。使用【矩形工具】繪制一個矩形，使用【部分選擇工具】的變形功能，把矩形上部變得更窄，來做成尾巴的樣子 選擇【骨骼工具】 ，從尾巴的底部開始，在形狀內(nèi)部點擊并向上拖拽，來創(chuàng)建根骨骼2021/8/1415任務3 制作腿部動畫知識準備2.基于圖形的骨骼動畫繼續(xù)向上一個接一個地創(chuàng)建骨骼，這樣可以頭尾相連起來。建議骨骼的長度逐漸變短，越到尾部關節(jié)會越多。這樣就能創(chuàng)建出更切合實際的動作來使用【選擇工具】，拖動位于鏈條頂端的最后一根骨骼（在尾部的最根部）。因為非常直的尾巴看起來并不自然，因此把骨架放置成了類似S形在“骨架_1”圖層第10幀、第22幀、第35幀、第42幀、第50幀處插入關鍵幀。如果想要創(chuàng)建一個無縫動畫，就需要讓第1幀和第50幀對象狀態(tài)相同 在“骨架_1”圖層第10幀、第22幀、第35幀、第42幀處分別設置形狀的姿勢。在每個關鍵幀之間添加傳統(tǒng)補間動畫2021/8/1416任務實施任務目標：前面我們已經(jīng)使用Flash中的【骨骼工