3FLASH逐幀動畫形狀補間動畫和動作補間動畫的設(shè)計.課件

1、第4章 制作形狀補間動畫 4.1 創(chuàng)建形狀補間動畫 4.2 用形狀提示控制動畫4.3 設(shè) 置 遮 罩 效 果4.4 實例海報掃描效果第1頁，共38頁。4.1 創(chuàng)建形狀補間動畫 4.1.1 什么是形狀補間動畫 形狀補間動畫是指在兩個或兩個以上的關(guān)鍵幀之間對形狀進行補間的動畫，從而創(chuàng)建出類似于形變的效果，使一個形狀看起來隨著時間變成另一個形狀。也可以補間形狀的位置、大小和顏色等屬性。 第2頁，共38頁。4.1.2 產(chǎn)生形狀補間的屬性1形狀本身屬性2形狀顏色屬性3形狀大小屬性4形狀位置屬性5文字6綜合屬性第3頁，共38頁。4.1.3 制作步驟圖4-5 設(shè)置形狀補間選項 第4頁，共38頁。4.2 用形

2、狀提示控制動畫4.2.1 什么是形狀提示在制作形狀補間動畫時，可以自動計算出兩個關(guān)鍵幀中的形狀補間動畫。如果要控制復(fù)雜或罕見的形狀變化，可以使用形狀提示。也就是說，可以用形狀提示來控制形狀以什么方式漸變。形狀提示會標識起始形狀和結(jié)束形狀中的相對應(yīng)的點。第5頁，共38頁。4.2.2 添加形狀提示應(yīng)遵循的原則 為了使形狀補間動畫獲得最佳效果，添加形狀提示時應(yīng)遵循以下原則： 在復(fù)雜的形狀補間中，需要創(chuàng)建中間形狀然后再進行補間，而不要只定義起始和結(jié)束的形狀。因為還沒有智能到可以變形任何形狀的地步，動畫制作者應(yīng)該盡量提示如何進行變形。第6頁，共38頁。 確保形狀提示是符合邏輯的。例如，如果在一個對象中使

3、用3個形狀提示，則在原始對象和要補間的對象中，它們的變化順序必須是一致的，也就是說，如果在第一個關(guān)鍵幀中是，那么在第二個關(guān)鍵幀中就最好也是，否則就可能出現(xiàn)奇怪的、不合常規(guī)的變化效果 。第7頁，共38頁。 按逆時針順序從形狀的左上角開始放置形狀提示，它們的工作效果最好。 添加的形狀提示不應(yīng)太多，但應(yīng)將每個形狀提示放置在合適的位置上。第8頁，共38頁。4.2.3 設(shè)置形狀提示圖4-13 添加第一個形狀提示 第9頁，共38頁。圖4-14 在結(jié)束幀設(shè)置形狀提示 第10頁，共38頁。4.2.4 對形狀提示進行操作圖4-15 形狀提示的快捷菜單 第11頁，共38頁。4.3 設(shè) 置 遮 罩 效 果4.3.1

4、 什么是遮罩 遮罩效果，也叫做蒙版效果，是指一個圖層中的對象以一定方式遮蓋住另外一個（或多個）圖層中的對象，或者說以一定方式透過一個圖層中的對象去查看另外一個（或多個）圖層上的對象。比如說，聚光燈效果、放大鏡效果、百葉窗效果等就是一些常見的遮罩效果。 第12頁，共38頁。圖4-16 在新圖層上繪制作為遮罩的對象 第13頁，共38頁。圖4-17 遮罩效果 第14頁，共38頁。4.3.2 創(chuàng)建遮罩效果 要創(chuàng)建和使用遮罩效果，至少要用到兩個圖層，它們按特定的順序排列在時間軸上。其中，遮罩層肯定位于被遮罩層的上方。當然，如果多個圖層都被遮罩，那么它們都是“被遮罩層”，都會受到遮罩效果的影響。第15頁，

5、共38頁。1創(chuàng)建遮罩效果的步驟2不同的遮罩效果 根據(jù)上面的說明可以看出，遮罩效果的作用方式有以下4種。 遮罩層中的對象是靜態(tài)的，被遮罩層中的對象也是靜態(tài)的，這樣生成的效果就是靜態(tài)遮罩效果；第16頁，共38頁。 遮罩層中的對象是靜態(tài)的，而被遮罩層中的對象是動態(tài)的，這樣就生成了第一類動態(tài)遮罩效果：透過靜態(tài)的一個“孔”，觀看后面的動態(tài)內(nèi)容； 遮罩層中的對象是動態(tài)的，而被遮罩層中的對象是靜態(tài)的，這樣就生成了第二類動態(tài)遮罩效果：透過動態(tài)的一個“孔”，觀看后面的靜態(tài)內(nèi)容；第17頁，共38頁。 遮罩層中的對象是動態(tài)的，被遮罩層中的對象也是動態(tài)的，這樣就生成了第三類動態(tài)遮罩效果：透過動態(tài)的一個“孔”，觀看后面

