Flash動(dòng)畫制作之綜合實(shí)戰(zhàn)演練11

1、.1學(xué)習(xí)目標(biāo)第1111講綜合實(shí)戰(zhàn)演練?使用組件綜合制作一個(gè)個(gè)人性格測(cè)試小軟 。?使用遮罩動(dòng)畫制作一個(gè)片頭動(dòng)畫 。?使用代碼和動(dòng)畫結(jié)合的方式制作一個(gè)超酷的射擊游戲。.2?11.1 Flash 應(yīng)用程序開發(fā)個(gè)人性格測(cè)試系統(tǒng)?11.2 Flash 動(dòng)畫商業(yè)應(yīng)用超炫廣告片頭設(shè)計(jì)?11.3 Flash 趣味游戲開發(fā)海防保衛(wèi)戰(zhàn)設(shè)計(jì)本章大綱.311.1 Flash 應(yīng)用程序開發(fā)個(gè)人性格測(cè)試系統(tǒng)本綜合案例將使用組件和 AS代碼來制作一個(gè)完整的個(gè)人性格測(cè)試小軟件，其設(shè)置思路及效果如圖 11-1所示 。圖11-1 設(shè)計(jì)思路及效果1、制作背景。（1）新建一個(gè)Flash 文檔，文檔屬性使用默認(rèn)參數(shù)。.4（2）將教學(xué)資

2、源中的）將教學(xué)資源中的“素材素材 第第11講講個(gè)人性格測(cè)試個(gè)人性格測(cè)試個(gè)人性格測(cè)試個(gè)人性格測(cè)試素材素材.fla” 的外部庫(kù)文件打開，將其中的的外部庫(kù)文件打開，將其中的“背景背景”元件直接拖元件直接拖入到舞臺(tái)中，并相對(duì)舞臺(tái)居中對(duì)齊，效果如圖 11-2所示。（3）將默認(rèn)）將默認(rèn)“圖層圖層1” 重命名為重命名為“背景背景”層，并在第層，并在第 11幀處插入幀幀處插入幀。（4）新建圖層并重命名圖層，直至圖層效果如圖）新建圖層并重命名圖層，直至圖層效果如圖 11-3所示。所示。圖11-2 導(dǎo)入背景圖11-3 圖層效果一.52、布置舞臺(tái)。（1）由于本案例是制作一個(gè)個(gè)人性格測(cè)試，所以這里為讀者提供所需的試題

3、，如表 11-1所示。表11-1個(gè)人性格測(cè)試題1在下列幾個(gè)未來職業(yè)中，你會(huì)選擇：A.秘書文員B.替身演員C.軍人2如果你所在的球隊(duì)輸了球，你會(huì)怎樣表現(xiàn)：A.沮喪之極，抱怨運(yùn)氣欠佳B.一笑置之，認(rèn)為勝負(fù)乃兵家常事C.怒氣難平，發(fā)誓以牙還牙3你發(fā)現(xiàn)考卷上一道題答錯(cuò)了，考師卻給了你滿分，你于是：A.偷偷把考卷藏起來，沒人時(shí)把考卷上的錯(cuò)誤糾正B.告訴老師，請(qǐng)他扣去你的分?jǐn)?shù)C.弄懂那道題的正確解法后，就把這事忘到九霄云外4還在讀書的你偷偷喜歡上班里一個(gè)女孩子，你會(huì)：A.在日記里記下你的秘密，獨(dú)自相思，整天胡思亂想B.給她寫信，或約會(huì)她，表白你的好感C.設(shè)法把注意力轉(zhuǎn)移到學(xué)習(xí)上，打算畢業(yè)后再去發(fā)展這段感情

4、5好朋友誤會(huì)了你，懷疑你們的友誼，你會(huì)：A.他不仁，我不義，既相疑就不再交往B.對(duì)朋友做個(gè)解釋，消除誤會(huì)C.心平氣和，卻更加真誠(chéng)地對(duì)待你的朋友6爸爸、媽媽吵架的時(shí)候，你會(huì)：A.冷眼旁觀，不聞不問B.找奶奶或外婆來鎮(zhèn)住他們C.誰有理論就幫誰7你認(rèn)為男孩子做家務(wù)活：A.跌身份、丟面子B.沒有辦法，無可奈何之舉C.替父母減輕一些負(fù)擔(dān)8你答應(yīng)了同學(xué)去參加他的生日派對(duì)時(shí)，可那天正好弄到了一張你最崇拜的歌星演唱會(huì)門票，你將會(huì)：A.寧肯失約，也不能錯(cuò)過演唱會(huì)B.看過演唱會(huì)后匆匆趕到同學(xué)家C.把門票送給別人，去參加派對(duì)9你最著迷的項(xiàng)目是：A.騎自行車B.田徑運(yùn)動(dòng)C.足球10晚上你回家的路上，碰到一群流氓糾纏鄰

