作者：英子
本文由
中國教程網 英子 原創(chuàng)。
本例主要學習內容：形狀補間與動畫補間的綜合運用。
演示：
看我七十二變教程效果圖
點擊下載源文件：（附壓縮包）制作方法如下:
一、建新文檔，把背景設為藍色。(背景色隨意.為了多一個色系使用,做好后我把文檔背景改為白色)
圖1
二、顯示網格
圖2
三、制作成圖片元件。（swf、wmf、ai、eps格式圖片打散后都可以制作形狀補間）
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
⑤新建圖層2，使用線條工具，虛線13，筆融紅，填充無，在前二條邊框直線中間拖出4條直線，組成邊框。
圖14
圖15
⑥點埸景1,把圖層1改名為邊框，點第1幀，把邊框元件在庫里拖出來，居中對齊。290幀插入幀，上鎖。
圖16
2、制作邊框顏色
雙擊庫里的邊框元件，進入邊框編輯器：
①在邊框編輯器里，打開圖層1、圖層2的鎖，250幀分別插入關鍵幀。在對應人物層的共21幀插入關鍵幀。
圖17
②分別點每一個關鍵幀，把圖層1（二個小邊框）和圖層2（中間的圓點框）分別改為不同的顏色。
a、先點圖層2，把圓點框的顏色設置與左右關鍵幀不同的顏色；
b、再點圖層1，把小雙線框改為與圓點框不同的顏色。相關主題如下:
圖18
圖19
3、順便說Flash8對元件改變顏色的方法：
只要是在FLASH內制作的元件(線、圓、星、多邊形......)，或圖片元件在分離狀態(tài)下，都可以通過筆融或填充來改變顏色。操作如下:
①在邊框編輯器里，點亮圖層1的第2個關鍵幀，在工具欄里，填充為無，把筆融色改為粉綠，二個小邊框就變成粉綠色了。
②點亮圖層2的第2個關鍵幀，在工具欄里，填充為無，把筆融色改為黃色 (或在屬性面片里修改也可以). 圓點邊框就變成黃色。
③重復①②步操作，分別把圖層1圖層2里的21個關鍵幀全部設置好。相關主題如下：
圖20
④順便說一說，給字體加彩邊的方法：字體必需在分離狀態(tài)下，點亮加彩邊的幀，把工具欄的筆融改為心儀的顏色，（或在屬性面版改變筆融色），點墨水瓶工具，在字邊上點一下，彩邊就加上了。
圖21
六、文字層的制作
點埸景1，增加3個圖層，從上至下名為：文字1、文字2、文字3 ，分別設置三個：“變”字的變化。
1、分別點文字1~3層的第1幀，使用文本工具用不同的顏色輸入一個“變”字，大小為60x60像素，筆融無，填充任意。把它們擺放好位置，250幀分別插入關鍵幀。
2、對應人物層的21個關鍵幀位置，給文字1、文字2層分別插入共21個關鍵幀。
圖22
3、“文字3”層的制作：
①、鎖上文字1、2層。點“文字3”第15幀，使用任意變形工具把文字拖大為140x115，把15幀復制到25幀，并把15幀和25幀的文字彩邊改為不同的顏色。
②、把第1幀復制到以下幀：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”的制作
①把“文字3”鎖上，打開文字1、2層。
②分離狀態(tài)下，兼顧人物主色、"文字3"字色，邊框色, 把“文字1”、“文字2”各幀文字分別改不同顏色，然后對每個“變”字全選，點修改--組合。打開屬性面版，把補間設為動畫并設旋轉，若“文字1”上的某個關鍵幀設為順時針旋轉1，則“文字2”所對應的幀設為逆時針旋轉。直至把全部關鍵幀設置完畢。相關主題如下：
圖24
七、利用形狀補間制作五色背景
一般制作FLASH，都是先做好背景。而這ＦＬＡＳＨ的主要層是：人物層，邊框層，文字層顏色都是互相關聯(lián)的，所以我們把背景的制作放在最后。
1、在主埸景點插入--新建元件，新建一個名為背景１的影片剪輯。
2、使用矩形工具，筆融無，填充色放射狀，拖出一個與舞臺同大小的矩形:550x400,打開對齊面版，居中對齊。步驟如下：
①把填充色設為放射狀。
圖25
②點窗口--混色器，打開顏色面版，把放射狀改為線性。利用小滑板把顏色調好。
1.線性
圖26
2.放射狀態(tài)
圖27
3.小滑板調色
圖28
③使用矩形工具拖出一個矩形。調整為550x400像素。打開對齊面版居中對齊。
圖29
④用第2步方法分別再做4個放射狀不同顏色的背景剪輯元件：背景2、背景3、背景4、背景5，共5個背景元件。
3、點埸景1，新建一個圖層，名為背景。
①把第1幀點亮，在庫里將背景元件拖出舞臺，打開對齊面版，居中對齊。點修改-分離，在屬性面版上把補間設為形狀。
圖30
②25幀插入一個空白關鍵幀，把背景２元件拖出舞臺，居中對齊。點修改-分離，在屬性面版上把補間設為形狀。
③用步驟②的方法，分別在50 75 100 125 150 175 200 225幀插入一個空白關鍵幀，把背景元件分別拖出來，修改--分離, 在屬性面版進而設置形狀補間動畫。 復制第1幀的背景元件，粘貼在250幀。
八、全部圖層255幀插入幀。 相關主題如下：
圖31
測試，另存為*.fla 導出影片*.swf (全文終)
