通過制作簡單的Flash片頭動畫，掌握制作Flash Website的技巧和方法。
有關知識
控制背景音樂的開關，3D效果的按鈕制作，導引線的設置， tell target命令的應用。
制作過程
步驟1：打開Flash，建立一個新文件。按Ctrl+M鍵，設置幀速度：18fps，大?。?50px*300px，背景顏色：白色(#FFFFFF)。
步驟2：從菜單欄中選擇插入>添加組件（Insert>New Symbol），在出現(xiàn)的對話框中選按鈕(Button)，命名為bu-logo1，用繪圖工具制作一個logo，如圖1所示。
圖1 制作按鈕
步驟3：制作電影片斷pic-logo，將已做好的按鈕bu-logo1導入pic-logo中，按F6將第2幀也設為關鍵幀。兩個關鍵幀的Actions都設置為stop。
導入一段音效作為背景音效。
在屬性面板將第1幀中的sound設置為：
effect：custom；sync：start；loops：1000
按鈕bu-logo1的Actions：
| on (release) { gotoAndStop (2)： } | 當鼠標（放開） 跳至并停止幀(2) |
在屬性面板將第2幀中的sound設置為：
effect：none；sync：stop；loops： 0
按鈕bu-logo1的Actions：
| on (release) { gotoAndStop (1)： } | 當鼠標（放開） 跳至并停止幀(1) |
這樣，電影開始，背景音樂循環(huán)播放，按下按鈕bu-logo1后，音樂停止。再次按下按鈕，背景音樂又開始播放。如圖2所示。
圖2 制作背景音效電影片斷
步驟4：新建圖像（Graphic），命名為pic-bu1，繪制3D效果的按鈕圖形，如圖3所示。
圖3 3D效果圖像
步驟5：新建按鈕，并將其命名為bu-bu1，將庫中的pic-bu1拖入Up幀，選中Down幀，按F5插入幀。新建一層，在Over幀插入關鍵幀，使用橢圓工具繪制一個圓，并用放射漸變填充，使按鈕在滑過狀態(tài)時產(chǎn)生朦朧效果，如圖4所示。
圖4 制作3D效果按鈕
步驟6：回到場景中，新建logo層，將電影片斷pic-logo1拖放到場景中間。在第10幀處建立關鍵幀，將pic-logo1放置在場景上方并縮?。?在第25幀處建立關鍵幀，將pic-logo1放置在場景右上方，并且在Frame面板中將關鍵幀設置為移動漸變(Motion)，使電影播放時產(chǎn)生pic-logo1由場景中間逐漸移動到上方，再右上方的效果。如圖5所示：
圖5 產(chǎn)生移動漸變
步驟7：新建daoying層，繪制一條弧形線段，在此層上點右鍵，從下拉菜單中選properties，在出現(xiàn)的Layer Properties面板中將類型選為導引線(guide)，如圖6所示。
步驟8：新建6個層，分別命名為1，2，3，4，5，6 層，分別在6個層的第10幀處建立關鍵幀，分別放置按鈕bu-bu1，均勻分布6個按鈕，并和導引線對齊，如圖7所示。
步驟9：分別將1，2，3，4，5，6 層和daoying引導層的第40幀選中，按F6建立關鍵幀，再返回到第10幀，調(diào)整按鈕bu-bu1的位置，將按鈕拖動到場景外部，并和導引層daoying對齊， 將1，2，3，4，5，6層分別在Frame面板中設置為移動漸變(Motion)， 并將屬性設置為guided。如圖8所示。
這樣，從電影第10幀處開始，按鈕沿著引導線由場景外滑動到場景中，并成弧形排列。
圖6 設置導引層
圖7 將按鈕與導引線對齊
圖8 引導層
步驟10：新建電影片斷mv-t2，在工作區(qū)內(nèi)沿中心點畫一個橢圓，用墨水瓶工具將線段顏色填充為#ff9900，線段粗細設為8px：在Color Mixer面板設置放射漸變填充，將alpha設置為60%左右的半透明。
按F6將第2幀設置為關鍵幀，改變Color Mixer面板的填充色再對橢圓進行填充。
將兩個關鍵幀的Actions都設為stop。如圖9所示。
步驟11：新建電影片斷flower，繪制一朵花，對齊工作區(qū)中心點.分別在第300，301，600幀處設置關鍵幀。在301幀處改變flower的顏色。
將第1，301關鍵幀的標簽分別命名為a，b，在屬性面板設置移動漸變(motion)：旋轉(rotate)設置為順時針一次，如圖10所示。
圖9 制作電影片斷mv-t2
圖10 設置電影片斷flower的Frame
第300，600處關鍵幀的Actions分別設置為：
| gotoAndPlay ("a")： gotoAndPlay ("b")： | 跳至并播放標簽”a” 跳至并播放標簽”b” |
步驟12：新建電影片斷mv-text，建立7個關鍵幀。Actions都設置為停止(stop)，在七個關鍵幀處分別寫一些描述性文字。如圖11所示。
提示：我們想要做的效果是：當場景中鼠標滑過按鈕bu-bu1時，產(chǎn)生對網(wǎng)站欄目的介紹。
圖11 欄目介紹
步驟13：回到場景中，新建三個層，分別命名為t2，flower和text.在第40幀處建立關鍵幀，將電影片斷放置mv-t2，flower和mv-text分別在置在相應層并安排好合適位置，并在第40幀處設置Actions為停止(stop)，不要讓電影循環(huán)播放。
在Instance面板將三個電影片斷mv-t2，flower和mv-text分別命名為t2，flower，text，如圖12所示。
圖12 給電影片斷命名
步驟14：分別在1，2，3，4，5，6層的第40幀處設置6個按鈕的Actions：
| on (press， release， rollOver) { tellTarget ("/t2") { gotoAndStop (2)： } tellTarget ("/flower") { gotoAndPlay (301)： } tellTarget ("/text") { gotoAndStop (2)： } } on (rollOut) { tellTarget ("/t2") { gotoAndStop (1)： } tellTarget ("/flower") { gotoAndPlay (1)： } tellTarget ("/text") { gotoAndStop (1)： } } | 當鼠標（按下，放開，滑過） 告知目標(“/t2”) 跳至并停止幀(2) 告知目標(“/flower”) 跳至并播放幀(301) 告知目標(“/text”) 跳至并停止幀(2) 當鼠標（滑出） 告知目標(“/t2”) 跳至并停止幀(1) 告知目標(“/flower”) 跳至并播放幀(1) 告知目標(“/text”) 跳至并停止幀(1) |
| on (press， release， rollOver) { tellTarget ("/text") { gotoAndStop (7)： } tellTarget ("/flower") { gotoAndPlay (301)： } tellTarget ("/t2") { gotoAndStop (2)： } } on (rollOut) { tellTarget ("/text") { gotoAndStop (1)： } tellTarget ("/flower") { gotoAndPlay (1)： } tellTarget ("/t2") { gotoAndStop (1)： } } | 當鼠標（按下，放開，滑過） 告知目標(“/text”) 跳至并停止幀(7) 告知目標(“/flower”) 跳至并播放幀(301) 告知目標(“/t2”) 跳至并停止幀(2) 當鼠標(滑出) 告知目標(“/text”) 跳至并停止幀(1) 告知目標(“/flower”) 跳至并播放幀(1) 告知目標(“/t2”) 跳至并停止幀(1) |
好了，按Ctrl+Enter測試一下電影效果。