5、居的女孩，你會(huì)：A.躲開B.跑回去告訴她家里人C.立即報(bào)案，然后不自量力而又不顧一切地沖上去救人.6（2）選擇【文本】工具，在【屬性】面板中設(shè)置【筆觸顏色】為）選擇【文本】工具，在【屬性】面板中設(shè)置【筆觸顏色】為“#990000” ，【筆觸高度】為，【筆觸高度】為“ 20” ，【字體】為，【字體】為“方正靜方正靜蕾簡(jiǎn)體”，【文字類型】為“靜態(tài)文字”（讀者可以設(shè)置為自己喜歡的字體或者自行購(gòu)買外部字體庫(kù)），然后在自己喜歡的字體或者自行購(gòu)買外部字體庫(kù)），然后在“題目題目”圖層上輸入第1題的問題，并調(diào)整文本區(qū)域大小，得到如圖題的問題，并調(diào)整文本區(qū)域大小，得到如圖11-4所示的效果。所示的效果。（3）在

6、“題目”圖層的第 2幀處按F6 快捷鍵插入關(guān)鍵幀，然后修改文本內(nèi)容為第2題的問題，效果如圖題的問題，效果如圖11-5所示所示 。圖11-4 輸入問題圖11-5 修改文字內(nèi)容.7（4）使用相同的方法依次將剩余的題目的問題輸入到舞臺(tái)上，并在第11幀處插入空白關(guān)鍵幀，得到如圖 11-6所示的舞臺(tái)效果。（5）打開【組件】面板，將“ RadioButton”組件拖入到“選項(xiàng)”圖層上，并復(fù)制出兩個(gè)，調(diào)整其位置最后得到如圖 11-7所示的效果 。圖11-6 圖層效果二圖11-7 放置組件（6）選中“選項(xiàng)”圖層的第 2幀第10幀，然后按F6快捷鍵插入關(guān)鍵幀，再選中第11幀按F7 快捷鍵插入空白關(guān)鍵幀，此時(shí)圖層

7、效果如圖11-8所示。（7）逐幀查看選項(xiàng)和題目的位置是否合理，如果不合理請(qǐng)讀者自行調(diào)節(jié)，如第8幀就需要將選項(xiàng)向舞臺(tái)下方移動(dòng)，移動(dòng)后得到如圖11-9所示的效果。.8（8）將“Button”組件拖入到“按鈕”圖層上，然后在【參數(shù)】面板中修改“Button”組件的【label 】為“下一題”，【實(shí)例名稱】為“nextTest”,得到如圖11-10所示的效果 。圖11-8 圖層效果三圖11-9 調(diào)整選項(xiàng)位置【參數(shù)】面板舞臺(tái)效果圖11-10 放置按鈕.9（9）在“按鈕”圖層的第 11幀處按F6快捷鍵插入關(guān)鍵幀，修改該幀處“Button”組件的【label 】為“再來一次”，【實(shí)例名稱】為“again”

8、，如圖11-11所示 ?！緟?shù)】面板舞臺(tái)效果圖11-11 修改“Button”參數(shù)（10）在“結(jié)果”圖層的第 11幀處插入關(guān)鍵幀，選擇【文本】工具，在【屬性】面板中設(shè)置【文本類型】為“動(dòng)態(tài)文本”，【筆觸顏色】為“#990000” ，【筆觸高度】為“ 20” ，【字體】為“方正靜蕾簡(jiǎn)體”，在“結(jié)果”圖層上繪出一個(gè)動(dòng)態(tài)文本框，如圖11-12所示的效果。（11）選中繪制的“動(dòng)態(tài)文本”，在【屬性】面板中設(shè)置其【實(shí)例名稱】為“result”，如圖11-13所示。.10（12）此時(shí)舞臺(tái)及時(shí)間軸效果如圖 11-14所示 。圖圖11-12 制作動(dòng)態(tài)文本框圖圖11-13 置動(dòng)態(tài)文本屬性舞臺(tái)效果舞臺(tái)效果時(shí)間軸效果

