《Flash動(dòng)畫設(shè)計(jì)與制作（第三版）》 課件 勞動(dòng) 項(xiàng)目5-10 遮罩動(dòng)畫制作- -動(dòng)畫短片制作

Flash動(dòng)畫設(shè)計(jì)與制作（第三版）1項(xiàng)目五

遮罩動(dòng)畫制作2項(xiàng)目五

遮罩動(dòng)畫制作3

遮罩動(dòng)畫是Flash中重要的動(dòng)畫類型，很多動(dòng)畫特效都是通過遮罩來完成的。遮罩動(dòng)畫和引導(dǎo)層動(dòng)畫一樣，最少需要兩個(gè)圖層，它透過遮罩層上對(duì)象的形狀來顯示被遮罩層中的內(nèi)容。使用遮罩動(dòng)畫可以實(shí)現(xiàn)水波、卷軸、百葉窗和放大鏡等效果。任務(wù)1制作春暖花開動(dòng)畫任務(wù)2制作放大鏡動(dòng)畫任務(wù)3制作心為你動(dòng)動(dòng)畫任務(wù)4制作飛流直下動(dòng)畫4項(xiàng)目五

遮罩動(dòng)畫制作5任務(wù)一

制作春暖花開動(dòng)畫學(xué)習(xí)目標(biāo)理解遮罩動(dòng)畫的概念和原理掌握被遮罩層運(yùn)動(dòng)的遮罩動(dòng)畫的制作方法和技巧，能制作簡(jiǎn)單的遮罩動(dòng)畫6任務(wù)描述7本任務(wù)是一個(gè)簡(jiǎn)單的遮罩動(dòng)畫制作實(shí)例，主要透過遮罩層上文字的形狀觀看被遮罩層中的圖片移動(dòng)效果，如圖5-1-1所示。要完成本任務(wù)，除了理解遮罩層和被遮罩層的概念，以及遮罩動(dòng)畫的原理外，還要掌握遮罩動(dòng)畫的制作方法和技巧。圖5-1-1?春暖花開動(dòng)畫效果圖相關(guān)知識(shí)8一、遮罩動(dòng)畫的概念在Flash作品中，經(jīng)常會(huì)看到一些炫目神奇的效果，其中很多就是用最簡(jiǎn)單的“遮罩”完成的，如水波、百葉窗、放大鏡和卷軸等效果。遮罩動(dòng)畫和引導(dǎo)層動(dòng)畫一樣，最少需要兩個(gè)圖層。與普通圖層不同的是，在遮罩動(dòng)畫中只能透過遮罩層上對(duì)象的形狀來觀看被遮罩層中的內(nèi)容。遮罩層上對(duì)象的形狀是一個(gè)“視窗”，“視窗”內(nèi)的對(duì)象會(huì)顯示出來，“視窗”外的對(duì)象不會(huì)顯示。在播放動(dòng)畫時(shí)，“視窗”也不會(huì)顯示。相關(guān)知識(shí)9二、遮罩層和被遮罩層1.?遮罩層遮罩動(dòng)畫中位于上方的圖層是遮罩層，一個(gè)遮罩動(dòng)畫只能有一個(gè)遮罩層。遮罩層中的對(duì)象必須是圖形、位圖、文字、影片剪輯元件或按鈕，不能是線條。如果要使用線條，可以將線條轉(zhuǎn)化為“填充”。2.?被遮罩層遮罩動(dòng)畫中位于下方的圖層是被遮罩層。被遮罩層中的對(duì)象可以是圖形、位圖、文字、影片剪輯元件、按鈕或線條。在一個(gè)遮罩效果中，被遮罩層可以有多個(gè)。相關(guān)知識(shí)10三、制作遮罩動(dòng)畫的步驟1.在時(shí)間軸面板中創(chuàng)建兩個(gè)普通圖層，在圖層中可以導(dǎo)入位圖、繪制對(duì)象或者制作動(dòng)畫。2.在位于上方的圖層上單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“遮罩層”選項(xiàng)，創(chuàng)建遮罩動(dòng)畫，如圖5-1-2所示。此時(shí)，遮罩層的圖標(biāo)由

變?yōu)?/p>

，被遮罩層的圖標(biāo)變?yōu)?/p>

，被遮罩層自動(dòng)縮進(jìn)，時(shí)間軸面板如圖5-1-3所示。圖5-1-2?“遮罩層”選項(xiàng)圖5-1-3?遮罩動(dòng)畫的時(shí)間軸面板相關(guān)知識(shí)11四、遮罩動(dòng)畫的用途遮罩動(dòng)畫有兩種用途：一種是遮罩整個(gè)場(chǎng)景或一個(gè)特定區(qū)域，使場(chǎng)景外的對(duì)象或特定區(qū)域外的對(duì)象不可見；另一種是遮罩某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。12任務(wù)二

制作放大鏡動(dòng)畫學(xué)習(xí)目標(biāo)熟悉遮罩動(dòng)畫中可以使用的動(dòng)畫類型掌握遮罩層運(yùn)動(dòng)的遮罩動(dòng)畫的制作方法和技巧，能制作簡(jiǎn)單的遮罩動(dòng)畫13任務(wù)描述14本任務(wù)是一個(gè)遮罩動(dòng)畫制作實(shí)例，遮罩層中的鏡片在舞臺(tái)上移動(dòng)，透過鏡片的形狀可觀看被遮罩層中被放大后的文字，效果如圖5-2-1所示。要完成本任務(wù)，除了進(jìn)一步理解遮罩層和被遮罩層的概念及遮罩動(dòng)畫的原理外，還要熟悉遮罩動(dòng)畫中的動(dòng)畫類型，熟練掌握遮罩動(dòng)畫的制作方法和技巧。圖5-2-1?放大鏡動(dòng)畫效果圖15任務(wù)三

制作心為你動(dòng)動(dòng)畫學(xué)習(xí)目標(biāo)進(jìn)一步熟悉遮罩動(dòng)畫的基本原理掌握遮罩層和被遮罩層同時(shí)運(yùn)動(dòng)的遮罩動(dòng)畫的制作方法和技巧，能熟練制作遮罩動(dòng)畫16任務(wù)描述17本任務(wù)是一個(gè)基本的遮罩動(dòng)畫制作實(shí)例，動(dòng)畫中給兩個(gè)反向旋轉(zhuǎn)的線條組合制作遮罩，以形成閃動(dòng)的效果，如圖5-3-1所示。要完成本任務(wù)，除了進(jìn)一步理解遮罩動(dòng)畫的基本原理外，還要熟練掌握遮罩動(dòng)畫的制作方法和技巧。圖5-3-1?心為你動(dòng)動(dòng)畫效果圖相關(guān)知識(shí)18遮罩動(dòng)畫一般有以下三種基本形式。1.遮罩層是靜止的，被遮罩層是運(yùn)動(dòng)的。如項(xiàng)目五任務(wù)1制作春暖花開動(dòng)畫中的動(dòng)畫效果。2.遮罩層是運(yùn)動(dòng)的，被遮罩層是靜止的。如項(xiàng)目五任務(wù)2制作放大鏡動(dòng)畫中的動(dòng)畫效果。3.遮罩層和被遮罩層都是運(yùn)動(dòng)的。本任務(wù)將采用這種形式來制作動(dòng)畫效果。19任務(wù)四

