項(xiàng)目一2006世界杯_第1頁
項(xiàng)目一2006世界杯_第2頁
項(xiàng)目一2006世界杯_第3頁
項(xiàng)目一2006世界杯_第4頁
項(xiàng)目一2006世界杯_第5頁
已閱讀5頁,還剩20頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、課時(shí)授課計(jì)劃課時(shí)分配: 8 節(jié) 編寫日期:2010 年02月20日課 題項(xiàng)目一:介紹一個(gè)比較簡(jiǎn)單的Flash網(wǎng)絡(luò)動(dòng)畫,以2006世界杯為主題目的和要求1. 了解制作標(biāo)準(zhǔn)Flash動(dòng)畫的一個(gè)基本流程2. 認(rèn)識(shí)和掌握制作最為典型的補(bǔ)間動(dòng)畫難點(diǎn)重點(diǎn)重點(diǎn):Flash動(dòng)畫制作中的一些基本概念和術(shù)語難點(diǎn):制作最為典型的補(bǔ)間動(dòng)畫并編寫簡(jiǎn)單的AS代碼組織教學(xué)(包括教學(xué)環(huán)節(jié),內(nèi)容提出,時(shí)間分配,教具等)教學(xué)環(huán)節(jié):1. 復(fù)習(xí)舊課,引入新課(20分鐘)2. 講授新課(140分鐘)3. 上機(jī)操作(180分鐘)4. 小結(jié)并布置下節(jié)課任務(wù)(20分鐘)內(nèi)容提綱: 創(chuàng)建元件、實(shí)例 創(chuàng)建關(guān)鍵幀動(dòng)畫 使用繪圖工具繪制簡(jiǎn)單矢量圖形

2、 使用文本工具創(chuàng)建文字對(duì)象 使用AS代碼添加鏈接 Flash動(dòng)畫的發(fā)布教學(xué)方法:1. 啟發(fā)式教學(xué)法2. 案例式教學(xué)法3. 講授與提問相結(jié)合4. 比較教學(xué)法課外作業(yè)創(chuàng)建一段以2006世界杯為主題的Flash宣傳動(dòng)畫 動(dòng)漫教研室 吳 鵑西安職業(yè)技術(shù)學(xué)院教案稿紙講 授 內(nèi) 容作業(yè)與補(bǔ)充項(xiàng)目一:介紹一個(gè)比較簡(jiǎn)單的Flash網(wǎng)絡(luò)動(dòng)畫,以2006世界杯為主題本次課的要點(diǎn):本節(jié)將簡(jiǎn)單介紹:以2006世界杯為主題,通過對(duì)本實(shí)例的學(xué)習(xí),了解制作標(biāo)準(zhǔn)Flash動(dòng)畫的一個(gè)基本流程,以及Flash動(dòng)畫制作中的一些基本概念和術(shù)語,包括舞臺(tái)、幀、時(shí)間軸、圖層、庫、元件、實(shí)例等。另外還將制作最為典型的補(bǔ)間動(dòng)畫并編寫簡(jiǎn)單的A

3、S代碼,用以添加跳轉(zhuǎn)到指定網(wǎng)站頁面的功能,最終還將發(fā)布文件,并在瀏覽器中進(jìn)行測(cè)試。本節(jié)主要內(nèi)容: 創(chuàng)建新的Flash動(dòng)畫文件 創(chuàng)建元件、實(shí)例 創(chuàng)建關(guān)鍵幀動(dòng)畫 使用繪圖工具繪制簡(jiǎn)單矢量圖形 使用文本工具創(chuàng)建文字對(duì)象 使用AS代碼添加鏈接 Flash動(dòng)畫的發(fā)布2.1實(shí)例說明與學(xué)習(xí)目標(biāo)實(shí)例說明本章實(shí)例中,將要?jiǎng)?chuàng)建一段以2006世界杯為主題的Flash宣傳動(dòng)畫,其中將突出表現(xiàn)本屆足球世界杯的標(biāo)志,大力神杯以及奪冠熱門球隊(duì)的國旗等內(nèi)容。學(xué)習(xí)目標(biāo)通過本章實(shí)例的學(xué)習(xí),將首先對(duì)制作標(biāo)準(zhǔn)Flash動(dòng)畫基本流程有一個(gè)充分的了解,并且熟悉制作最為典型的補(bǔ)間動(dòng)畫方法。補(bǔ)間動(dòng)畫是Flash動(dòng)畫動(dòng)畫的最常見形式,在實(shí)際工