9、時(shí)間軸效果圖圖11-14 信息信息.113、輸入控制代碼。（1）返回“選項(xiàng)”圖層的第 1幀，選中舞臺(tái)從上到下的第 1個(gè)“RadioButton”組件，如圖11-15所示，然后按F9快捷鍵打開【動(dòng)作】面板，輸入代碼，如圖 1-16所示 。選中此組件圖11-5 選擇組件圖11-6 輸入代碼一（2）選中舞臺(tái)從上到下的第 2個(gè)“RadioButton”組件，然后在【動(dòng)作】面板中輸入代碼，如圖 11-17所示。（3）選中舞臺(tái)從上到下的第 3個(gè)“RadioButton”組件，然后在【動(dòng)作】面板中輸入代碼，如圖 11-18所示 。.12這里為“RadioButton”組件輸入代碼是根據(jù)表 11-1中提供試題

10、的選擇答案和選項(xiàng)順序來書寫的。請(qǐng)?jiān)跁鴮懘a供試題的選擇答案和選項(xiàng)順序來書寫的。請(qǐng)?jiān)跁鴮懘a時(shí)注意問題和選項(xiàng)要匹配。圖圖11-17 輸入代碼二圖圖11-18 輸入代碼三（4）選擇“選項(xiàng)”圖層的第 2幀，利用相同的方法在該幀設(shè)置“RadioButton”組件的控制代碼，如圖 11-19所示。圖圖11-19 設(shè)置第設(shè)置第2幀處幀處“RadioButton” 組件的代碼組件的代碼.13相信通過第1幀和第2幀處“RadioButton”組件的代碼書組件的代碼書寫，讀者應(yīng)該已經(jīng)掌握了“ RadioButton”代碼的書寫方法，后面請(qǐng)讀者根據(jù)表 11-1來自行書寫剩余來自行書寫剩余“RadioButton”

11、組件代碼。（5）選中）選中“AS” 圖層的第1幀，按F9快捷鍵打開【動(dòng)作快捷鍵打開【動(dòng)作-幀】面板，幀】面板，輸入代碼。教學(xué)資源中的“素材 第11講個(gè)人性格測(cè)試第1幀代碼.txt” 文件中提供了第文件中提供了第1幀的代碼。4、在“AS” 圖層的第11幀處插入關(guān)鍵幀，然后輸入代碼。教學(xué)資源中的“素材 第11講個(gè)人性格測(cè)試第11幀代碼.txt” 文件提供了第文件提供了第11幀的代碼。.14（1）保存測(cè)試影片，依次查看）保存測(cè)試影片，依次查看“ RadioButton”組件是否將所有的選組件是否將所有的選項(xiàng)內(nèi)容顯示出來，如果沒有，則需要調(diào)整項(xiàng)內(nèi)容顯示出來，如果沒有，則需要調(diào)整“ RadioButto

12、n”的寬，如圖圖11-20所示 。已已未調(diào)整已調(diào)整圖11-20 調(diào)整“RadioButton”組件寬度（2）調(diào)整完成后，一個(gè)個(gè)人性格測(cè)試系統(tǒng)也制作完成）調(diào)整完成后，一個(gè)個(gè)人性格測(cè)試系統(tǒng)也制作完成 。.1511.2 Flash 動(dòng)畫商業(yè)應(yīng)用超炫廣告片頭設(shè)計(jì)本例將使用各種動(dòng)畫方式來制作一個(gè)漂亮的廣告片頭，如圖11-21所示。1、素材準(zhǔn)備。（1）新建一個(gè)Flash 文檔，設(shè)置文檔【尺寸】為文檔，設(shè)置文檔【尺寸】為“750px465px” ，【幀頻】為“30fps” ，文檔其他屬性使用默認(rèn)參數(shù) 。放置元件制作遮罩動(dòng)畫放置第二場(chǎng)元件顯示主題制作文字特效制作遮罩動(dòng)畫圖圖11-21 效果圖效果圖.16（2）