制作飛流直下動(dòng)畫學(xué)習(xí)目標(biāo)掌握多層遮罩動(dòng)畫疊加的制作方法和技巧，能熟練制作多層遮罩動(dòng)畫掌握調(diào)整遮罩層形狀與被遮罩物體之間關(guān)系的方法20任務(wù)描述21本任務(wù)是一個(gè)綜合的遮罩動(dòng)畫制作實(shí)例，動(dòng)畫中將瀑布和溪水分成兩部分，分別添加了遮罩動(dòng)畫，生成水流動(dòng)的動(dòng)畫效果，再加上鴨子們?cè)谒嫌蝿?dòng)，組成“潺潺流水、鴨游溪上”的美好畫面，如圖5-4-1所示。要完成本任務(wù)，除了進(jìn)一步熟練掌握遮罩動(dòng)畫的制作方法和技巧外，還要掌握遮罩動(dòng)畫與其他形式動(dòng)畫相融合的制作方法。圖5-4-1?飛流直下動(dòng)畫效果圖相關(guān)知識(shí)22在較為復(fù)雜的動(dòng)畫制作實(shí)例中，遮罩動(dòng)畫可與其他形式的動(dòng)畫結(jié)合使用，只要熟練掌握各種動(dòng)畫的制作方法，再結(jié)合元件操作和圖層操作，就可以制作出各種形象、生動(dòng)的動(dòng)畫效果。應(yīng)用遮罩動(dòng)畫時(shí)要注意：并非所有的可顯示對(duì)象都可以在遮罩層中產(chǎn)生孔，并使被遮罩層中的對(duì)象透過來。例如，使用線條工具

、鉛筆工具

、鋼筆工具

和墨水瓶工具

制作的矢量線條就不能在遮罩層中產(chǎn)生孔，需要選中線條并執(zhí)行“修改”→“形狀”→“將線條轉(zhuǎn)換為填充”命令后，才能在遮罩層中產(chǎn)生孔。謝謝觀看23Flash動(dòng)畫設(shè)計(jì)與制作（第三版）24項(xiàng)目六

電子賀卡制作25項(xiàng)目六

電子賀卡制作26

前五個(gè)項(xiàng)目側(cè)重介紹Flash動(dòng)畫基本制作技巧，從本項(xiàng)目開始，將側(cè)重介紹應(yīng)用技巧。Flash可以采用多場(chǎng)景的形式制作各式各樣的賀卡，本項(xiàng)目以兒童節(jié)賀卡和春節(jié)賀卡為例，介紹元件、實(shí)例、庫，以及多場(chǎng)景動(dòng)畫的制作等。任務(wù)1制作兒童節(jié)賀卡任務(wù)2制作春節(jié)賀卡27項(xiàng)目六

電子賀卡制作28任務(wù)一

制作兒童節(jié)賀卡學(xué)習(xí)目標(biāo)掌握元件的制作技巧，以及實(shí)例和庫的應(yīng)用技巧能綜合應(yīng)用動(dòng)畫技術(shù)制作電子賀卡29任務(wù)描述30本任務(wù)是綜合應(yīng)用動(dòng)畫技術(shù)制作兒童節(jié)賀卡，效果如圖6-1-1所示。要完成本任務(wù)，除了掌握賀卡的制作方法外，還要掌握元件、實(shí)例和庫在動(dòng)畫中的應(yīng)用技巧。圖6-1-1?兒童節(jié)賀卡效果圖相關(guān)知識(shí)31一、元件1.?元件的類型元件是構(gòu)成動(dòng)畫的基礎(chǔ)，是可以被重復(fù)使用、不必反復(fù)制作的對(duì)象。每個(gè)元件是一個(gè)小的動(dòng)畫片段，有自己獨(dú)立的時(shí)間軸、舞臺(tái)和圖層。在Flash動(dòng)畫中使用元件可減小文件的大小。元件分為圖形元件、影片剪輯元件和按鈕元件三種類型。（1）圖形元件圖形元件是制作動(dòng)畫的基本元件之一，用于創(chuàng)建可被反復(fù)使用的靜態(tài)圖形或與主時(shí)間軸關(guān)聯(lián)的動(dòng)畫片段，它可以是靜止的圖片，也可以是由多幀組成的動(dòng)畫。不能給圖形元件的實(shí)例設(shè)置名稱，因此也不能用ActionScript語句對(duì)圖形元件進(jìn)行控制。圖形元件不能應(yīng)用混合技術(shù)及濾鏡效果，但可以通過“屬性”面板中的顏色選項(xiàng)對(duì)其亮度、色調(diào)和透明度進(jìn)行設(shè)置。相關(guān)知識(shí)32一、元件（2）影片剪輯元件影片剪輯元件是制作動(dòng)畫最重要的元件，是動(dòng)畫中的動(dòng)畫。它有自己的時(shí)間軸，而且不受主時(shí)間軸的控制。它可以包含交互組件、圖形、聲音或其他影片剪輯實(shí)例。當(dāng)播放主動(dòng)畫時(shí)，影片剪輯元件也在循環(huán)播放。影片剪輯元件的實(shí)例可以設(shè)置名稱，可以用ActionScript語句對(duì)其進(jìn)行控制。在影片剪輯元件時(shí)間軸上的關(guān)鍵幀可以包含程序代碼?？梢酝ㄟ^“屬性”面板中的顏色選項(xiàng)對(duì)影片剪輯元件的亮度、色調(diào)和透明度進(jìn)行設(shè)置，還可以應(yīng)用混合技術(shù)及濾鏡效果。相關(guān)知識(shí)33一、元件（3）按鈕元件按鈕元件用于創(chuàng)建交互式控制按鈕，其可以感知并響應(yīng)鼠標(biāo)的動(dòng)作。有關(guān)按鈕元件的知識(shí)將在本項(xiàng)目任務(wù)2中介紹。三種元件的圖標(biāo)如圖6-1-2所示。圖6-1-2?“庫”面板中三種元件的圖標(biāo)相關(guān)知識(shí)34一、元件2.?元件的創(chuàng)建與復(fù)制（1）創(chuàng)建新元件1）執(zhí)行“插入”→“新建元件”命令或按“Ctrl+F8”組合鍵，打開“創(chuàng)建新元件”對(duì)話框，如圖6-1-3所示。2）在“名稱”輸入框中輸入名稱，在“類型”選項(xiàng)組中選擇類型，單擊“確定”按鈕。3）Flash自動(dòng)進(jìn)入元件編輯區(qū)，在編輯區(qū)中進(jìn)行編輯。4）制作完成后，單擊“場(chǎng)景”圖標(biāo)

，返回到場(chǎng)景中。圖6-1-3?“創(chuàng)建新元件”對(duì)話框相關(guān)知識(shí)35一、元件（2）將對(duì)象轉(zhuǎn)換為元件1）在舞臺(tái)中選中對(duì)象，按“F8”鍵打開“轉(zhuǎn)換為元件”對(duì)話框，如圖6-1-4所示。2）在“名稱”輸入框中輸入名稱，在“類型”選項(xiàng)組中選擇類型，單擊“確定”按鈕。圖6-1-4?“轉(zhuǎn)換為元件”對(duì)話框相關(guān)知識(shí)36一、元件（3）將動(dòng)畫轉(zhuǎn)換為元件1）選取時(shí)間軸面板上的所有幀，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“復(fù)制幀”選項(xiàng)。2）按“Ctrl+F8”組合鍵，打開“創(chuàng)建新元件”對(duì)話框，在對(duì)話框內(nèi)輸入元件名稱并設(shè)置元件類型為影片剪輯，單擊“確定”按鈕，創(chuàng)建一個(gè)空的影片剪輯元件，進(jìn)入元件編輯區(qū)中。3）選擇空元件的第1幀，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“粘貼幀”選項(xiàng)，單擊“場(chǎng)景”圖標(biāo)