4、作中將會(huì)大量應(yīng)用。另外,在動(dòng)畫中還會(huì)添加簡(jiǎn)單的AS代碼,用以添加跳轉(zhuǎn)到指定網(wǎng)站頁面的功能。使用代碼控制動(dòng)畫播放,是Flash動(dòng)畫的一大特色。2.2實(shí)例的實(shí)現(xiàn)過程與操作步驟操作步驟2.2.1準(zhǔn)備文件本節(jié)首先創(chuàng)建一個(gè)新的Flash動(dòng)畫文件,并設(shè)置好舞臺(tái)尺寸,動(dòng)畫幀頻等參數(shù)。(1) 新建一個(gè)空白文檔(2) 尺寸對(duì)應(yīng)的【寬】和【高】分別輸入400和250,重新設(shè)置舞臺(tái)尺寸(3) 單擊【背景顏色】按鈕,在打開的顏色選取器中選擇黑色(4) 幀頻設(shè)為12fps幀頻是動(dòng)畫播放的速度,以每秒播放的幀數(shù)為單位。幀頻過慢會(huì)使動(dòng)畫看起來停頓效果特別明顯,而幀頻過快會(huì)使動(dòng)畫的細(xì)節(jié)變得模糊,無法看清出動(dòng)畫內(nèi)容。在Web網(wǎng)

5、絡(luò)中,每秒12幀(fps)幀頻通常會(huì)得到最佳效果。(5) 選擇【文件】|【保存】保存為:2006世界杯。擴(kuò)展名為默認(rèn)的.fla(6) 單擊保存(7) 接下來要將動(dòng)畫需要使用的圖片文件全部導(dǎo)入Flash的【庫】面板中。選擇【文件】|【導(dǎo)入】|【導(dǎo)入到庫】命令(8) 在打開【導(dǎo)入到庫】對(duì)話框中選擇第二章的文件夾中圖片文件(9) 單擊打開按鈕,將所選擇圖片文件導(dǎo)入【庫】面板中。2.2.2創(chuàng)建Logo標(biāo)識(shí)動(dòng)畫本節(jié)將制作整個(gè)Flash動(dòng)畫的第一部分,即標(biāo)識(shí)動(dòng)畫。這是一個(gè)簡(jiǎn)單而且非常典型的關(guān)鍵幀縮放動(dòng)畫,其中會(huì)用到創(chuàng)建元件、縮放實(shí)例大小、在時(shí)間軸上創(chuàng)建補(bǔ)間動(dòng)畫等技術(shù)。(1) 接下來將使用導(dǎo)入的Logo圖形

6、文件制作整個(gè)動(dòng)畫的第一部分。首先雙擊當(dāng)前默認(rèn)的圖層名稱,修改為Logo。(2) 在【庫】面板中選擇名為Logo.png的位圖,將之拖動(dòng)到舞臺(tái)上。(3) Flash提供了元件功能,將動(dòng)畫中需要使用的圖形元素轉(zhuǎn)化為元件后,可重復(fù)使用,選擇【修改】|【轉(zhuǎn)換為元件】命令,打開【轉(zhuǎn)換為元件】對(duì)話框(4) 在【名稱】文檔中輸入元件的名稱Logo類型設(shè)置為【影片剪輯】(5) 單擊【確定】按鈕關(guān)閉對(duì)話框,轉(zhuǎn)換為元件后,舞臺(tái)上的圖形對(duì)象顯示藍(lán)色邊框。(6) 確認(rèn)當(dāng)前舞臺(tái)中的Logo實(shí)例進(jìn)出于選擇狀態(tài),選擇【修改】|【轉(zhuǎn)換為元件】命令,再次創(chuàng)建一個(gè)【影片剪輯】名稱為Logo動(dòng)畫(7) 雙擊舞臺(tái)的Logo動(dòng)畫實(shí)例,

7、進(jìn)入Logo動(dòng)畫實(shí)例的編輯模式(8) 選擇舞臺(tái)上的實(shí)例,打開【屬性】面板,單擊左下角鎖定實(shí)際的寬高比(9) 寬:183,高自動(dòng)變化,以保持原來的寬高比例,縮小的實(shí)例(10) 將實(shí)例移動(dòng)到舞臺(tái)中央,可通過【屬性】面板指定該實(shí)力的坐標(biāo)。在X和Y文本框中分別輸入70、65.(11) 在時(shí)間軸中單擊第7幀,選擇【插入】|【時(shí)間軸】|【關(guān)鍵幀】命令(12) 選擇時(shí)間軸中的第1幀,然后在舞臺(tái)中選擇實(shí)例,此時(shí)【屬性】面板中顯示與該實(shí)例相關(guān)的參數(shù)設(shè)置(13) 單擊【顏色】下拉列表框,在彈出的下拉列表中選擇Alpha選項(xiàng),F(xiàn)lash默認(rèn)將Alpha參數(shù)設(shè)置為0,及透明度為0(14) 選擇時(shí)間軸中的第7幀,會(huì)發(fā)現(xiàn)

8、實(shí)例仍然會(huì)完全顯示,即透明度為100,這樣就可以創(chuàng)建一個(gè)圖像逐漸淡入的動(dòng)畫效果,而中間的過渡效果可以由Flash的補(bǔ)間動(dòng)畫功能自動(dòng)完成(15) 選擇第17之間的任意一幀,在屬性面板中單擊【補(bǔ)間】下拉列表框,選擇其中的【動(dòng)畫】選項(xiàng),創(chuàng)建補(bǔ)間動(dòng)畫(16) 選擇第16幀,創(chuàng)建關(guān)鍵幀。在這一幀中部修改當(dāng)前實(shí)例的任何屬性,它將繼承前一關(guān)鍵幀(即第7幀)的屬性。這樣動(dòng)畫在第7-16幀之間不發(fā)生變化(17) 在第23幀上創(chuàng)建關(guān)鍵幀,選擇舞臺(tái)上的實(shí)例,在【屬性】面板中將實(shí)例寬度設(shè)置為85,實(shí)例人保持原來的寬高比(18) 將縮小后的實(shí)例移動(dòng)到舞臺(tái)左下方,也可在【屬性】面板的X、Y文本框中分別輸入寬高的值-23,