13、新建并重命名圖層，然后將相應(yīng)圖層設(shè)置為遮罩層，直至圖層）新建并重命名圖層，然后將相應(yīng)圖層設(shè)置為遮罩層，直至圖層效果如圖11-22所示。執(zhí)行【文件】執(zhí)行【文件】/【導(dǎo)入】【導(dǎo)入】/【打開外部庫(kù)文件】菜單命令，將教學(xué)資源【打開外部庫(kù)文件】菜單命令，將教學(xué)資源中的中的“素材素材第第11講講廣告片頭廣告片頭.fla” 文件打開，將庫(kù)中所有元件復(fù)制到文件打開，將庫(kù)中所有元件復(fù)制到當(dāng)前庫(kù)中，效果如圖當(dāng)前庫(kù)中，效果如圖11-23所示所示 。圖11-22 圖層效果四圖11-23 復(fù)制外部庫(kù)元件.172、制作第一個(gè)場(chǎng)景動(dòng)畫。（1）在所有圖層的第 610幀處插入幀。（2）將【庫(kù)】面板中名為“絲帶 1” 的元件放置

14、到“絲帶 1” 圖層的第1幀上，其位置坐標(biāo) x、y分別為“0” 、“340.4” 。（3）選擇【矩形】工具，在【屬性】面板中設(shè)置【筆觸顏色】為“無”，【填充顏色】為“綠色”，啟用【對(duì)象繪制】功能，在“遮罩1” 圖層上繪制一個(gè)寬高為“ 49px67px” 的矩形，在【變形】面板中設(shè)置【旋轉(zhuǎn)角度】為“ 30度”，然后在【屬性】面板中設(shè)置其位置坐標(biāo) x、y分別為“77.5” 、“341.3”，效果如圖11-24所示。在（4）“遮罩1” 圖層的第9幀插入關(guān)鍵幀，利用【任意變形】工具調(diào)整矩形的形狀，效果如圖 11-25所示 。圖11-24 第1幀處的遮罩圖形圖11-25 第9幀處的遮罩圖形.18這里在調(diào)

15、整矩形形狀時(shí)，利用【任意變形】工具下的【扭這里在調(diào)整矩形形狀時(shí)，利用【任意變形】工具下的【扭曲】工具進(jìn)行調(diào)整，直到遮住曲】工具進(jìn)行調(diào)整，直到遮住“絲帶絲帶 1” 元件。（5）在“遮罩1” 圖層第1幀第9幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定“遮罩1” 圖層和圖層和“絲帶絲帶1” 圖層。圖層。（6）在“遮罩2” 圖層和圖層和“絲帶絲帶2” 圖層的第10幀處分別插入關(guān)鍵幀，幀處分別插入關(guān)鍵幀，然后將【庫(kù)】面板中名為然后將【庫(kù)】面板中名為“絲帶絲帶 2” 的元件放置到的元件放置到“絲帶絲帶2” 圖層的圖層的第第10幀上，其位置坐標(biāo)幀上，其位置坐標(biāo)x、y分別為“27.6” 、“3

16、39.5” 。（7）使用同樣的方法，在）使用同樣的方法，在“遮罩遮罩 2” 圖層的第10幀處繪制一個(gè)寬高為幀處繪制一個(gè)寬高為“189px19px” 的矩形，其位置坐標(biāo)的矩形，其位置坐標(biāo) x、y分別為分別為“13.0” 、“315.0” ，效果如圖11-26所示。（8）在“遮罩2” 圖層的第19幀插入關(guān)鍵幀，設(shè)置矩形的高為“ 106”，其他參數(shù)不變，效果如圖，其他參數(shù)不變，效果如圖 11-27所示 。圖11-26 第10幀處的遮罩圖形圖11-27 第19幀處的遮罩圖形.19（9）在“遮罩2” 圖層第10幀第幀第19幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定“遮罩2” 圖層和“絲帶

17、2” 圖層。（10）在“遮罩5” 圖層和圖層和“絲帶絲帶5” 圖層的第20幀處分別插入關(guān)鍵幀，然后將【庫(kù)】面板中名為然后將【庫(kù)】面板中名為“絲帶絲帶 5” 的元件放置到“絲帶 5” 圖層的第第20幀上，其位置坐標(biāo)幀上，其位置坐標(biāo)x、y分別為“139.7” 、“339.6” 。（11）使用同樣的方法，在）使用同樣的方法，在“遮罩遮罩 5” 圖層的第20幀處繪制一個(gè)寬高為“178px27px” 的矩形，其位置坐標(biāo) x、y分別為“103.0” 、“415.9” ，效果如圖11-28所示。（12）在“遮罩5” 圖層的第29幀插入關(guān)鍵幀，設(shè)置矩形的高為幀插入關(guān)鍵幀，設(shè)置矩形的高為“ 114”，其位置坐標(biāo)