，返回到主場(chǎng)景中，這樣就把動(dòng)畫轉(zhuǎn)換成了元件。相關(guān)知識(shí)37一、元件（4）復(fù)制元件在“庫”面板中選中要復(fù)制的元件，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“直接復(fù)制”選項(xiàng)，打開“直接復(fù)制元件”對(duì)話框，如圖6-1-5所示，在對(duì)話框中修改元件名稱并單擊“確定”按鈕，即可完成元件的復(fù)制。圖6-1-5?“直接復(fù)制元件”對(duì)話框相關(guān)知識(shí)38一、元件3.?元件的編輯創(chuàng)建好的元件可以通過以下兩種方法進(jìn)行修改。（1）雙擊“庫”面板中需要修改的元件，即可進(jìn)入元件的編輯區(qū)，在元件的編輯區(qū)中進(jìn)行修改。（2）把需要修改的元件拖動(dòng)到舞臺(tái)上，選中元件，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯”選項(xiàng)，進(jìn)入元件的編輯區(qū)進(jìn)行修改。編輯完元件后，單擊“場(chǎng)景”圖標(biāo)

，退出元件的編輯模式。相關(guān)知識(shí)39二、實(shí)例1.?實(shí)例的概念把一個(gè)元件從“庫”面板中拖動(dòng)到舞臺(tái)上，并不是將元件本身放置在舞臺(tái)上，而是創(chuàng)建了元件的一個(gè)副本，即實(shí)例。實(shí)例來源于元件，每一個(gè)實(shí)例都有自身的、獨(dú)立于元件的屬性。在“屬性”面板上可以顯示實(shí)例的來源和類型，可以修改實(shí)例的大小、位置和透明度等。影片剪輯元件和按鈕元件實(shí)例的“屬性”面板上還有“實(shí)例名稱”輸入框，用于修改其名稱，如圖6-1-6所示。圖6-1-6?影片剪輯元件實(shí)例的“屬性”面板相關(guān)知識(shí)40二、實(shí)例2.?實(shí)例的屬性在創(chuàng)建元件實(shí)例后，可以通過“屬性”面板的“顏色”下拉列表中的選項(xiàng)對(duì)元件實(shí)例進(jìn)行編輯，如調(diào)整亮度、色調(diào)和Alpha等。（1）亮度從“顏色”下拉列表中選擇“亮度”選項(xiàng)，可以調(diào)整實(shí)例的亮度，在“亮度”選項(xiàng)的右邊有一個(gè)輸入框，可以直接輸入數(shù)值，如圖6-1-7所示，也可以通過點(diǎn)擊輸入框右側(cè)的倒三角形按鈕，調(diào)節(jié)右側(cè)彈出的滑桿來改變數(shù)值的大小。亮度數(shù)值的取值范圍是-100%～100%，數(shù)值越大，亮度越高；數(shù)值越小，亮度越低。圖6-1-7?調(diào)整元件實(shí)例的亮度相關(guān)知識(shí)41二、實(shí)例（2）色調(diào)色調(diào)用于調(diào)整實(shí)例的顏色。在“顏色”下拉列表中選擇“色調(diào)”選項(xiàng)，在右側(cè)的顏色拾取器中可以選擇一種顏色，還可以在RGB輸入框中直接輸入數(shù)值來調(diào)節(jié)實(shí)例本身的RGB顏色，如圖6-1-8所示。圖6-1-8?調(diào)整元件實(shí)例的色調(diào)相關(guān)知識(shí)42二、實(shí)例（3）Alpha從“顏色”下拉列表中選擇“Alpha”選項(xiàng)，可以調(diào)整實(shí)例的透明度，在“Alpha”選項(xiàng)的右側(cè)有一個(gè)輸入框，可以直接輸入數(shù)值，如圖6-1-9所示。也可以通過點(diǎn)擊輸入框右側(cè)的倒三角形按鈕，調(diào)節(jié)右側(cè)彈出的滑桿來改變數(shù)值的大小。Alpha數(shù)值的取值范圍是0%～100%，數(shù)值越大，不透明度越高；數(shù)值越小，不透明度越低。圖6-1-9?調(diào)整元件實(shí)例的Alpha值相關(guān)知識(shí)43二、實(shí)例（4）高級(jí)在“高級(jí)”選項(xiàng)中，可以同時(shí)調(diào)整實(shí)例的顏色和透明度，“高級(jí)”選項(xiàng)的“屬性”面板如圖6-1-10所示。單擊“高級(jí)”選項(xiàng)右側(cè)的“設(shè)置”按鈕，可以打開“高級(jí)效果”對(duì)話框，如圖6-1-11所示，在“高級(jí)效果”對(duì)話框中可以調(diào)整實(shí)例的紅色、綠色和藍(lán)色的比例和Alpha值。圖6-1-10?用“高級(jí)”選項(xiàng)調(diào)整元件實(shí)例的屬性圖6-1-11?“高級(jí)效果”對(duì)話框相關(guān)知識(shí)44二、實(shí)例3.實(shí)例的轉(zhuǎn)換（1）三種元件類型間的轉(zhuǎn)換可以通過改變實(shí)例的類型來重新定義它在Flash中的行為。例如，可以將圖形實(shí)例重新定義為影片剪輯實(shí)例，具體操作步驟如下。1）在舞臺(tái)上選中圖形實(shí)例，執(zhí)行“窗口”→“屬性”命令，打開“屬性”面板。2）在“屬性”面板左上角的下拉菜單中重新選擇元件類型，如圖6-1-12所示。圖6-1-12?選擇元件類型相關(guān)知識(shí)45二、實(shí)例（2）為實(shí)例指定不同的元件在舞臺(tái)上創(chuàng)建實(shí)例后，也可以為實(shí)例指定另外的元件，讓舞臺(tái)上出現(xiàn)一個(gè)完全不同的實(shí)例，而不是改變?cè)瓉韺?shí)例的屬性。為實(shí)例指定不同元件的步驟如下。1）在舞臺(tái)上選中實(shí)例，在“屬性”面板中單擊“交換”按鈕

，彈出圖6-1-13所示的“交換元件”對(duì)話框。圖6-1-13?“交換元件”對(duì)話框相關(guān)知識(shí)46二、實(shí)例2）在“交換元件”對(duì)話框中，選擇一個(gè)元件來替換當(dāng)前實(shí)例的元件。若要直接復(fù)制選定的元件，可單擊對(duì)話框底部的“直接復(fù)制元件”按鈕