9、180(19) 單擊【顏色】下拉列表框,在彈出的下拉列表中選擇Alpha選項(xiàng),將實(shí)例透明度設(shè)置為0(20) 在時(shí)間軸上選擇第16-23幀之間的任意一幀,在【屬性】面板中單擊【補(bǔ)間】下拉列表框,選擇其中的【動(dòng)畫】選項(xiàng),創(chuàng)建補(bǔ)間動(dòng)畫(21) 這樣就創(chuàng)建了一個(gè)Logo圖標(biāo)逐漸顯示在舞臺(tái)中央,停留一段時(shí)間后,又向舞臺(tái)左下方運(yùn)動(dòng)并逐漸縮小而且淡出的動(dòng)畫(22) 單擊時(shí)間軸上方的【場(chǎng)景1】按鈕,返回到整個(gè)動(dòng)畫的主時(shí)間軸。由于前面的動(dòng)畫都是在Logo動(dòng)畫影片剪輯中制作的,因此當(dāng)前主時(shí)間軸中仍然只是在第一幀上有個(gè)關(guān)鍵幀,其他未空白。2.2.3創(chuàng)建地圖動(dòng)畫本節(jié)將創(chuàng)建整個(gè)Flash動(dòng)畫的第二部分,及地圖動(dòng)畫,在這

10、一節(jié)將使用Flash的繪圖工具繪制直線等簡(jiǎn)單圖形,并設(shè)置相應(yīng)的關(guān)鍵幀動(dòng)畫(1) 接下來真被創(chuàng)建整個(gè)Flash動(dòng)畫的第2部分-地圖動(dòng)畫。首先將【庫】面板中名為地圖.png的圖形拖動(dòng)到舞臺(tái)上(2) 這個(gè)地圖圖形尺寸與舞臺(tái)相同,因此需要將它與舞臺(tái)對(duì)齊,可在舞臺(tái)中選擇該實(shí)例后在【屬性】面板的XY文本框中均輸入0(3) 在選擇圖形對(duì)象的情況下,將圖形對(duì)象轉(zhuǎn)換為【影片剪輯】元件,元件名稱為地圖(4) 選擇舞臺(tái)上的地圖實(shí)例,再次轉(zhuǎn)換為【影片剪輯】類型的元件,元件名為地圖動(dòng)畫(5) 雙擊舞臺(tái)上地圖動(dòng)畫實(shí)例,進(jìn)入地圖動(dòng)畫元件的編輯模式(6) 雙擊當(dāng)前的【圖層1】圖層,將命令該圖層重新命名為地圖背景(7) 選擇該

11、層的第20幀,選擇【插入】|【時(shí)間軸】|【幀】命令,在第20幀位置上插入一個(gè)普通幀,由于目前階段地圖背景并不產(chǎn)生動(dòng)畫,因此只要插入普通幀即可(8) 單擊時(shí)間軸左下角的插入圖層按鈕,新建一個(gè)圖層,并將該圖層命名為水平線(9) 單擊時(shí)間軸左側(cè)工具箱中的線條工具按鈕,將工具箱底部【筆觸顏色】設(shè)置為白色。(10) 按住shift鍵,同時(shí)用鼠標(biāo)在舞臺(tái)上繪制一段白色的水平直線(11) 選擇該水平直線圖形對(duì)象,將其轉(zhuǎn)換為【圖形】類型的元件,名稱為水平直線(12) 在【屬性】面板中將該實(shí)例的Y軸坐標(biāo)設(shè)置為25,使之位于舞臺(tái)上半部分(13) 選擇水平直線圖層的第5幀,插入關(guān)鍵幀(14) 選擇舞臺(tái)上的水平直線實(shí)例

12、,在【屬性】面板中將該實(shí)例的Y軸坐標(biāo)設(shè)置為230,使之位于舞臺(tái)下半部分(15) 選擇水平直線圖層的第10幀,插入關(guān)鍵幀(16) 選擇舞臺(tái)上的水平直線實(shí)例,在【屬性】面板中將該實(shí)例的Y軸坐標(biāo)設(shè)置為25,使之重新回到與第1幀相同的初始位置(17) 當(dāng)前圖層默認(rèn)長度為與底部圖層相同,即20幀。而根據(jù)動(dòng)畫設(shè)計(jì)方案,這里的水平直線動(dòng)畫只有10幀的長度,因此需要將第11-20幀刪除。按住shift鍵,依次單擊第11幀和第20幀,同時(shí)選擇第11-20幀(18) 刪除幀(19) 在第5幀右擊創(chuàng)建補(bǔ)間動(dòng)畫,在第10幀右擊創(chuàng)建補(bǔ)間動(dòng)畫,或者方法二:分別選擇第1-5和第5-10幀之間的任意一幀,在【屬性】面板中單擊