18、x、y分別為“103.0” 、“329” ，效果如圖11-29所示。圖11-28 第20幀處的遮罩圖形圖11-29 第29幀處的遮罩圖形.20（13）在“遮罩5” 圖層第10幀第19幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定“遮罩5” 圖層和“絲帶5” 圖層。（14）在“遮罩4” 圖層和“絲帶4” 圖層的第30幀處分別插入關(guān)鍵幀，然后將【庫(kù)】面板中名為“絲帶 4” 的元件放置到“絲帶 4” 圖層的第30幀上，其位置坐標(biāo)x、y分別為“168.1” 、“339.1” 。（15）使用同樣的方法，在“遮罩 4” 圖層的第30幀處繪制一個(gè)寬高為“80px10px” 的矩形，其位置坐標(biāo) x、y分別為“148.0” 、

19、“324.0” ，效果如圖11-30所示 。圖11-30 第30幀處的遮罩圖形.21（16）在“遮罩4” 圖層的第34幀插入關(guān)鍵幀，設(shè)置矩形的高為“44.8” ，其他參數(shù)不變，效果如圖 11-31所示 。圖11-30 第34幀處的遮罩圖形（17）在“遮罩4” 圖層第30幀第34幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定“遮罩4” 圖層和“絲帶4” 圖層。（18）在“遮罩3” 圖層、“絲帶3” 圖層和“花”圖層的第 35幀處分別插入關(guān)鍵幀，然后將【庫(kù)】面板中名為“絲帶 3” 的元件放置到“絲帶3” 圖層的第35幀上，其位置坐標(biāo)x、y分別為“145.6” 、“48.9” 。（19）將【庫(kù)】面板中名為“圖片 1

20、” 的元件放置到“花”圖層的第 35幀上，其位置坐標(biāo) x、y分別為“45.9” 、“56.5” ，然后選中舞臺(tái)上的“圖片1” 元件，設(shè)置【亮度】為“ 100%” ，然后在“花”圖層的第58和75幀處插入關(guān)鍵幀，設(shè)置第 58幀處元件的【亮度】為“40%” ，設(shè)置第75幀處元件的【顏色】為“無”。.22（20）在）在“花花”圖層的第圖層的第 35幀第58幀、第58幀第75幀處創(chuàng)建動(dòng)作幀處創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。（21）在“遮罩3” 圖層的第35幀處繪制一個(gè)寬高為“327.8px25.0px” 的矩形，其位置坐標(biāo)的矩形，其位置坐標(biāo)x、y分別為“26.6” 、“364.0” ，效果如圖11-32所示。（22

21、）在“遮罩3” 圖層的第圖層的第58幀插入關(guān)鍵幀，設(shè)置矩形的高為幀插入關(guān)鍵幀，設(shè)置矩形的高為“348.1” ，其位置坐標(biāo)x、y分別為“26.6” 、“40.9” ，效果如圖11-33所示。所示。圖11-32 第35幀處的遮罩圖形圖11-33 第58幀處的遮罩圖形.23（23）在“遮罩3” 圖層第35幀第58幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定“遮罩3” 、“花”和“絲帶3” 圖層。（24）在“遮罩6” 圖層和“絲帶6” 圖層的第59幀處分別插入關(guān)鍵幀，然后將【庫(kù)】面板中名為“絲帶 6” 的元件放置到“絲帶 6” 圖層的第59幀上，其位置坐標(biāo)x、y分別為“169.3” 、“48.9” 。（25）使用同

22、樣的方法，在“遮罩 6” 圖層的第59幀處繪制一個(gè)寬高為“91px15px” 的矩形，其位置坐標(biāo) x、y分別為“148.0” 、“324.0” ，效果如圖11-34所示。（26）在“遮罩6” 圖層的第63幀插入關(guān)鍵幀，設(shè)置矩形的高為“42.0” ，其位置坐標(biāo)x、y分別為“150.0” 、“28.0” ，效果如圖11-35所示 。圖11-34 第59幀處的遮罩圖形圖11-35 第63幀處的遮罩圖形.24（27）在“遮罩6” 圖層第59幀第幀第63幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定“遮罩6” 圖層和“絲帶6” 圖層。（28）在“遮罩7” 圖層和“絲帶7” 圖層的第64幀處分別插入關(guān)鍵幀，然后將【庫(kù)】面