。3）單擊“確定”按鈕，舞臺(tái)上實(shí)例的元件將被新的元件替換。相關(guān)知識(shí)47三、庫1.?認(rèn)識(shí)庫在Flash中，所有可以重復(fù)使用的元素都放在庫中，這些可以重復(fù)使用的元素包括從外部導(dǎo)入的圖像和聲音，以及創(chuàng)建的圖形元件、按鈕元件和影片剪輯元件。庫是存放素材的地方，也是資源共享的場(chǎng)所。（1）公用庫執(zhí)行“窗口”→“公用庫”命令，可以打開系統(tǒng)提供的公用庫，如圖6-1-14所示。公用庫中包括已經(jīng)設(shè)計(jì)并制作好的按鈕、學(xué)習(xí)交互，以及類的實(shí)例。用戶可以直接將公用庫中的元素拖動(dòng)到舞臺(tái)上使用，在舞臺(tái)上正在使用的公用庫中的元素會(huì)被自動(dòng)放置到“庫”面板中。圖6-1-14?打開公用庫相關(guān)知識(shí)48三、庫（2）庫每個(gè)Flash文件都含有一個(gè)元件庫，用于存放動(dòng)畫中的元件、圖片、聲音和視頻等文件，在動(dòng)畫制作過程中需要的素材可以直接導(dǎo)入到庫中備用。由于每個(gè)動(dòng)畫使用的素材和元件不同，“庫”面板中的內(nèi)容也不相同。在“庫”面板中選中一個(gè)元件時(shí)，在預(yù)覽窗口中將顯示該元件的內(nèi)容，如圖6-1-15所示。圖6-1-15?庫的預(yù)覽窗口相關(guān)知識(shí)49三、庫2.?管理庫在制作大文件時(shí)，庫中的元件會(huì)越來越多，因而會(huì)顯得雜亂無章，這時(shí)需要對(duì)庫資源進(jìn)行管理?！皫臁泵姘逯杏性S多命令按鈕，利用這些命令按鈕可以管理庫資源。（1）“新建元件”按鈕：?jiǎn)螕粼摪粹o，將打開“創(chuàng)建新元件”對(duì)話框。（2）“新建文件夾”按鈕：?jiǎn)螕粼摪粹o，將創(chuàng)建一個(gè)文件夾，可以把相關(guān)的元件放在同一個(gè)文件夾中。相關(guān)知識(shí)50三、庫（3）“屬性”按鈕

：?jiǎn)螕粼摪粹o，將打開“元件屬性”對(duì)話框，如圖6-1-16所示。在該對(duì)話框中可以對(duì)元件的名稱、類型及內(nèi)容進(jìn)行編輯和修改。圖6-1-16?“元件屬性”對(duì)話框相關(guān)知識(shí)51三、庫（4）“刪除”按鈕

：?jiǎn)螕粼摪粹o，將“庫”面板中選中的元件或文件夾刪除。（5）“切換排序順序”按鈕

：?jiǎn)螕粼摪粹o，使“庫”面板中元件的排列順序顛倒。（6）“寬庫視圖”按鈕

：?jiǎn)螕粼摪粹o，展寬“庫”面板，顯示出各元件的名稱、類型和使用次數(shù)等內(nèi)容。（7）“窄庫視圖”按鈕

：?jiǎn)螕粼摪粹o，使展開的“庫”面板變窄，減小其在屏幕上占用的空間。52任務(wù)二

制作春節(jié)賀卡學(xué)習(xí)目標(biāo)掌握按鈕元件的制作和應(yīng)用技巧掌握多場(chǎng)景動(dòng)畫的制作技巧，能綜合應(yīng)用動(dòng)畫技術(shù)制作電子賀卡53任務(wù)描述54本任務(wù)是綜合應(yīng)用動(dòng)畫技術(shù)制作春節(jié)賀卡，效果如圖6-2-1所示。要完成本任務(wù)，除了熟練掌握按鈕元件、實(shí)例和庫的應(yīng)用技巧外，還要掌握多場(chǎng)景動(dòng)畫的制作技巧。圖6-2-1?春節(jié)賀卡效果圖相關(guān)知識(shí)55一、按鈕元件1.?按鈕元件的作用和時(shí)間軸按鈕元件用于創(chuàng)建交互式控制按鈕，其可以感知并響應(yīng)鼠標(biāo)的動(dòng)作。按鈕元件的時(shí)間軸上有四幀，分別為“彈起”“指針經(jīng)過”“按下”和“點(diǎn)擊”，它們的作用如下。（1）彈起：鼠標(biāo)指針沒有移到按鈕上時(shí)按鈕的狀態(tài)。（2）指針經(jīng)過：鼠標(biāo)指針移到按鈕上時(shí)按鈕的狀態(tài)。（3）按下：鼠標(biāo)單擊按鈕時(shí)按鈕的狀態(tài)。（4）點(diǎn)擊：鼠標(biāo)事件的響應(yīng)范圍。如果按鈕沒有設(shè)置“點(diǎn)擊”狀態(tài)的區(qū)域，鼠標(biāo)事件的響應(yīng)范圍應(yīng)該由“彈起”狀態(tài)的按鈕外觀區(qū)域決定?！包c(diǎn)擊”幀的圖形不會(huì)在影片中顯示。相關(guān)知識(shí)56一、按鈕元件按鈕元件與影片剪輯元件一樣可以設(shè)置實(shí)例名稱，以便在程序中進(jìn)行調(diào)用；可以通過“屬性”面板中的顏色選項(xiàng)對(duì)其亮度、色調(diào)和透明度進(jìn)行設(shè)置。按鈕元件可以嵌套在影片剪輯元件和圖形元件中，也可以包含文件和聲音。按鈕元件與影片剪輯元件的不同之處在于其語句不能加在按鈕元件的時(shí)間軸上。相關(guān)知識(shí)57一、按鈕元件2.?創(chuàng)建按鈕方法一：使用公用庫中的按鈕，操作步驟如下。執(zhí)行“窗口”→“公用庫”→“按鈕”命令，打開“庫-Buttons”窗口，選擇一個(gè)按鈕并將其拖動(dòng)到舞臺(tái)中，即可完成按鈕的創(chuàng)建，如圖6-2-2所示。方法二：新建按鈕元件，操作步驟如下。（1）執(zhí)行“插入”→“新建元件”命令或按“Ctrl+F8”組合鍵，打開“創(chuàng)建新元件”對(duì)話框。圖6-2-2?“庫-Buttons”窗口相關(guān)知識(shí)58一、按鈕元件（2）在“名稱”輸入框中輸入名稱，在“類型”中選擇“按鈕”，單擊“確定”按鈕，如圖6-2-3所示。（3）Flash自動(dòng)進(jìn)入元件編輯區(qū)，可分別在“彈起”“指針經(jīng)過”“按下”和“點(diǎn)擊”幀中繪制圖形。按鈕元件的時(shí)間軸面板如圖6-2-4所示。（4）制作完成后，單擊“場(chǎng)景”圖標(biāo)