13、【補(bǔ)間】下拉列表框,選擇【動(dòng)畫】選項(xiàng)創(chuàng)建補(bǔ)間動(dòng)畫。(20) 新建一個(gè)圖層,并重新命名為垂直直線(21) 按住shift鍵,同時(shí)用鼠標(biāo)在舞臺(tái)上繪制一段垂直直線(22) 選擇該水平直線圖形對(duì)象,將其轉(zhuǎn)換為【圖形】類型的元件,名稱為垂直直線(23) 在【屬性】面板中將該實(shí)例的X軸坐標(biāo)設(shè)置為30(24) 選擇第1幀,然后將該幀拖動(dòng)到第10幀的位置上。(25) 選擇第20幀,插入關(guān)鍵幀,該幀會(huì)繼承前面第10幀的屬性(26) 在第15幀的位置插入關(guān)鍵幀,然后選擇垂直直線實(shí)例,在【屬性】面板中該實(shí)例X軸坐標(biāo)設(shè)為375(27) 分別選擇第10-15和第15-20幀之間的任意一幀,在【屬性】面板中單擊【補(bǔ)間】下

14、拉列表框,選擇【動(dòng)畫】選項(xiàng)創(chuàng)建補(bǔ)間動(dòng)畫。(28) 分別在地圖背景圖層的第21幀和第28位置插入關(guān)鍵幀,選擇第21幀(29) 在舞臺(tái)中選擇地圖實(shí)例,在屬性面板中,單擊【顏色】下拉列表,選擇alpha選項(xiàng)設(shè)為0(30) 選擇第21-28幀之間的任意一幀,在【屬性】面板中單擊【補(bǔ)間】下拉列表框,選擇【動(dòng)畫】選項(xiàng)創(chuàng)建補(bǔ)間動(dòng)畫。得到動(dòng)畫由黑屏到淡入地圖背景的動(dòng)畫效果(31) 選擇地圖背景圖層第80幀,插入普通幀,這是整個(gè)地圖動(dòng)畫部分的總長度(32) 新建一個(gè)圖層,并命名為水平直線1(33) 右擊水平直線圖層的第10幀,在彈出的快捷菜單中選擇【復(fù)制幀】命令(34) 右擊水平直線1圖層的第21幀,在彈出的快

15、捷菜單中選擇【粘貼幀】命令(35) 分別在水平直線1圖層的第35幀和第50幀上插入關(guān)鍵幀(36) 選擇第35幀,然后選擇舞臺(tái)上的水平直線實(shí)例,將它Y坐標(biāo)設(shè)為220(37) 選擇第50幀,將水平直線實(shí)例的Y軸坐標(biāo)設(shè)置為92。(38) 分別選擇第21-35和第35-50幀之間的任意一幀,在【屬性】面板中單擊【補(bǔ)間】下拉列表框,選擇【動(dòng)畫】選項(xiàng)創(chuàng)建補(bǔ)間動(dòng)畫。(39) 再創(chuàng)建一個(gè)新的圖層,重新命名為垂直直線1(40) 將垂直直線圖層的第20幀復(fù)制到垂直直線圖層的第21幀上(41) 分別在第35幀和第50幀上創(chuàng)建關(guān)鍵幀,然后調(diào)整這兩個(gè)關(guān)鍵幀中垂直直線實(shí)例在X軸坐標(biāo),分別為360和243(42) 分別選擇

16、第21-35和第35-50幀之間的任意一幀,在【屬性】面板中單擊【補(bǔ)間】下拉列表框,選擇【動(dòng)畫】選項(xiàng)創(chuàng)建補(bǔ)間動(dòng)畫。(43) 創(chuàng)建一個(gè)新的圖層,命名為圓環(huán)。在第55幀的位置上插入關(guān)鍵幀(44) 選擇工具箱中的橢圓工具按鈕,在屬性面板中將筆觸顏色設(shè)置為黃色,將填充顏色設(shè)置為沒有顏色,將筆觸高度設(shè)為4(45) 按住shift鍵,同時(shí)用鼠標(biāo)在舞臺(tái)上繪制一個(gè)圖形,圖形的圓心應(yīng)位于當(dāng)前舞臺(tái)中兩條直線的交點(diǎn)上(46) 單擊工具箱中的選擇工具按鈕,選擇舞臺(tái)上的圓形(47) 將圖形轉(zhuǎn)換為【圖形】類型的元件,并命名為基本圓環(huán)(48) 選擇舞臺(tái)中的這個(gè)實(shí)例,轉(zhuǎn)換為【圖形】類型的元件,并命名為圓環(huán)(49) 雙擊圓環(huán)實(shí)