23、板中名為“絲帶 7” 的元件放置到“絲帶 7” 圖層的第第64幀上，其位置坐標(biāo)幀上，其位置坐標(biāo)x、y分別為“186.3” 、“41.7” 。（29）使用同樣的方法，在）使用同樣的方法，在“遮罩遮罩 7” 圖層的第64幀處繪制一個(gè)寬高為幀處繪制一個(gè)寬高為“104.0px11px” 的矩形，其位置坐標(biāo)的矩形，其位置坐標(biāo) x、y分別為“172.0” 、“70.0” ，效果如圖，效果如圖11-36所示。（30）在“遮罩7” 圖層的第68幀插入關(guān)鍵幀，設(shè)置矩形的高為“45.0” ，其位置坐標(biāo)，其位置坐標(biāo)x、y分別為“172.0” 、“36.0” ，效果如圖，效果如圖11-37所示。圖11-36 第64幀

24、處的遮罩圖形圖11-37 第68幀處的遮罩圖形.25（31）在）在“遮罩遮罩7” 圖層第64幀第幀第68幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定“遮罩7” 圖層和“絲帶7” 圖層。（32）在“遮罩8” 圖層和“絲帶8” 圖層的第69幀處分別插入關(guān)鍵幀，然后將【庫(kù)】面板中名為“絲帶 8” 的元件放置到“絲帶 8” 圖層的第69幀上，其位置坐標(biāo)x、y分別為“229.3” 、“40.8” 。（33）使用同樣的方法，在）使用同樣的方法，在“遮罩遮罩 8” 圖層的第圖層的第69幀處繪制一個(gè)寬高為幀處繪制一個(gè)寬高為“140px20px” 的矩形，其位置坐標(biāo) x、y分別為“185.0” 、

25、“16.0” ，效果如圖11-38所示。（34）在“遮罩8” 圖層的第88幀插入關(guān)鍵幀，繪制一個(gè)寬高為“ 621”的圓形，其位置坐標(biāo)的圓形，其位置坐標(biāo) x、y分別為分別為“168.1” 、“152.1” ，效果如圖11-39所示。圖11-38 第69幀處的遮罩圖形圖11-39 第88幀處的遮罩圖形.26（35）在“遮罩8” 圖層第69幀和第幀和第88幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，并鎖定“遮罩8” 圖層和“絲帶8” 圖層。（36）在“文字1” 圖層第90幀處插入關(guān)鍵幀，然后將【庫(kù)】面板中名幀處插入關(guān)鍵幀，然后將【庫(kù)】面板中名為“文字1” 的元件放置到“文字 1” 圖層的第9

26、0幀上，其位置坐標(biāo) x、y分別為“423.0” 、“135.2” ，并設(shè)置【，并設(shè)置【Alpha 】參數(shù)為“0%”。（37）在“文字1” 圖層第95幀處插入關(guān)鍵幀，設(shè)置舞臺(tái)上幀處插入關(guān)鍵幀，設(shè)置舞臺(tái)上“文字文字 1” 元元件的位置坐標(biāo)x、y分別為“425.0” 、“135.2” ，并設(shè)置【顏色】，并設(shè)置【顏色】參數(shù)為“無”，效果如圖 11-40所示。（38）在“文字1” 圖層第125幀處插入關(guān)鍵幀，設(shè)置舞臺(tái)上“文字 1”元件的位置坐標(biāo)x、y分別為“437.0” 、“135.2” ，效果如圖11-41所示。（39）在“文字1” 圖層第125幀處插入關(guān)鍵幀，設(shè)置舞臺(tái)上“文字 1”元件的位置坐標(biāo)x、

27、y分別為“443.0” 、“135.2” ，并設(shè)置【，并設(shè)置【Alpha】參數(shù)為“0%” 。圖11-40 第95幀處的文字圖11-41 第125幀處的文字.27（40）在“文字1” 圖層的第90幀第95幀、第95幀第125幀、第125幀第145幀處之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。（41）鎖定“文字1” 圖層，在所有圖層的第146幀處插入空白關(guān)鍵幀。（42）取消鎖定“絲帶1” “絲帶8” 以及“花”圖層，然后將時(shí)間軸移動(dòng)到第145幀處，按Ctrl+C快捷鍵復(fù)制舞臺(tái)上所有的元件，然后鎖定所有圖層。（43）新建一個(gè)圖層并重命名為“組合1” ，在其第146幀處插入關(guān)鍵幀，選中“組合1” 圖層的第146幀，按Ct