6、的動態(tài)內(nèi)容。這時，遮罩對象和被遮罩對象之間就會進行一些復(fù)雜的交互，從而得到一些特殊的視覺效果。第18頁，共38頁。3形狀補間動畫與遮罩效果 遮罩層中的對象是靜態(tài)的，而被遮罩層中是形狀補間動畫； 遮罩層中是形狀補間動畫，而被遮罩層中的對象是靜態(tài)的； 遮罩層與被遮罩層中都是形狀補間動畫。第19頁，共38頁。4.3.3 實例探照燈文字 本節(jié)結(jié)合使用形狀補間動畫和遮罩技術(shù)實現(xiàn)一個探照燈文字的效果（探照燈左右移動，且其中心的亮度大于四周），步驟如下。 （1）新建一個電影文件，設(shè)置文檔背景顏色為“黑色”。 （2）在時間軸上單擊“圖層1”，將其命名為“文字遮罩”層。第20頁，共38頁。 （3）單擊工具箱中的

7、“文本工具”，在屬性檢查器中設(shè)置字體、字號及顏色，然后在舞臺正中間輸入文字“計算機動畫技術(shù)”。 （4）新建一個圖層，并將其命名為“探照燈”層。單擊工具箱中的“橢圓工具”設(shè)置筆觸顏色為無色、填充為灰白放射狀漸變填充，在文字左側(cè)繪制一個圓形，如圖4-18所示。第21頁，共38頁。圖4-18 繪制探照燈 第22頁，共38頁。 （5）在“文字遮罩”層第50幀單擊鼠標右鍵，選擇“插入幀”命令。 （6）單擊“探照燈”層，在第25幀插入關(guān)鍵幀，用選擇工具將漸變的圓形移動到文字右側(cè)（注意選中“視圖”菜單“對齊”子菜單中的“貼緊對齊”命令）。 （7）在該層第1幀上單擊鼠標右鍵，選擇“復(fù)制幀”命令，在第50幀上單

8、擊右鍵，選擇“粘貼幀”命令。第23頁，共38頁。（8）在“探照燈”層第1幀和25幀之間、第25幀和50幀之間設(shè)置形狀補間動畫。（9）把“文字遮罩”層拖動到“探照燈”層上方。（10）在圖層區(qū)的“文字遮罩”層上單擊右鍵，選擇“遮罩層”命令，將該層設(shè)置為遮罩層，而“探照燈”層自動被設(shè)置為被遮罩層，同時這兩層也被鎖定，此時的時間軸窗口與場景如圖4-19所示，動畫制作結(jié)束。第24頁，共38頁。圖4-19 探照燈文字效果的時間軸和舞臺 第25頁，共38頁。（11）按“”鍵測試動畫。第26頁，共38頁。4.4 實例海報掃描效果 本實例結(jié)合使用形狀補間動畫和遮罩技術(shù)實現(xiàn)海報的掃描效果：先是一條亮線由左到右掃描

9、灰暗的海報，然后是由上到下掃描整個海報，最后顯示出完整的彩色海報，如圖4-20所示。第27頁，共38頁。圖4-20 海報掃描效果 第28頁，共38頁。 實現(xiàn)該效果的參考步驟如下。 （1）新建一個電影，將圖層1的名稱更改為“背景”。 （2）按“”鍵導(dǎo)入要作為背景顯示的黑白位圖文件（該位圖文件事先由處理好，最簡便的辦法是執(zhí)行的“命令”菜單“創(chuàng)意”子菜單的“轉(zhuǎn)換為灰度圖像”命令），將其調(diào)整為舞臺大小。第29頁，共38頁。 （3）在當前圖層上方插入了一個新圖層，命名為“圖片”，并按“”鍵導(dǎo)入要掃描顯示的彩色海報位圖文件，將其調(diào)整為舞臺大小。 （4）插入一個新圖層，將圖層名稱更改為“遮罩”。選中該圖層，

10、在舞臺（也就是導(dǎo)入的位圖）左側(cè)繪制一個筆觸顏色為無色，填充顏色為某種純色的矩形，如圖4-21所示。第30頁，共38頁。圖4-21 在舞臺左方繪制長方形 第31頁，共38頁。 （5）在“遮罩”層的第15幀插入關(guān)鍵幀，這時長方形被自動復(fù)制到該幀，按住“”鍵用選擇工具將其擺放到舞臺的右側(cè)。 （6）在時間軸“遮罩”層第1到第15幀之間任意位置單擊，然后在屬性檢查器中將“補間”選項設(shè)置為“形狀”。 （7）選中“遮罩”層第20幀，按“F5”鍵插入相同幀。第32頁，共38頁。 （8）選中“遮罩”層第21幀，按“F7”鍵插入空白關(guān)鍵幀，在舞臺上方繪制一個長方形，如圖4-22左圖所示。第33頁，共38頁。 選中

11、第35幀，按“F6”鍵插入關(guān)鍵幀，這時長方形被自動復(fù)制到該幀，用任意變形工具將長方形的大小縮放到與圖形大小相一致，如圖4-22右圖所示。第34頁，共38頁。 （9）在“遮罩”層第21到第35幀之間創(chuàng)建形狀補間動畫。 （10）把“圖片”層和“背景”層的內(nèi)容都延續(xù)到第35幀（在該幀按“F5”鍵）。 （11）在“遮罩”層上單擊鼠標右鍵，選擇“遮罩層”命令。此時的時間軸如圖4-23所示。第35頁，共38頁。圖4-23 設(shè)置了遮罩的時間軸 第36頁，共38頁。（12）為了使效果更逼真，可以在“遮罩”層上方插入一個新圖層，命名為“聲音”。（13）選擇“文件”菜單“導(dǎo)入”子菜單的“導(dǎo)入到庫”命令，分別導(dǎo)入兩個聲音文件。（14