17、例,進(jìn)入圓環(huán)元件的編輯模式(50) 將【庫】面板中名稱為基本圓環(huán)的元件拖動(dòng)到舞臺(tái)上(51) 選擇新添加的實(shí)例,在【屬性】面板中鎖定寬高比,并在【寬】文本框中輸入20,將修改后的實(shí)例移動(dòng)到與舞臺(tái)上原來的實(shí)例同心的位置(52) 單擊時(shí)間軸上方的地圖動(dòng)畫按鈕,或者單擊其左側(cè)的按鈕,返回到地圖動(dòng)畫影片剪輯元件的編輯模式(53) 同時(shí)選擇第56-61幀,選擇【修改】|【時(shí)間軸】|【轉(zhuǎn)換為關(guān)鍵幀】命令,將所選幀全部轉(zhuǎn)換為關(guān)鍵幀(54) 按住ctrl,單擊第56、58、60幀,清除幀,這樣就會(huì)得到圓環(huán)閃爍的效果,這也是一種逐幀動(dòng)畫(55) 在第65幀上插入關(guān)鍵幀,準(zhǔn)備制作大小變化的補(bǔ)間動(dòng)畫(56) 選擇舞臺(tái)

18、上的圓環(huán)實(shí)例,在【屬性】面板中鎖定寬高比,然后將該實(shí)例高度設(shè)置為10(57) 選擇第61-65幀之間的任意一幀,創(chuàng)建補(bǔ)間動(dòng)畫(58) 同時(shí)選擇第61-65幀并右擊,在彈出的快捷菜單中選擇【復(fù)制幀】命令(59) 右擊第66幀,在彈出的快捷菜單中選擇【粘貼幀】命令,此時(shí)原來的動(dòng)畫幀向右側(cè)平移,所以【粘貼幀】命令相當(dāng)于將復(fù)制的幀插入進(jìn)來(60) 右擊第71幀,在彈出的快捷菜單中選擇【粘貼幀】(61) 選擇由于復(fù)制幀而多出來長度第81-88幀,清楚所選擇的幀(62) 單擊時(shí)間軸上方的【場(chǎng)景1】按鈕,返回到整個(gè)動(dòng)畫的主時(shí)間軸2.2.4創(chuàng)建國旗動(dòng)畫本節(jié)將創(chuàng)建整個(gè)flash動(dòng)畫的第三部分,即國旗動(dòng)畫,在這一

19、節(jié)中除了創(chuàng)建關(guān)鍵幀動(dòng)畫之外,還要用到重要的對(duì)齊工具,以便在舞臺(tái)上快速對(duì)齊實(shí)例對(duì)象(1) 將【庫】面板中的大力神杯.png圖形添加到舞臺(tái)上,選擇該圖形對(duì)象,轉(zhuǎn)換為【影片剪輯】類型的元件,并命名為大力神杯(2) 在【屬性】面板中鎖定寬高比,在【寬】文本框中輸入86,調(diào)整后的大力神杯實(shí)例(3) 選擇當(dāng)前編輯的實(shí)例,轉(zhuǎn)換為【影片剪輯】類型的元件,并命名為國旗動(dòng)畫(4) 雙擊國旗動(dòng)畫實(shí)例,進(jìn)入元件編輯模式(5) 將當(dāng)前默認(rèn)的“圖層1”圖層重新命名為大力神杯(6) 在第5幀插入關(guān)鍵幀,然后選擇第1幀(7) 選擇舞臺(tái)上的大力神杯實(shí)例,在【屬性】面板中鎖定寬高比,并在【寬】文本框中輸入10(8) 將該實(shí)例移動(dòng)

20、到地圖動(dòng)畫中兩直線的交點(diǎn)位置,調(diào)整后的大力神杯實(shí)例(9) 選擇第1-5幀的任意一幀,在【屬性】面板設(shè)置補(bǔ)間動(dòng)畫(10) 在第20和第30幀插入關(guān)鍵幀,然后選擇第30幀(11) 選擇舞臺(tái)上的實(shí)例,在【屬性】面板中鎖定寬高比,在【寬】文本框中輸入50,將該實(shí)例的XY坐標(biāo)設(shè)置為(-135,5)(12) 選擇第20-30幀的任意一幀,在【屬性】面板設(shè)置補(bǔ)間動(dòng)畫(13) 新建一個(gè)圖層,并重新命名為體育場(chǎng)背景(14) 默認(rèn)狀態(tài)下新建圖層位于當(dāng)前圖層的上方,而體育場(chǎng)背景圖層應(yīng)該位于大力神杯圖層下方,因此將體育場(chǎng)背景圖層拖動(dòng)到下方(15) 確認(rèn)當(dāng)前選擇的是體育場(chǎng)背景圖層,將【庫】面板中的體育場(chǎng).jpg圖像拖到