28、rl+Shift+V 快捷鍵將剛剛復(fù)制的所有元件粘貼到當(dāng)前位置。（44）選中“組合1” 圖層的146幀，按F8 快捷鍵將其轉(zhuǎn)換為影片剪輯元件，并命名為“組合1” 。（45）在“組合1” 圖層的第160幀和第200幀處插入關(guān)鍵幀，設(shè)置第160幀處“組合1” 元件的位置坐標(biāo)x、y分別為“160.0” 、“40.8” ，效果如圖11-42所示。設(shè)置第200幀處“組合1” ，元件的位置坐標(biāo)x、y分別為“760.0” 、“40.8” ，如圖11-43所示。（46）在“組合1” 圖層的第146幀第160幀、第160幀第200幀處之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。（47）在“組合1” 圖層的第201幀處插入空白關(guān)鍵幀。

29、圖11-42 第160幀處“組合1” 元件的位置圖11-43 第200幀處“組合1” 元件的位置.283、制作第2個(gè)場(chǎng)景動(dòng)畫。（1）在“組合1” 圖層上新建并重命名圖層，然后將相應(yīng)圖層設(shè)置為遮罩層，直至圖層效果如圖 11-44所示。圖11-44 圖層效果五.29（2）使用同樣的方法對(duì)第 2個(gè)場(chǎng)景的絲帶圖層和遮罩圖層進(jìn)行動(dòng)畫設(shè)置，【時(shí)間軸】效果如圖 11-45所示 。圖11-45 【時(shí)間軸】信息.304、制作第3個(gè)場(chǎng)景動(dòng)畫。（1）在“組合2” 圖層上新建并重命名圖層，直至圖層效果如圖 11-46所示。（2）在“放大圖”圖層的第 386幀處插入關(guān)鍵幀。（3）將“組合2” 元件復(fù)制到“放大圖”圖層的

30、第 386幀處，并打散“組合2” 的所有元件，刪除多余的圖形，直到舞臺(tái)上的效果如圖 11-47所示在最后創(chuàng)建“組合2”元件時(shí)，一定要將“絲帶13”元件接到舞臺(tái)的右方。圖11-46 圖層效果六圖11-47 第386幀處的圖形.31（4）在“放大圖”圖層的第 410幀處插入關(guān)鍵幀，調(diào)整舞臺(tái)上的圖形，直到圖形覆蓋整個(gè)舞臺(tái)。（5）在“放大圖”圖層的第 411幀處插入空白關(guān)鍵幀，鎖定“放大圖”圖層。（6）在“背景”圖層的第 411幀處插入關(guān)鍵幀，利用【矩形】工具，在【屬性】面板中設(shè)置【筆觸顏色】為“無”，設(shè)置【填充顏色】為“#ECDDB2” ，并在舞臺(tái)上繪制一個(gè)寬高為“ 750px465px”的矩形，并

31、與舞臺(tái)居中對(duì)齊，效果如圖 11-48所示。（7）在“背景”圖層的第 430幀處插入關(guān)鍵幀，設(shè)置舞臺(tái)上圖形的【填充顏色】為“#666666” ，效果如圖11-49所示。（8）在“背景”圖層的第 411幀第430幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫。圖11-48第411幀處的圖形圖11-49 第430幀處的圖形.32（9）在“文字3” 圖層的第430幀處插入關(guān)鍵幀，然后將【庫(kù)】面板中名為“文字3” 的元件放置到“文字 3” 圖層的第430幀上，其位置坐標(biāo)x、y分別為“157.6” 、“202.9” ，并設(shè)置【Alpha 】參數(shù)為“0%” 。（10）在“文字3” 圖層的第440幀處插入關(guān)鍵幀，選中舞臺(tái)上的“文字3

32、” 元件，將其整體大小設(shè)置為“ 98.6%” ，其位置坐標(biāo)x、y分別為“160.7” 、“203.3” ，并設(shè)置【顏色】參數(shù)為“無”，效果如圖11-50所示圖11-50 第440幀處的圖形.33（11）在“文字3” 圖層的第475幀處插入關(guān)鍵幀，選中舞臺(tái)上的“文字3” 元件，將其整體大小設(shè)置為“ 93.6%” ，其位置坐標(biāo)x、y分別為“171.6” 、“204.6” 。（12）在“文字3” 圖層的第500幀處插入關(guān)鍵幀，選中舞臺(tái)上的“文字3” 元件，將其整體大小設(shè)置為“ 90%” ，其位置坐標(biāo)x、y分別為“179.3” 、“205.7” ，并設(shè)置【Alpha 】參數(shù)為“0%” 。（13）在“文