，退出元件編輯模式。圖6-2-3?“創(chuàng)建新元件”對(duì)話框圖6-2-4?按鈕元件的時(shí)間軸面板相關(guān)知識(shí)59二、場(chǎng)景利用場(chǎng)景可以將整個(gè)Flash影片分成一段段獨(dú)立的、易于管理的組。每個(gè)場(chǎng)景都是一段短影片，按照其在“場(chǎng)景”面板中的先后順序一個(gè)接一個(gè)地播放，在場(chǎng)景間沒有任何停頓和閃爍?？梢酝ㄟ^“場(chǎng)景”面板訪問場(chǎng)景，“場(chǎng)景”面板不僅顯示了影片場(chǎng)景的數(shù)量和組織情況，還允許用戶復(fù)制、刪除和移動(dòng)場(chǎng)景，此外，還可以通過時(shí)間軸上的編輯欄來訪問場(chǎng)景。編輯欄顯示的是當(dāng)前場(chǎng)景，當(dāng)切換到另一個(gè)場(chǎng)景時(shí)，編輯欄會(huì)相應(yīng)地更改顯示。相關(guān)知識(shí)60二、場(chǎng)景1.?建立場(chǎng)景在制作復(fù)雜的Flash動(dòng)畫時(shí)，隨著影片越來越大、越來越復(fù)雜，需要添加更多的場(chǎng)景來更好地控制影片的組織結(jié)構(gòu)。方法一：執(zhí)行“插入”→“場(chǎng)景”命令，即可建立一個(gè)新場(chǎng)景，如圖6-2-5所示。圖6-2-5?“場(chǎng)景”命令相關(guān)知識(shí)61二、場(chǎng)景方法二：利用“場(chǎng)景”面板添加場(chǎng)景，操作步驟如下。（1）執(zhí)行“窗口”→“其他面板”→“場(chǎng)景”命令，打開“場(chǎng)景”面板。（2）單擊位于“場(chǎng)景”面板右下角的“添加場(chǎng)景”按鈕，F(xiàn)lash會(huì)在影片中添加一個(gè)新場(chǎng)景，新場(chǎng)景會(huì)默認(rèn)添加到當(dāng)前場(chǎng)景的下面，如圖6-2-6所示。圖6-2-6?添加場(chǎng)景相關(guān)知識(shí)62二、場(chǎng)景2.?刪除場(chǎng)景（1）執(zhí)行“窗口”→“其他面板”→“場(chǎng)景”命令，打開“場(chǎng)景”面板。（2）選擇要?jiǎng)h除的場(chǎng)景，單擊位于“場(chǎng)景”面板右下角的“刪除場(chǎng)景”按鈕，即可刪除場(chǎng)景，如圖6-2-7所示。圖6-2-7?刪除場(chǎng)景相關(guān)知識(shí)63二、場(chǎng)景3.?復(fù)制場(chǎng)景（1）執(zhí)行“窗口”→“其他面板”→“場(chǎng)景”命令，打開“場(chǎng)景”面板。（2）選擇要復(fù)制的場(chǎng)景，單擊位于“場(chǎng)景”面板右下角的“直接復(fù)制場(chǎng)景”按鈕

，在“場(chǎng)景”面板中將會(huì)出現(xiàn)選定場(chǎng)景的副本，其名稱是在原來的名稱上添加“副本”字樣，如圖6-2-8所示。圖6-2-8?復(fù)制場(chǎng)景相關(guān)知識(shí)64二、場(chǎng)景4.?更改場(chǎng)景名稱對(duì)于大型動(dòng)畫來說，使用Flash默認(rèn)的場(chǎng)景名稱很不方便，有必要給動(dòng)畫中的所有場(chǎng)景重新命名，操作步驟如下。（1）執(zhí)行“窗口”→“其他面板”→“場(chǎng)景”命令，打開“場(chǎng)景”面板。（2）雙擊要重命名的場(chǎng)景，在輸入新的名稱后按“Enter”鍵確認(rèn)即可，如圖6-2-9所示。圖6-2-9?更改場(chǎng)景名稱相關(guān)知識(shí)65二、場(chǎng)景5.改變場(chǎng)景播放順序場(chǎng)景是按照它們?cè)凇皥?chǎng)景”面板中的排列順序先后播放的，如果要更改場(chǎng)景的播放順序，直接在“場(chǎng)景”面板中更改其排列順序即可，操作步驟如下。（1）執(zhí)行“窗口”→“其他面板”→“場(chǎng)景”命令，打開“場(chǎng)景”面板。（2）選中場(chǎng)景并將其拖動(dòng)到合適的位置。在拖動(dòng)場(chǎng)景時(shí)，鼠標(biāo)指針附近將出現(xiàn)一條藍(lán)色的線，顯示場(chǎng)景將要被放置的位置，如圖6-2-10所示。圖6-2-10?拖動(dòng)場(chǎng)景相關(guān)知識(shí)66二、場(chǎng)景（3）移動(dòng)場(chǎng)景到合適的位置，釋放鼠標(biāo)左鍵即可改變場(chǎng)景的順序，如圖6-2-11所示。圖6-2-11?改變場(chǎng)景的順序謝謝觀看67Flash動(dòng)畫設(shè)計(jì)與制作（第三版）68項(xiàng)目七

網(wǎng)站應(yīng)用69項(xiàng)目七

網(wǎng)站應(yīng)用70Flash動(dòng)畫作品具有播放速度快、交互性強(qiáng)及視覺沖擊力高等特點(diǎn)，因而被廣泛應(yīng)用在網(wǎng)站設(shè)計(jì)中。本項(xiàng)目以網(wǎng)頁橫幅和文具廣告的制作為例，介紹Flash動(dòng)畫在網(wǎng)站設(shè)計(jì)中的應(yīng)用。任務(wù)1制作網(wǎng)頁橫幅任務(wù)2制作文具廣告71項(xiàng)目七

網(wǎng)站應(yīng)用72任務(wù)一

制作網(wǎng)頁橫幅學(xué)習(xí)目標(biāo)掌握濾鏡的作用、應(yīng)用方法和種類能綜合應(yīng)用動(dòng)畫技術(shù)、濾鏡以及ActionScript語句制作網(wǎng)頁橫幅73任務(wù)描述74本任務(wù)是一個(gè)網(wǎng)頁橫幅制作實(shí)例，綜合應(yīng)用動(dòng)畫技術(shù)、濾鏡以及ActionScript語句來制作歡樂熊貓文具網(wǎng)站的橫幅，效果如圖7-1-1所示。要完成本任務(wù)，除了掌握網(wǎng)頁橫幅的制作方法及濾鏡在動(dòng)畫中的應(yīng)用技巧外，還要掌握簡(jiǎn)單的ActionScript語句。圖6-1-1?兒童節(jié)賀卡效果圖相關(guān)知識(shí)75一、濾鏡的作用使用濾鏡可以為文本、按鈕或影片剪輯元件增添有趣的視覺效果，如使對(duì)象發(fā)光和添加投影等，也可以混合應(yīng)用多種效果。在應(yīng)用濾鏡后，可以隨時(shí)改變它各選項(xiàng)的值，或者調(diào)整濾鏡的添加順序，以生成不同效果。相關(guān)知識(shí)76二、應(yīng)用濾鏡的方法1.在Flash中選定要添加濾鏡效果的對(duì)象，打開“屬性”面板，選擇“濾鏡”選項(xiàng)卡，然后單擊“添加濾鏡”按鈕

，彈出下拉菜單，如圖7-1-2所示。2.從下拉菜單中選擇一種濾鏡，在“濾鏡”選項(xiàng)卡中進(jìn)行設(shè)置，如圖7-1-3所示，即可為對(duì)象添加濾鏡效果。圖7-1-3?設(shè)置濾鏡圖7-1-2?濾鏡下拉菜單相關(guān)知識(shí)77三、濾鏡種類Flash濾鏡分為投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角和調(diào)整顏色共七種。1.投影：投影濾鏡可以模擬對(duì)象在陽光照射下產(chǎn)生的陰影。2.模糊：模糊濾鏡可以使對(duì)象在X軸和Y軸上進(jìn)行模糊，從而產(chǎn)生柔化效果。3.發(fā)光：發(fā)光濾鏡的作用是在對(duì)象的周圍生成光芒。4.斜角：斜角濾鏡的作用是使對(duì)象產(chǎn)生立體的浮雕效果。5.漸變發(fā)光：漸變發(fā)光濾鏡的效果與發(fā)光濾鏡的效果基本一致，只是用戶可以調(diào)節(jié)發(fā)光的顏色為漸變顏色，還可以設(shè)置發(fā)光的角度、距離和類型。6.漸變斜角：漸變斜角濾鏡的效果與斜角濾鏡的效果基本一致，只是用戶可以調(diào)節(jié)斜角的顏色為漸變顏色，還可以設(shè)置斜角的角度、距離和類型。7.調(diào)整顏色：調(diào)整顏色濾鏡可以調(diào)整對(duì)象的亮度、對(duì)比度、飽和度和色相。78任務(wù)二