21、舞臺(tái)上,將圖像對(duì)象的左下角與舞臺(tái)左下角對(duì)齊(16) 選擇舞臺(tái)上的體育場(chǎng)圖形,將之轉(zhuǎn)換為【圖形】類型的元件,并命名為體育場(chǎng)(17) 選擇體育場(chǎng)背景圖層的第1幀,并將之移動(dòng)到第5幀,使前4幀為空白(18) 在第15幀的位置插入關(guān)鍵幀,然后選擇第5幀(19) 選擇舞臺(tái)上的體育場(chǎng)實(shí)例,在屬性面板上單擊【顏色】下拉列表框,選擇alpha設(shè)為0(20) 選擇第5-15幀的任意一幀,在【屬性】面板設(shè)置補(bǔ)間動(dòng)畫(21) 向后移動(dòng)時(shí)間軸,在第100幀的位置插入關(guān)鍵幀。選擇第100幀,然后選擇舞臺(tái)上的體育場(chǎng)實(shí)例(22) 在屬性面板中將實(shí)例的X軸坐標(biāo)設(shè)置為-250,使之產(chǎn)生由舞臺(tái)右側(cè)向左側(cè)移動(dòng)的動(dòng)畫效果(23) 選

22、擇15-100幀之間的任意一幀,在【屬性】面板設(shè)置補(bǔ)間動(dòng)畫(24) 選擇第115幀,插入普通幀,這是當(dāng)前國旗動(dòng)畫影片剪輯的總長度(25) 選擇大力神杯圖層,在115幀上同樣插入普通幀,是該實(shí)力在動(dòng)畫期間一直顯示(26) 創(chuàng)建一個(gè)新圖層,并重新命名為標(biāo)識(shí)將【庫】面板中的標(biāo)識(shí).jpg拖動(dòng)到舞臺(tái)中的右側(cè)(27) 選擇該位圖實(shí)例,將之轉(zhuǎn)換為【圖形】類型的元件,并命名為標(biāo)識(shí)(28) 選擇標(biāo)識(shí)的實(shí)例,在【屬性】面板中鎖定寬高比,并將寬度設(shè)置為84(29) 選擇標(biāo)識(shí)圖層第1幀,并將之移動(dòng)到第30幀(30) 在第35幀的位置插入關(guān)鍵幀,選擇舞臺(tái)上的標(biāo)識(shí)實(shí)例,將之水平移動(dòng)到舞臺(tái)的中央位置(31) 選擇30-35

23、幀之間的任意一幀,在【屬性】面板設(shè)置補(bǔ)間動(dòng)畫(32) 創(chuàng)建一個(gè)新圖層,并重新名為足球,將【庫】面板中的足球.png拖動(dòng)到舞臺(tái)的左側(cè)(33) 選擇該位圖實(shí)例,將之轉(zhuǎn)換為【圖形】類型的元件,并命名為足球(34) 選擇足球的實(shí)例,在【屬性】面板中鎖定寬高比,并將寬度設(shè)置為100(35) 選擇標(biāo)識(shí)圖層第1幀,并將之移動(dòng)到第35幀(36) 在第40幀的位置插入關(guān)鍵幀,選擇舞臺(tái)上的足球?qū)嵗?,將之水平移?dòng)到舞臺(tái)的中偏右的位置(37) 選擇35-40幀之間的任意一幀,在【屬性】面板設(shè)置補(bǔ)間動(dòng)畫(38) 創(chuàng)建一個(gè)新圖層,并重新名為國旗,將【庫】面板中的所有國旗圖片拖動(dòng)到舞臺(tái)底部空白位置(39) 在【屬性】面板中

24、鎖定寬高比,依次將12個(gè)國旗位圖實(shí)例的大小均設(shè)為106*65(40) 將當(dāng)前這些位圖實(shí)例大致水平排列,此時(shí)不必精確定位,下面將使用對(duì)齊工具進(jìn)行快速對(duì)齊設(shè)置(41) 選擇【窗口】|【對(duì)齊】命令,打開【對(duì)齊】面板。取消(相對(duì)于舞臺(tái))按鈕的按下狀態(tài)(42) 選擇舞臺(tái)上所有國旗的位圖實(shí)例,單擊垂直中齊按鈕,使實(shí)力在垂直方向上全部居中對(duì)齊(43) 單擊水平居中按鈕,使實(shí)例在水平方向上平均居中分布,這樣就得到比較均勻整齊的排列效果(44) 選擇舞臺(tái)上所有國旗的位圖實(shí)例,轉(zhuǎn)換為【圖形】類型元件,并命名為全部國旗(45) 選擇國旗圖層的第1幀,將之移動(dòng)到第40幀(46) 將全部國旗實(shí)例移動(dòng)到舞臺(tái)右側(cè)靠下方的位

25、置(47) 在第115幀上插入關(guān)鍵幀,然后選擇舞臺(tái)上的實(shí)例,將之水平向左移動(dòng)(48) 選擇40-115幀之間的任意一幀,在【屬性】面板設(shè)置補(bǔ)間動(dòng)畫(49) 選擇第50幀,插入關(guān)鍵幀(50) 選擇第40幀,然后選擇舞臺(tái)上的全部國旗實(shí)例(51) 在在屬性面板上單擊【顏色】下拉列表框,選擇alpha設(shè)為50%(52) 在第105幀位置插入關(guān)鍵幀,然后選擇第115幀,使用相同的方法將該幀的實(shí)例透明度設(shè)置為50%(53) 拖動(dòng)播放頭,可以在舞臺(tái)中查看當(dāng)前影片剪輯的動(dòng)畫效果(54) 單擊時(shí)間軸上方的【場(chǎng)景1】按鈕,返回到整個(gè)動(dòng)畫的主時(shí)間軸(55) 選擇【文件】|【保存】命令,保存當(dāng)前編輯的文檔2.2.5創(chuàng)