33、字3” 圖層的第430幀第440幀、第440幀第475幀、第475幀第500幀處之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。（14）使用同樣的方法，在“文字 4” 圖層的第500幀第570幀之間創(chuàng)建“文字4” 元件的動(dòng)畫效果。（15）在“文字4” 圖層的第571幀處插入空白關(guān)鍵幀。5、制作第3個(gè)場(chǎng)景動(dòng)畫。（1）在“文字4” 圖層上新建并重命名圖層，直至圖層效果如圖 11-51所示 。圖11-51 圖層效果.34（2）在“標(biāo)志”圖層的第 575幀處插入關(guān)鍵幀，然后將【庫(kù)】面板中名為“標(biāo)志”的元件放置到“標(biāo)志”圖層的第 575幀上，將其整體大小設(shè)置為“200%” ，其位置坐標(biāo)x、y分別為“190.1” 、“109.1”

34、 ，并為元件添加濾鏡效果，如圖 11-52所示 。#0099CC圖11-52 添加濾鏡效果（3）在“標(biāo)志”圖層的第 585幀處插入關(guān)鍵幀，將其整體大小設(shè)置為“100%” ，其位置坐標(biāo)x、y分別為“282.6” 、“141.2” ，并為元件添加濾鏡效果，設(shè)置模糊參數(shù)中的【模型 X】和【模型Y】為“0” ，效果如圖11-53所示。（4）在）在“標(biāo)志標(biāo)志”圖層的第圖層的第575幀和第585幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。圖11-53 第585幀處的圖形.35（5）在“彩帶”圖層和“遮罩 14” 圖層的第590幀處分別插入關(guān)鍵幀，然后將【庫(kù)】面板中名為“綠色的絲帶”的元件放置到“彩帶”圖層的第590幀上，其位

35、置坐標(biāo)x、y分別為“30.5” 、“216.2” 。（6）用同樣的方法，在“遮罩 14” 圖層的第590幀處繪制一個(gè)寬高為“35.5px222.8px” 的矩形，其位置坐標(biāo) x、y分別為“35.5” 、“199.2” ，效果如圖11-54所示。（7）在“遮罩14” 圖層的第610幀插入關(guān)鍵幀，設(shè)置矩形的寬為“785.5” ，其他參數(shù)不變，效果如圖 11-55所示 。圖11-54 第590幀處的遮罩圖形圖11-55 第610幀處的遮罩圖形（8）選中“遮罩14” 圖層的第610幀，按F9快捷鍵打開【動(dòng)作-幀】面板，在窗口中輸入“ stop();”命令。（9）保存測(cè)試影片，一個(gè)漂亮的廣告片頭動(dòng)畫制作

36、完成。.3611.3 Flash 趣味游戲開發(fā)海防保衛(wèi)戰(zhàn)設(shè)計(jì)本案例將使用大量的代碼來制作一個(gè)“海防保衛(wèi)戰(zhàn)”的射擊類小游戲，其設(shè)置思路及效果如圖 11-56所示 。圖11-56 設(shè)計(jì)思路及效果1、布置舞臺(tái)。（1）新建一個(gè)Flash 文檔，設(shè)置文檔【尺寸】為“ 650px450px”，【背景顏色】為“ #000066” ，【幀頻】為“21fps” ，其他文檔屬性使用默認(rèn)參數(shù) 。.37（2）新建并重命名圖層，直至圖層效果如圖 11-57所示。圖11-57 新建圖層（3）執(zhí)行【文件】）執(zhí)行【文件】/【導(dǎo)入】/【打開外部庫(kù)】菜單命令，將教學(xué)資源中的“素材第第11講講海防保衛(wèi)戰(zhàn)海防保衛(wèi)戰(zhàn)海防保衛(wèi)戰(zhàn)-素材素材.fla” 文件打開文件打開，將其中的所有內(nèi)容復(fù)制到當(dāng)前【庫(kù)】面板中。，將其中的所有內(nèi)容復(fù)制到當(dāng)前【庫(kù)】面板中。