制作文具廣告學(xué)習(xí)目標(biāo)掌握時(shí)間軸特效的類型以及添加時(shí)間軸特效的步驟能綜合應(yīng)用動(dòng)畫技術(shù)和時(shí)間軸特效制作多場(chǎng)景動(dòng)畫79任務(wù)描述80本任務(wù)是一個(gè)網(wǎng)絡(luò)廣告制作實(shí)例，綜合應(yīng)用動(dòng)畫技術(shù)和時(shí)間軸特效來制作歡樂熊貓文具廣告，效果如圖7-2-1所示。要完成本任務(wù)，除了掌握時(shí)間軸特效的使用方法外，還要進(jìn)一步掌握多場(chǎng)景動(dòng)畫的制作方法。圖7-2-1?歡樂熊貓文具廣告效果圖相關(guān)知識(shí)81一、時(shí)間軸特效Flash為用戶提供了一些常用的動(dòng)畫命令，只要選中命令，就會(huì)自動(dòng)生成動(dòng)畫效果，從而簡(jiǎn)化動(dòng)畫的制作過程，這些自動(dòng)生成動(dòng)畫的功能就是時(shí)間軸特效?？梢詰?yīng)用時(shí)間軸特效的對(duì)象有文本、圖形、位圖、按鈕和影片剪輯元件等。相關(guān)知識(shí)82二、添加時(shí)間軸特效的步驟1.選擇要添加時(shí)間軸特效的對(duì)象。2.執(zhí)行“插入”→“時(shí)間軸特效”命令，從級(jí)聯(lián)菜單中選擇一種特效，如圖7-2-2所示。用戶也可以在選取對(duì)象后單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選取“時(shí)間軸特效”中的相應(yīng)特效。圖7-2-2?添加時(shí)間軸特效相關(guān)知識(shí)83二、添加時(shí)間軸特效的步驟3.在打開的對(duì)應(yīng)特效對(duì)話框中設(shè)置參數(shù)值，單擊“更改預(yù)覽”按鈕預(yù)覽特效效果，設(shè)置完成后單擊“確定”按鈕。Flash將把應(yīng)用特效的對(duì)象放置在一個(gè)新的圖層中（圖層名稱就是特效名稱后加數(shù)字），并在“庫”面板中添加一個(gè)特效文件夾和一個(gè)與圖層名稱相同的圖形元件。相關(guān)知識(shí)84三、時(shí)間軸特效的類型Flash內(nèi)置的時(shí)間軸特效分為變形、轉(zhuǎn)換、分布式直接復(fù)制、復(fù)制到網(wǎng)絡(luò)、分離、展開、投影和模糊共八種。1.變形：通過調(diào)整對(duì)象的位置、縮放比例、旋轉(zhuǎn)、Alpha值和色調(diào)，產(chǎn)生淡入淡出、縮放以及旋轉(zhuǎn)特效。2.轉(zhuǎn)換：對(duì)選定對(duì)象進(jìn)行擦除和淡入淡出處理，產(chǎn)生逐漸過渡的特效。3.分布式直接復(fù)制：復(fù)制選定的對(duì)象，使對(duì)象按一定增量發(fā)生改變。4.復(fù)制到網(wǎng)絡(luò)：先按列數(shù)復(fù)制選定對(duì)象，然后乘以行數(shù)，創(chuàng)建元素的網(wǎng)格。5.分離：將文本、元件和形狀等元素分裂、自旋和向外彎曲，使對(duì)象產(chǎn)生爆炸的效果。6.展開：在一段時(shí)間內(nèi)對(duì)指定的對(duì)象進(jìn)行縮放操作。7.投影：在對(duì)象的下方創(chuàng)建投影。8.模糊：通過更改對(duì)象在一段時(shí)間內(nèi)的Alpha值、位置或縮放比例來產(chǎn)生運(yùn)動(dòng)模糊特效。謝謝觀看85Flash動(dòng)畫設(shè)計(jì)與制作（第三版）86項(xiàng)目八

MTV制作87項(xiàng)目八

MTV制作88MTV是一種現(xiàn)代視頻技術(shù)，它將精美的畫面配以動(dòng)聽的歌曲，帶來視覺和聽覺的雙重享受。本項(xiàng)目通過制作MTV，介紹位圖文件和聲音文件在Flash中的應(yīng)用，以及聲音同步的方法。任務(wù)1制作詠梅MTV任務(wù)2制作蝸牛與黃鸝鳥MTV89項(xiàng)目八

MTV制作90任務(wù)一

