Flash形狀補間動畫:看我七十二變教程

　　演示：

 
看我七十二變教程效果圖

　　點擊下載源文件：（附壓縮包）

　　
　　制作方法如下:

　　一、建新文檔，把背景設為藍色。(背景色隨意.為了多一個色系使用,做好后我把文檔背景改為白色)

圖1

　　二、顯示網格

圖2

　　1、點文件-導入-導入到庫，把準備好的圖片導入。

 
圖3

　　2、點插入—新建元件，建一個影片剪輯，名：元件1，把圖1庫里拖出，在屬性面版里將圖1尺寸改為280x280，打開對齊面版，居中對齊。（注意：修改圖片尺寸的時候要注意不要把圖片拖拉變形得太離譜）。 

 
圖4

　　3、回到埸景1（點埸景1）點插入--新建元件，建一個影片剪輯，名：元件2，把圖2從庫里拖出，在屬性面版里將尺寸改為280x280，打開對齊面版，居中對齊。

　　用同樣的方法把所有的圖片建成影片剪輯元件3、元件4、元件5...... 

圖5

　　1、新建圖層2，把圖層2改為人物層，點第1幀，將元件1拖出舞臺擺放在合適的位置。點修改-分離，分離2~3次，把元件1圖片打散。相關主題如下：

圖6

　　2、15幀插入關鍵幀。25幀插入一個空白關鍵幀，將元件2拖出舞臺擺放在合適的位置，點修改--分離，分離2~3次，把元件2圖片打散。點15幀，在屬性面版里把“補間”設為形狀。相關主題如下：

 
圖7

　　3、40幀插入關鍵幀。50幀插入一個空白關鍵幀，將元件3拖出舞臺擺放在合適的位置，點修改--分離，分離2~3次，把元件3圖片打散。點40幀，在屬性面版里把“補間”設為形狀。相關主題如下：

 
圖8

　　4、重復第2步或第3步，直至把圖片元件全部在時間軸上安插好。相關主題如下：

圖9

　　1、搭建框架

　?、俨迦?-新建元件，建一個名為邊框的影片剪輯元件。

圖10

　　②在邊框元件的編輯器里，使用線條工具，實線2，筆融黃，填充無，拖出4條直線，組成邊框。并在屬性版里把矩形改與舞臺一樣大?。?30x380。

圖11

　?、鄞蜷_對齊面版，相對于舞臺-水平中齊-垂直中齊,把矩形居中對齊。

 
圖12

　　④用同樣的手法再拖出一個490x340的矩形。

 
圖13

 
圖14

圖15

　　⑥點埸景1,把圖層1改名為邊框，點第1幀，把邊框元件在庫里拖出來，居中對齊。290幀插入幀，上鎖。

圖16

　　2、制作邊框顏色

　　雙擊庫里的邊框元件，進入邊框編輯器：

　?、僭谶吙蚓庉嬈骼铮蜷_圖層1、圖層2的鎖，250幀分別插入關鍵幀。在對應人物層的共21幀插入關鍵幀。

圖17

　?、诜謩e點每一個關鍵幀，把圖層1（二個小邊框）和圖層2（中間的圓點框）分別改為不同的顏色。
　　
　　a、先點圖層2，把圓點框的顏色設置與左右關鍵幀不同的顏色；

　　b、再點圖層1，把小雙線框改為與圓點框不同的顏色。相關主題如下: 

圖18

圖19

　　只要是在FLASH內制作的元件(線、圓、星、多邊形......)，或圖片元件在分離狀態(tài)下，都可以通過筆融或填充來改變顏色。操作如下:

　?、僭谶吙蚓庉嬈骼铮c亮圖層1的第2個關鍵幀，在工具欄里，填充為無，把筆融色改為粉綠，二個小邊框就變成粉綠色了。
　　
　?、邳c亮圖層2的第2個關鍵幀，在工具欄里，填充為無，把筆融色改為黃色 (或在屬性面片里修改也可以). 圓點邊框就變成黃色。
　　
　?、壑貜廷佗诓讲僮?，分別把圖層1圖層2里的21個關鍵幀全部設置好。相關主題如下： 

圖20

　?、茼槺阏f一說，給字體加彩邊的方法：字體必需在分離狀態(tài)下，點亮加彩邊的幀，把工具欄的筆融改為心儀的顏色，（或在屬性面版改變筆融色），點墨水瓶工具，在字邊上點一下，彩邊就加上了。

圖21

　　點埸景1，增加3個圖層，從上至下名為：文字1、文字2、文字3 ，分別設置三個：“變”字的變化。
　　
　　1、分別點文字1~3層的第1幀，使用文本工具用不同的顏色輸入一個“變”字，大小為60x60像素，筆融無，填充任意。把它們擺放好位置，250幀分別插入關鍵幀。
　　
　　2、對應人物層的21個關鍵幀位置，給文字1、文字2層分別插入共21個關鍵幀。

圖22

　　3、“文字3”層的制作：

　?、佟㈡i上文字1、2層。點“文字3”第15幀，使用任意變形工具把文字拖大為140x115，把15幀復制到25幀，并把15幀和25幀的文字彩邊改為不同的顏色。

　?、凇训?幀復制到以下幀：26 51 76 101 126 151 176 201 226 251并改變以上幀的文字顏色，并在各幀打開屬性面版設補間為：形狀。

　?、?、把第15幀復制到以下幀：40 50 65 75 90 100 115 125 140 150 165 175 190 200 215 225 240 250 并改變以上幀的文字顏色以及彩邊顏色，各幀打開屬性面版設補間為：形狀。

　?、?、把以下幀的填充色改為無:15 40 65 90 115 140 165 175 190 215 240。使這11幀變成空心字。相關主題如下：

圖23

　　5、“文字1”、“文字2”的制作

　?、侔?#8220;文字3”鎖上，打開文字1、2層。

　?、诜蛛x狀態(tài)下，兼顧人物主色、"文字3"字色，邊框色, 把“文字1”、“文字2”各幀文字分別改不同顏色，然后對每個“變”字全選，點修改--組合。打開屬性面版，把補間設為動畫并設旋轉，若“文字1”上的某個關鍵幀設為順時針旋轉1，則“文字2”所對應的幀設為逆時針旋轉。直至把全部關鍵幀設置完畢。相關主題如下：

 
圖24

　　一般制作FLASH，都是先做好背景。而這ＦＬＡＳＨ的主要層是：人物層，邊框層，文字層顏色都是互相關聯(lián)的，所以我們把背景的制作放在最后。

　　1、在主埸景點插入--新建元件，新建一個名為背景１的影片剪輯。

　　2、使用矩形工具，筆融無，填充色放射狀，拖出一個與舞臺同大小的矩形:550x400,打開對齊面版，居中對齊。步驟如下：
　　
　?、侔烟畛渖O為放射狀。

 
圖25

　?、邳c窗口--混色器，打開顏色面版，把放射狀改為線性。利用小滑板把顏色調好。
　　
　　1.線性

 
圖26

　　2.放射狀態(tài)

 
圖27

　　3.小滑板調色

 
圖28