26、建文字動(dòng)畫本節(jié)創(chuàng)建整個(gè)flash動(dòng)畫的第三部分,即文字動(dòng)畫,在這一節(jié)中將使用flash的文字工具來創(chuàng)建文字內(nèi)容,并使用這些文字對(duì)象制作文字動(dòng)畫(1) 下面將制作最后一段文字動(dòng)畫,單擊工具箱中的文字工具按鈕(2) 在【屬性】面板中單擊最左側(cè)下拉列表框,選擇【靜態(tài)文本】選項(xiàng)(3) 單擊【字體】下拉列表框,將文字字體設(shè)置為黑體(4) 將字體大小設(shè)置為28,字體顏色設(shè)為黃色,并單擊切換為粗體按鈕(5) 單擊【字體呈現(xiàn)方法】下拉列表,選擇其中的【可讀性消除鋸齒】選項(xiàng)(6) 在舞臺(tái)上適當(dāng)位置單擊,輸入文字2006德國 柏林鏖戰(zhàn)在即(7) 單擊工具箱中選擇工具按鈕,單擊舞臺(tái)上的文字實(shí)例(8) 將當(dāng)前文字實(shí)例

27、轉(zhuǎn)換為【影片剪輯】類型的元件,并命名為文字動(dòng)畫(9) 雙擊文字動(dòng)畫實(shí)例,進(jìn)入原件的編輯模式(10) 選擇【修改】|【分離】命令,將文字實(shí)例分離(11) 分別在時(shí)間軸的第43、52、54、56、58、60、62、115幀插入關(guān)鍵幀(12) 同時(shí)選擇第52-53幀,按DEL將之刪除為空白幀(13) 使用相同方法將第56-57幀和第60-62幀刪除為空白幀。這樣將得到文字交替出現(xiàn)的閃動(dòng)動(dòng)畫效果(14) 分別在第4、7、10、16、19、25、28、34、37、40幀插入關(guān)鍵幀,準(zhǔn)備制作文字逐個(gè)出現(xiàn)的打字機(jī)動(dòng)畫效果(15) 選擇第一幀,將舞臺(tái)上除了第1個(gè)文字2以外的所有文字刪除掉,由于前面進(jìn)行了分離操

28、作,因此這里可以單獨(dú)刪除指定的文字(16) 選擇第4幀,將舞臺(tái)上除了 20以外的所有文字刪除掉(17) 使用相同的方法依次設(shè)置后面的關(guān)鍵幀內(nèi)容。第7幀內(nèi)容為200;第10幀內(nèi)容為2006;第16幀內(nèi)容為2006 德;第19幀內(nèi)容為2006 德國;第25幀內(nèi)容為2006 德國 柏;第28幀內(nèi)容為2006 德國 柏林;第34幀內(nèi)容為2006 德國 柏林 鏖;第37幀內(nèi)容為2006 德國 柏林 鏖戰(zhàn);第40幀內(nèi)容為2006 德國 柏林 鏖戰(zhàn)在;第43幀內(nèi)容不做任何修改,因此應(yīng)該是完整的內(nèi)容。(18) 為了能夠清楚地觀察文字動(dòng)畫效果,可以直接雙擊【庫】面板中的文字動(dòng)畫元件,這樣就會(huì)直接顯示舞臺(tái)背景顏色

29、黑色,而不會(huì)顯示舞臺(tái)中其他圖層內(nèi)容。拖動(dòng)播放頭看效果(19) 單擊時(shí)間軸上方的【場(chǎng)景1】按鈕,返回到整個(gè)動(dòng)畫的主時(shí)間軸2.2.6整合主時(shí)間軸在完成前段動(dòng)畫制作之后,這屆將這些動(dòng)畫片段進(jìn)行整合,以組成一段完整的flash動(dòng)畫(1) 前面的動(dòng)畫都是在【影片剪輯】類型的元件中制作的,當(dāng)前主時(shí)間軸上還只有一個(gè)關(guān)鍵幀,當(dāng)然這些元件都已經(jīng)擺放在了舞臺(tái)上(2) 下面需要移動(dòng)各個(gè)影片剪輯動(dòng)畫出現(xiàn)的次序?qū)χ鲿r(shí)間軸進(jìn)行排列整合。由于logo動(dòng)畫影片剪輯的長度為23幀,因此選擇當(dāng)前圖層的第23幀,插入普通幀(3) 新建一個(gè)圖層,并重命名為文字動(dòng)畫(4) 選擇舞臺(tái)上的文字動(dòng)畫實(shí)例,選擇【編輯】|【剪切】命令(5) 選