制作詠梅MTV學(xué)習(xí)目標(biāo)掌握導(dǎo)入聲音文件的方法以及使聲音與詩詞同步的方法能綜合運(yùn)用動(dòng)畫制作方法和導(dǎo)入聲音、聲音同步等技術(shù)制作MTV91任務(wù)描述92本任務(wù)是一個(gè)詩歌朗誦MTV制作實(shí)例。在制作中，使用了導(dǎo)入聲音和聲音同步等技術(shù)，效果如圖8-1-1所示。要完成本任務(wù)，除了掌握聲音文件的導(dǎo)入方法外，還要掌握聲音與詩詞同步的方法。圖8-1-1?詠梅MTV效果圖相關(guān)知識(shí)93在Flash動(dòng)畫中，可以添加聲音以提高動(dòng)畫效果，從而增強(qiáng)作品的吸引力。Flash本身不具備制作音頻的功能，因而只能將制作好的聲音文件導(dǎo)入Flash中使用。可以導(dǎo)入Flash中的聲音文件格式有wav、mp3、aiff和wmv。相關(guān)知識(shí)941.執(zhí)行“文件”→“導(dǎo)入”→“導(dǎo)入到庫”命令，將聲音文件導(dǎo)入到“庫”面板中。2.在時(shí)間軸面板中為聲音文件創(chuàng)建一個(gè)獨(dú)立的圖層。3.選中聲音文件圖層，從“庫”面板中將聲音文件拖入舞臺(tái)中。4.導(dǎo)入聲音文件后，在時(shí)間軸的幀上，聲音只是一條短直線，如圖8-1-2所示。按“F5”鍵將幀延長，一直到聲音文件播完為止，聲音變?yōu)椴y線形狀，如圖8-1-3所示。一、導(dǎo)入聲音文件的方法圖8-1-2?導(dǎo)入聲音文件后的時(shí)間軸面板圖8-1-3?延長幀后的時(shí)間軸面板相關(guān)知識(shí)95聲音文件的“屬性”面板如圖8-1-4所示，其中常用選項(xiàng)的含義如下。二、聲音文件的“屬性”面板圖8-1-4?聲音文件的“屬性”面板相關(guān)知識(shí)96二、聲音文件的“屬性”面板1.聲音：用于選擇導(dǎo)入的聲音文件。2.效果：可以選擇Flash自帶的聲音效果。3.編輯：?jiǎn)螕舸税粹o會(huì)彈出“編輯封套”對(duì)話框，可對(duì)聲音文件進(jìn)行編輯。4.同步：用于選擇聲音和動(dòng)畫的同步類型，其各選項(xiàng)如圖8-1-5所示，各選項(xiàng)的含義如下。圖8-1-5?“同步”選項(xiàng)相關(guān)知識(shí)97二、聲音文件的“屬性”面板（1）事件：將聲音與一個(gè)事件的發(fā)生過程同步起來，聲音在事件的起始關(guān)鍵幀顯示時(shí)開始播放，并獨(dú)立于時(shí)間軸播放完整的聲音，即使swf格式的文件播放停止，聲音也會(huì)繼續(xù)播放，所以此選項(xiàng)適合播放較短的聲音。（2）開始：與“事件”選項(xiàng)類似，但是如果聲音文件正在播放中，使用“開始”選項(xiàng)則不會(huì)播放新的聲音實(shí)例。（3）停止：將使指定的聲音靜音。（4）數(shù)據(jù)流：將同步聲音，強(qiáng)制動(dòng)畫與音頻流同步。與“事件”選項(xiàng)不同，音頻流會(huì)隨著swf格式文件的停止而停止。相關(guān)知識(shí)98二、聲音文件的“屬性”面板5.重復(fù)：該下拉列表中包含兩個(gè)選項(xiàng)，各選項(xiàng)的具體含義如下。（1）重復(fù)：控制導(dǎo)入的聲音文件的播放次數(shù)，在其后面的輸入框中可輸入重復(fù)播放的次數(shù)。（2）循環(huán)：讓聲音文件循環(huán)播放，不停止。相關(guān)知識(shí)99三、聲音與詩詞同步的方法1.在時(shí)間軸面板上新建“詩詞標(biāo)記”圖層，拖動(dòng)播放頭到聲音的開始位置，按“Enter”鍵，開始播放聲音。當(dāng)聽到第一句詩詞的起始位置時(shí)，再次按“Enter”鍵，聲音停止播放。在聲音停止的這一幀按“F7”鍵，將此幀轉(zhuǎn)換為空白關(guān)鍵幀，打開“屬性”面板，在幀標(biāo)簽中輸入文字“第一句”，從“標(biāo)簽類型”下拉列表中選擇“注釋”。將第一句詩詞起始位置的幀注釋添加完成后，如圖8-1-6所示。再次按“Enter”鍵，繼續(xù)播放聲音，用同樣的方法在所有詩詞的起始位置加上幀注釋。圖8-1-6?添加幀注釋相關(guān)知識(shí)100三、聲音與詩詞同步的方法2.新建“詩詞”圖層，把播放頭定位到“詩詞標(biāo)記”圖層中標(biāo)簽為“第一句”的幀上，選中“詩詞”圖層上相同的幀，按“F7”鍵插入空白關(guān)鍵幀，在舞臺(tái)上輸入詩詞。在第一句詩詞加好以后，拖動(dòng)播放頭到“詩詞標(biāo)記”圖層中標(biāo)簽為“第二句”的幀上，選中“詩詞”圖層上相同的幀，按“F7”鍵插入空白關(guān)鍵幀，在舞臺(tái)上輸入第二句詩詞。用同樣的方法依次輸入所有詩詞。101任務(wù)二制作蝸牛與黃鸝鳥MTV學(xué)習(xí)目標(biāo)掌握設(shè)置聲音效果的方法能綜合運(yùn)用動(dòng)畫制作方法和導(dǎo)入聲音、聲音同步等技術(shù)制作MTV102任務(wù)描述103本任務(wù)是一個(gè)MTV制作實(shí)例，綜合運(yùn)用動(dòng)畫制作方法和導(dǎo)入聲音、聲音同步等技術(shù)制作蝸牛與黃鸝鳥MTV，效果如圖8-2-1所示。要完成本任務(wù)，除了熟練掌握聲音文件的導(dǎo)入方法外，還要掌握聲音與歌詞同步的方法。圖8-2-1?蝸牛與黃鸝鳥MTV效果圖相關(guān)知識(shí)104在MTV中添加聲音后，通過“屬性”面板中的“效果”選項(xiàng)可以設(shè)置聲音效果，如圖8-2-2所示，其中各選項(xiàng)的含義如下。圖8-2-2?“效果”選項(xiàng)相關(guān)知識(shí)105在MTV中添加聲音后，通過“屬性”面板中的“效果”選項(xiàng)可以設(shè)置聲音效果，如圖8-2-2所示，其中各選項(xiàng)的含義如下。1.無：播放聲音時(shí)將不使用任何特殊效果。2.左聲道：只在左聲道中播放聲音。3.右聲道：只在右聲道中播放聲音。4.從左到右淡出：讓聲音從左聲道傳到右聲道。5.從右到左淡出：讓聲音從右聲道傳到左聲道。6.淡入：使聲音逐漸增大。7.淡出：使聲音逐漸減小。8.自定義：選擇該選項(xiàng)可以自己創(chuàng)建聲音效果，并利用“編輯封套”對(duì)話框編輯聲音。謝謝觀看106Flash動(dòng)畫設(shè)計(jì)與制作（第三版）107項(xiàng)目九

游戲制作108項(xiàng)目九

游戲制作109Flash游戲以簡(jiǎn)單、操作方便、無須安裝和文件體積小等優(yōu)點(diǎn)被廣大網(wǎng)友喜愛。Flash中使用的ActionScript2.0是一種面向?qū)ο缶幊痰哪_本語言，可以極大地增強(qiáng)動(dòng)畫的交互性。利用Flash可以制作換裝游戲、拼圖游戲、射擊游戲和猜拳游戲等各類游戲。任務(wù)1制作猜拳游戲任務(wù)2制作拼圖游戲110項(xiàng)目九

游戲制作111任務(wù)一

制作猜拳游戲?qū)W習(xí)目標(biāo)112了解添加腳本語言的方法和腳本的語法規(guī)則了解交互式動(dòng)畫中的常用事件與動(dòng)作掌握if語句和常用時(shí)間軸控制函數(shù)的用法能使用動(dòng)態(tài)文本處理變化的文本能制作簡(jiǎn)單的Flash游戲任務(wù)描述113本任務(wù)是一個(gè)猜拳游戲制作實(shí)例，在游戲中，通過單擊相應(yīng)按鈕來實(shí)現(xiàn)玩家出拳的操作，而計(jì)算機(jī)出拳是隨機(jī)的，玩夠10局將結(jié)束游戲并顯示游戲結(jié)果，玩家可選擇重新開始游戲，效果如圖9-1-1所示。要完成本任務(wù)，除了了解交互式動(dòng)畫中的常用事件和動(dòng)作外，還要掌握動(dòng)態(tài)文本的使用技巧，以及if語句和常用時(shí)間軸控制函數(shù)的用法。圖9-1-1?猜拳游戲效果圖相關(guān)知識(shí)114動(dòng)作腳本（ActionScript）是Flash內(nèi)置的編程語言，通過它可以實(shí)現(xiàn)各種精彩紛呈的動(dòng)畫特效。此外，它強(qiáng)大的人機(jī)交互和網(wǎng)絡(luò)交互功能，使它在游戲、課件和互動(dòng)式網(wǎng)站的制作中有著廣泛的應(yīng)用空間。一、動(dòng)作腳本相關(guān)知識(shí)115二、動(dòng)作面板用戶如果想通過鼠標(biāo)或鍵盤控制動(dòng)畫，就要用到動(dòng)作面板。動(dòng)作面板用于編寫腳本語言。在Flash中打開動(dòng)作面板的方法是：執(zhí)行“窗口”→“動(dòng)作”命令或按“F9”鍵。1.?動(dòng)作面板的組成動(dòng)作面板由命令列表區(qū)、程序編輯區(qū)和位置列表區(qū)三部分組成，如圖9-1-2所示。圖9-1-2?動(dòng)作面板相關(guān)知識(shí)116（1）命令列表區(qū)：位于動(dòng)作面板的左上方，命令列表區(qū)中列出了Flash的所有命令。命令是程序中運(yùn)算符號(hào)、函數(shù)、語句和屬性等的統(tǒng)稱。（2）程序編輯區(qū)：位于動(dòng)作面板的右側(cè)，用于編寫程序。（3）位置列表區(qū)：也叫腳本導(dǎo)航器，位于動(dòng)作面板的左下方，用于顯示當(dāng)前選擇對(duì)象的具體信息，如名稱和位置等。二、動(dòng)作面板相關(guān)知識(shí)1172.?添加腳本語言的方法在動(dòng)作面板中添加腳本語言（也稱ActionScript語句）的方法有以下三種。（1）雙擊命令列表區(qū)中的動(dòng)作命令。（2）在程序編輯區(qū)直接輸入ActionScript語句。（3）單擊

按鈕，在彈出的下拉菜單中選擇所需命令。二、動(dòng)作面板相關(guān)知識(shí)1183.?事件與動(dòng)作交互式動(dòng)畫包含兩個(gè)內(nèi)容：一個(gè)是事件，另一個(gè)是事件產(chǎn)生時(shí)所執(zhí)行的動(dòng)作。事件是觸發(fā)動(dòng)作的信號(hào)，動(dòng)作是事件的結(jié)果。在Flash中，播放指針到達(dá)某個(gè)指定的關(guān)鍵幀，用戶單擊按鈕或影片剪輯元件，以及用戶按下鍵盤按鍵都可以引發(fā)動(dòng)作。Flash中有三種事件，分別是幀事件、按鈕和按鍵事件，以及影片剪輯事件。二、動(dòng)作面板相關(guān)知識(shí)119（1）幀事件幀事件的作用是當(dāng)播放到某一指定幀時(shí)執(zhí)行某項(xiàng)動(dòng)作。注意，只有在關(guān)鍵幀上才能設(shè)置動(dòng)作。（2）按鈕和按鍵事件按鈕和按鍵事件的作用是通過單擊按鈕或按下按鍵而引發(fā)動(dòng)作。在為按鈕元件指定動(dòng)作時(shí)，必須將動(dòng)作嵌套在“on（）”處理函數(shù)中，并指定觸發(fā)該動(dòng)作的事件是鼠標(biāo)或鍵盤。例如，“on（press）｛｝”是指鼠標(biāo)指針在按鈕上方并按下鼠標(biāo)左鍵時(shí)發(fā)生的動(dòng)作。（3）影片剪輯事件影片剪輯事件的作用是通過鼠標(biāo)、鍵盤和幀等的觸發(fā)而引發(fā)一系列動(dòng)作。在為影片剪輯元件指定動(dòng)作時(shí)，必須將動(dòng)作嵌套在“onClipEvent（）”處理函數(shù)中，并指定觸發(fā)該動(dòng)作的事件是影片剪輯。二、動(dòng)作面板相關(guān)知識(shí)120ActionScript有自己的語法規(guī)則，用戶在編寫腳本前，必須先了解這些規(guī)則，才能確保代碼在Flash中正確地編譯和運(yùn)行。1.?點(diǎn)操作符點(diǎn)操作符“.”用于指定一個(gè)對(duì)象或影片剪輯的相關(guān)屬性、路徑和方法。點(diǎn)操作符的左邊是名稱，右邊是屬性或方法。例如，代碼中的“this.x”用于指定當(dāng)前對(duì)象的“x”屬性。2.?語言標(biāo)點(diǎn)符號(hào)腳本中最常用的語言標(biāo)點(diǎn)符號(hào)有小括號(hào)“（）”、大括號(hào)“｛｝”、分號(hào)“；”和冒號(hào)“：”，這些標(biāo)點(diǎn)符號(hào)中的每一種在腳本語言中都有特殊的含義。（1）大括號(hào)用于放置動(dòng)作代碼，小括號(hào)用于放置動(dòng)作的參數(shù)。（2）分號(hào)用在語句的結(jié)束處，表示該語句結(jié)束。（3）冒號(hào)用于為變量指定數(shù)據(jù)類型。三、腳本的語法規(guī)則相關(guān)知識(shí)1213.?關(guān)鍵字在腳本中保留了一些具有特殊含義的單詞，這些單詞被稱為關(guān)鍵字。在ActionScript中，關(guān)鍵字用于執(zhí)行特定的動(dòng)作，系統(tǒng)不允許使用這些關(guān)鍵字作為變量、函數(shù)以及標(biāo)簽的名字，以免發(fā)生腳本混亂。腳本中的主要關(guān)鍵字如下：“break”“continue”“delete”“else”“for”“function”“if”“in”“new”“return”“this”“typeof”“var”“void”“while”“with”。三、腳本的語法規(guī)則相關(guān)知識(shí)1224.?字母大小寫代碼是區(qū)分大小寫的，大小寫正確的語言元素在默認(rèn)情況下為藍(lán)色。5.?注釋在腳本的編輯過程中，給程序添加注釋便于閱讀和理解腳本。注釋并不參與語句的執(zhí)行。在腳本中使用單行注釋的方法是直接輸入“//”，然后輸入語句；使用多行注釋的方法是在注釋語句的前后分別輸入“/*”和“*/”。三、腳本的語法規(guī)則相關(guān)知識(shí)1231.?常量常量是在程序運(yùn)行的過程中不可改變的量。2.?變量變量是存儲(chǔ)信息的容器，它可以存放包括字符串、數(shù)值、邏輯值（值為true或false）和表達(dá)式在內(nèi)的任何信息。（1）變量的命名規(guī)則變量名通常以字母、下劃線或“$”符號(hào)開頭。變量名中不允許出現(xiàn)空格或特殊符號(hào)，但可以出現(xiàn)數(shù)字。變量名不能是邏輯變量或關(guān)鍵字。（2）變量的作用范圍變量的作用范圍是指變量能夠被識(shí)別和應(yīng)用的區(qū)域。在腳本語言中，根據(jù)變量作用范圍的不同，可將變量分為全局變量和局部變量。全局變量可以在時(shí)間軸的所有幀中共享，而局部變量只在一段程序內(nèi)起作用。四、基本概念和語句相關(guān)知識(shí)1243.?運(yùn)算符與表達(dá)式運(yùn)算符是能夠?qū)?shù)值、字符串和邏輯值進(jìn)行運(yùn)算的關(guān)系符號(hào)。表達(dá)式是用運(yùn)算符將常量、變量和函數(shù)以一定的運(yùn)算規(guī)則組織在一起的式子。表達(dá)式分為三種：算術(shù)表達(dá)式、字符串表達(dá)式和邏輯表達(dá)式。在Flash的表達(dá)式中，同級(jí)運(yùn)算按照從左到右的順序進(jìn)行。4.?條件語句（if語句）if語句根據(jù)條件的值控制程序的執(zhí)行順序。if語句的語法格式有以下三種。四、基本概念和語句相關(guān)知識(shí)125（1）格式1if（條件表達(dá)式）｛語句體｝功能：如果條件表達(dá)式的值為真，則執(zhí)行語句體；如果條件表達(dá)式的值為假，則不執(zhí)行語句體。（2）格式2if（條件表達(dá)式）｛語句體1｝else｛語句體2｝功能：如果條件表達(dá)式的值為真，則執(zhí)行語句體1；否則執(zhí)行語句體2。四、基本