30、擇文字動(dòng)畫圖層的第1幀,由于其中還沒有內(nèi)容,因此仍為空白幀(6) 選擇【編輯】|【粘貼到當(dāng)前位置】命令,將所選擇實(shí)例由原來的logo圖層移動(dòng)到文字動(dòng)畫圖層,并且文字不會(huì)發(fā)生改變(7) 選擇當(dāng)前圖層的最后一幀,將之移動(dòng)到第220幀。選擇第1幀,將之移動(dòng)到第128幀(8) 新建一個(gè)圖層,并重新名為國旗動(dòng)畫將國旗動(dòng)畫圖層移動(dòng)到“文字動(dòng)畫”圖層下方,以避免將文字動(dòng)畫內(nèi)容遮住(9) 選擇舞臺(tái)上的“國旗動(dòng)畫”實(shí)例,選擇【編輯】|【剪切】命令(10) 選擇國旗動(dòng)畫圖層的第1幀,選擇【編輯】|【粘貼到當(dāng)前位置】命令,將所選擇實(shí)例由原來的logo圖層移動(dòng)到國旗動(dòng)畫圖層(11) 將第1幀移動(dòng)到第108幀,即國旗動(dòng)

31、畫在第108幀才會(huì)出現(xiàn)(12) 新建一個(gè)圖層,并重新命名為“地圖動(dòng)畫”將這個(gè)圖層移動(dòng)到國旗動(dòng)畫圖層的下方。(13) 選擇舞臺(tái)上的地圖動(dòng)畫實(shí)例,選擇【編輯】|【剪切】命令(14) 選擇地圖動(dòng)畫圖層的第1幀,選擇【編輯】|【粘貼到當(dāng)前位置】命令,所選擇實(shí)例由原來的logo圖層移動(dòng)到地圖動(dòng)畫圖層(15) 將第1幀移動(dòng)到第27幀,即地圖動(dòng)畫在第27幀才會(huì)出現(xiàn)(16) 此時(shí)就將主時(shí)間軸動(dòng)畫組合完畢,不過由于他們都是由影片剪輯組成的,因此不能通過簡(jiǎn)單的拖動(dòng)播放頭來查看整體動(dòng)畫效果(17) 選擇【控制】|【測(cè)試影片】命令,對(duì)當(dāng)前影片進(jìn)行測(cè)試。(18) 選擇【文件】|【保存】命令,保存當(dāng)前文檔。2.2.7添加

32、鏈接當(dāng)前制作的這個(gè)動(dòng)畫是要在網(wǎng)頁中播放的,因此需要添加一個(gè)鏈接功能,使網(wǎng)頁瀏覽者單擊該動(dòng)畫時(shí)可以打開指定的鏈接地址的網(wǎng)頁。這里將添加一個(gè)大的不可見按鈕,使其既具有鏈接功能又不影響動(dòng)畫播放效果。(1) 在文字動(dòng)畫圖層的上方新建一個(gè)圖層,并重新命名為按鈕(2) 單擊工具箱中的矩形按鈕,單擊面板底部的【筆觸顏色】按鈕,在彈出的【顏色選取器】中單擊沒有顏色按鈕,禁用矩形輪廓(3) 在舞臺(tái)上繪制一個(gè)矩形,矩形的大小和顏色都無關(guān)緊要,因?yàn)榭梢栽凇緦傩浴棵姘逯性O(shè)置其大小、位置、以及完全透明(4) 單擊工具箱中的選擇工具按鈕,選擇舞臺(tái)上繪制的矩形(5) 在【屬性】面板中將矩形的寬度設(shè)置為400,高度設(shè)置為25

33、0,在XY文本框中輸入0,以使矩形與舞臺(tái)完全對(duì)齊(6) 在矩形仍處于選擇狀態(tài)下,將矩形圖形轉(zhuǎn)換為元件。在打開的【轉(zhuǎn)換為元件】對(duì)話框中輸入元件名稱為鏈接按鈕并選中【按鈕】單選按鈕。(7) 單擊【確定】按鈕,關(guān)閉對(duì)話框,得到一個(gè)【按鈕】類型的元件(8) 雙擊舞臺(tái)上的實(shí)例,進(jìn)入元件編輯模式【按鈕】元件的時(shí)間軸與【影片剪輯】和【圖形】元件的時(shí)間軸不同,它默認(rèn)含有4個(gè)關(guān)鍵幀,當(dāng)前矩形位于按鈕的第一個(gè)【彈出】幀上,這定義了按鈕的彈出狀態(tài)(9) 由于要?jiǎng)?chuàng)建完全透明的按鈕,因此需要將矩形移至【點(diǎn)擊】幀處,該幀是按鈕的單擊區(qū)域。選擇【彈出】幀,并拖動(dòng)到【點(diǎn)擊】幀上,現(xiàn)在,整個(gè)動(dòng)畫區(qū)域都可以單擊,但在動(dòng)畫中看不到該按鈕。(10) 單擊時(shí)間軸上方的【場(chǎng)景1】按鈕,返回到整個(gè)動(dòng)畫的主時(shí)間軸(11) 現(xiàn)在,舞臺(tái)上有一個(gè)深青色

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論