第3章利用Flash制作動(dòng)畫(huà)

——制作“慧衡科技”網(wǎng)站動(dòng)畫(huà)計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教學(xué)部第3章利用Flash制作動(dòng)畫(huà)

——制作“慧衡科技”網(wǎng)站動(dòng)學(xué)習(xí)目標(biāo)掌握動(dòng)畫(huà)的基本原理掌握創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)、補(bǔ)間形狀動(dòng)畫(huà)的方法掌握遮罩圖層、引導(dǎo)圖層的使用方法掌握創(chuàng)建元件的方法及元件的使用深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室2網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）學(xué)習(xí)目標(biāo)掌握動(dòng)畫(huà)的基本原理深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室實(shí)訓(xùn)項(xiàng)目為了豐富網(wǎng)頁(yè)內(nèi)容，需要為網(wǎng)站制作動(dòng)畫(huà):(1)動(dòng)態(tài)logo(2)Banner動(dòng)畫(huà)(3)圖像切換動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）3實(shí)訓(xùn)項(xiàng)目為了豐富網(wǎng)頁(yè)內(nèi)容，需要為網(wǎng)站制作動(dòng)畫(huà):深圳職業(yè)技術(shù)學(xué)項(xiàng)目分析設(shè)計(jì)思路：（1）動(dòng)態(tài)logo，根據(jù)公司的性質(zhì)是一個(gè)科技公司，在已有標(biāo)志圖像的基礎(chǔ)上創(chuàng)建了一個(gè)“drupal”圖像沿著軌跡運(yùn)動(dòng)的動(dòng)畫(huà)。（2）banner動(dòng)畫(huà)，在已有banner圖像的基礎(chǔ)上對(duì)文本設(shè)計(jì)了遮罩顯示效果，突出顯示文本內(nèi)容，同時(shí)為了不太單調(diào)，制作了一個(gè)對(duì)應(yīng)圖標(biāo)移動(dòng)的動(dòng)畫(huà)。（3）圖像切換動(dòng)畫(huà)，對(duì)選取出的幾幅圖像設(shè)計(jì)了輪換顯示效果。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）4項(xiàng)目分析設(shè)計(jì)思路：深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)設(shè)計(jì)目標(biāo)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）5深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室設(shè)計(jì)目標(biāo)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）5深圳職業(yè)技術(shù)學(xué)院預(yù)備知識(shí)：動(dòng)畫(huà)的原理動(dòng)畫(huà)就是通過(guò)快速播放一系列的靜態(tài)畫(huà)面，讓人在視覺(jué)上產(chǎn)生動(dòng)態(tài)的效果。而組成動(dòng)畫(huà)的每一個(gè)靜態(tài)畫(huà)面便是在視頻領(lǐng)域中常說(shuō)的一幀（Frame）。幀：組成動(dòng)畫(huà)的基本單位，它可以理解為一段電影膠片中的一格，是圖像在某一時(shí)間點(diǎn)上的定格。關(guān)鍵幀：是指在動(dòng)畫(huà)播放過(guò)程中，呈現(xiàn)關(guān)鍵性動(dòng)作或內(nèi)容變化的幀，所以在制作動(dòng)畫(huà)時(shí)，對(duì)動(dòng)畫(huà)的對(duì)象進(jìn)行屬性編輯必須在關(guān)鍵幀中實(shí)現(xiàn)。普通幀：除了關(guān)鍵幀外，所有出現(xiàn)在時(shí)間軸中的幀都是普通幀。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）6預(yù)備知識(shí)：動(dòng)畫(huà)的原理動(dòng)畫(huà)就是通過(guò)快速播放一系列的靜態(tài)畫(huà)面，讓預(yù)備知識(shí)：Flash動(dòng)畫(huà)的幾種形式Flash是通過(guò)對(duì)幀的連續(xù)播放來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果的。逐幀動(dòng)畫(huà)，就是一些序列圖片在同一圖層中按一定順序依次排列在每個(gè)幀上形成的序列動(dòng)畫(huà)。在播放動(dòng)畫(huà)時(shí)會(huì)一幀一幀的顯示每一幀的內(nèi)容。補(bǔ)間動(dòng)畫(huà)，是指在關(guān)鍵幀之間自動(dòng)生成中間過(guò)渡幀來(lái)實(shí)現(xiàn)關(guān)鍵幀之間變化的動(dòng)畫(huà)效果，從而生成流暢的動(dòng)畫(huà)。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）7預(yù)備知識(shí)：Flash動(dòng)畫(huà)的幾種形式Flash是通過(guò)對(duì)幀的連續(xù)制作流程網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室8任務(wù)1：設(shè)計(jì)與制作動(dòng)態(tài)logo任務(wù)4：對(duì)圖像切換動(dòng)畫(huà)添加按鈕控制任務(wù)3：制作圖像轉(zhuǎn)換動(dòng)畫(huà)任務(wù)2：設(shè)計(jì)與制作banenr動(dòng)畫(huà)制作流程網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)任務(wù)1——設(shè)計(jì)與制作動(dòng)態(tài)logo網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室91制作圖形元件“drupal”2制作影片剪輯元件“drupal閃爍”3利用引導(dǎo)層制作“drupal閃爍”元件飛行的動(dòng)畫(huà)4發(fā)布Flash動(dòng)畫(huà)任務(wù)1——設(shè)計(jì)與制作動(dòng)態(tài)logo網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第STEP1：制作圖形元件“drupal”深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）10新建文件與保存文件

（提示：文件大小為200像素×165像素、幀頻為24fps、類型為ActionScript2.0）。制作圖形元件“drupal”。STEP1：制作圖形元件“drupal”深圳職業(yè)技術(shù)學(xué)院計(jì)STEP2：制作影片剪輯元件“drupal閃爍”深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）11創(chuàng)建“drupal閃爍”影片剪輯元件，并將“drupal”圖形元件拖到“drupal閃爍”影片剪輯元件中。制作“drupal”實(shí)例圖形忽明忽暗的效果。STEP2：制作影片剪輯元件“drupal閃爍”深圳職業(yè)技術(shù)STEP3：利用引導(dǎo)層制作“drupal閃爍”元件飛行的動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）12導(dǎo)入“l(fā)ogo_bg(素材).jpg”圖像。添加引導(dǎo)層，繪制運(yùn)動(dòng)路徑。制作沿引導(dǎo)線飛行的動(dòng)畫(huà)。STEP3：利用引導(dǎo)層制作“drupal閃爍”元件飛行的動(dòng)畫(huà)STEP4：發(fā)布Flash動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）13發(fā)布Flash動(dòng)畫(huà)。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室STEP4：發(fā)布Flash動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版任務(wù)2——設(shè)計(jì)與制作banner網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室141導(dǎo)入banner背景圖像和輸入文本2利用遮罩層制作探光燈效果動(dòng)畫(huà)3添加對(duì)應(yīng)圖標(biāo)移動(dòng)效果任務(wù)2——設(shè)計(jì)與制作banner網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第STEP1：導(dǎo)入banner背景圖像和輸入文本深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）15新建文件“banner.fla”（提示：文件大小為1000像素×95像素、幀頻為24fps、類型為ActionScript2.0），導(dǎo)入“banner(素材).jpg”圖像。輸入文本“IM-DigiMarketing”，字體格式為“微軟雅黑、bold、16點(diǎn)、#999999”。輸入文本“IM-eCommerce”，字體格式為“微軟雅黑、bold、18點(diǎn)、#999999”。STEP1：導(dǎo)入banner背景圖像和輸入文本深圳職業(yè)技術(shù)學(xué)STEP2：利用遮罩層制作探光燈效果動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）16復(fù)制“文本”圖層，得到“文本復(fù)制”圖層，將“文本復(fù)制”圖層中的文本顏色修改為#ffffff。新建“圓球”圖層，在“圓球”圖層上制作圓球從左側(cè)移至右側(cè)的動(dòng)畫(huà)。

將“圓球”圖層設(shè)為“文本復(fù)制”圖層的遮罩層。STEP2：利用遮罩層制作探光燈效果動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)STEP3：添加對(duì)應(yīng)圖標(biāo)移動(dòng)效果深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）17新建“圖標(biāo)”圖層，在“圖標(biāo)”圖層上輸入“>>>”文本并制作文本移動(dòng)的動(dòng)畫(huà)。STEP3：添加對(duì)應(yīng)圖標(biāo)移動(dòng)效果深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)任務(wù)3——制作圖像切換動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室181制作圖像1逐漸顯示、圖像2從上到下逐漸移動(dòng)的動(dòng)畫(huà)2制作圖像3從左到右逐漸推出顯示的動(dòng)畫(huà)3制作圖像3側(cè)開(kāi)門(mén)式退出的動(dòng)畫(huà)制作圖像5左右兩邊圖像上下推出的動(dòng)畫(huà)任務(wù)3——制作圖像切換動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）STEP1：制作圖像1逐漸顯示、圖像2從上到下逐漸移動(dòng)的動(dòng)畫(huà)新建文件“display.fla”（提示：文件大小為450像素×180像素、幀頻為24fps、類型為ActionScript2.0），導(dǎo)入素材圖像display1.jpg~display5.jpg。制作“display1”圖像逐漸顯示的動(dòng)畫(huà)效果。制作“display2”圖像從上到下移動(dòng)覆蓋“display1”圖像的動(dòng)畫(huà)。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）19STEP1：制作圖像1逐漸顯示、圖像2從上到下逐漸移動(dòng)的動(dòng)畫(huà)STEP2：制作圖像3從左到右逐漸推出顯示的動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）20創(chuàng)建場(chǎng)景2，將圖層1重命名為“display2”，在“display2”圖層中插入“display2”圖像。制作“display3”圖像從左到右逐漸推出顯示并覆蓋圖像2的動(dòng)畫(huà)。STEP2：制作圖像3從左到右逐漸推出顯示的動(dòng)畫(huà)深圳職業(yè)技術(shù)STEP3：制作圖像3側(cè)開(kāi)門(mén)式退出的動(dòng)畫(huà)創(chuàng)建場(chǎng)景3，將圖層1重命名為“display4”，在“display4”圖層中插入“display4”圖像。制作“display3”圖像側(cè)開(kāi)門(mén)式退出的動(dòng)畫(huà)。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）21STEP3：制作圖像3側(cè)開(kāi)門(mén)式退出的動(dòng)畫(huà)創(chuàng)建場(chǎng)景3，將圖層1sTEP4——制作圖像5左右兩邊圖像上下推出的動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室22創(chuàng)建場(chǎng)景4，將圖層1重命名為“display4”，在“display4”圖層中插入“display4”圖像。制作“display5”圖像左半部分從底部向上移的動(dòng)畫(huà)。制作“display5”圖像右半部分從頂部向下移的動(dòng)畫(huà)。sTEP4——制作圖像5左右兩邊圖像上下推出的動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)任務(wù)4——添加按鈕控制圖像切換動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）231新建按鈕元件2在場(chǎng)景中插入按鈕元件為按鈕添加動(dòng)作任務(wù)4——添加按鈕控制圖像切換動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)STEP1：新建按鈕元件深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）24制作“one”按鈕元件。制作“two”按鈕元件。制作“three”按鈕元件。制作“four”按鈕元件。制作“five”按鈕元件。STEP1：新建按鈕元件深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基STEP2：在場(chǎng)景中插入按鈕元件修改文件大小為450像素×230像素。將5個(gè)按鈕添加到場(chǎng)景1中。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）25STEP2：在場(chǎng)景中插入按鈕元件修改文件大小為45STEP3：為按鈕添加動(dòng)作深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）26為場(chǎng)景1中的“one”按鈕添加動(dòng)作，實(shí)現(xiàn)單擊或滑過(guò)按鈕就跳轉(zhuǎn)到圖像1的動(dòng)作。為場(chǎng)景1中的“two”、“three”、“four”、“five”按鈕添加動(dòng)作，實(shí)現(xiàn)單擊或滑過(guò)按鈕就跳轉(zhuǎn)到相應(yīng)圖像的動(dòng)作。復(fù)制場(chǎng)景1的“anniu”圖層到場(chǎng)景2中。復(fù)制場(chǎng)景2的“anniu”圖層到場(chǎng)景3、場(chǎng)景4中。STEP3：為按鈕添加動(dòng)作深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室項(xiàng)目總結(jié)計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）項(xiàng)目總結(jié)計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教課后練習(xí)配套實(shí)訓(xùn)

利用配套實(shí)訓(xùn)文件夾下提供的素材文件，根據(jù)所學(xué)的Flash知識(shí)，自主設(shè)計(jì)與制作兩個(gè)動(dòng)畫(huà)，要求如下：制作一個(gè)動(dòng)態(tài)logo或banner動(dòng)畫(huà)。制作一個(gè)圖像切換動(dòng)畫(huà)。同步測(cè)試

通過(guò)教材第3章“同步測(cè)試”檢驗(yàn)自己是否掌握了本章的相關(guān)知識(shí)點(diǎn)與技能點(diǎn)。網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教研室課后練習(xí)配套實(shí)訓(xùn)

利用配套實(shí)訓(xùn)文件夾下提供的素材文件，根據(jù)所第3章利用Flash制作動(dòng)畫(huà)

——制作“慧衡科技”網(wǎng)站動(dòng)畫(huà)計(jì)算機(jī)工程學(xué)院計(jì)算機(jī)基礎(chǔ)教學(xué)部第3章利用Flash制作動(dòng)畫(huà)

——制作“慧衡科技”網(wǎng)站動(dòng)學(xué)習(xí)目標(biāo)掌握動(dòng)畫(huà)的基本原理掌握創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)、補(bǔ)間形狀動(dòng)畫(huà)的方法掌握遮罩圖層、引導(dǎo)圖層的使用方法掌握創(chuàng)建元件的方法及元件的使用深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室30網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）學(xué)習(xí)目標(biāo)掌握動(dòng)畫(huà)的基本原理深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室實(shí)訓(xùn)項(xiàng)目為了豐富網(wǎng)頁(yè)內(nèi)容，需要為網(wǎng)站制作動(dòng)畫(huà):(1)動(dòng)態(tài)logo(2)Banner動(dòng)畫(huà)(3)圖像切換動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）31實(shí)訓(xùn)項(xiàng)目為了豐富網(wǎng)頁(yè)內(nèi)容，需要為網(wǎng)站制作動(dòng)畫(huà):深圳職業(yè)技術(shù)學(xué)項(xiàng)目分析設(shè)計(jì)思路：（1）動(dòng)態(tài)logo，根據(jù)公司的性質(zhì)是一個(gè)科技公司，在已有標(biāo)志圖像的基礎(chǔ)上創(chuàng)建了一個(gè)“drupal”圖像沿著軌跡運(yùn)動(dòng)的動(dòng)畫(huà)。（2）banner動(dòng)畫(huà)，在已有banner圖像的基礎(chǔ)上對(duì)文本設(shè)計(jì)了遮罩顯示效果，突出顯示文本內(nèi)容，同時(shí)為了不太單調(diào)，制作了一個(gè)對(duì)應(yīng)圖標(biāo)移動(dòng)的動(dòng)畫(huà)。（3）圖像切換動(dòng)畫(huà)，對(duì)選取出的幾幅圖像設(shè)計(jì)了輪換顯示效果。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）32項(xiàng)目分析設(shè)計(jì)思路：深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)設(shè)計(jì)目標(biāo)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）33深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室設(shè)計(jì)目標(biāo)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）5深圳職業(yè)技術(shù)學(xué)院預(yù)備知識(shí)：動(dòng)畫(huà)的原理動(dòng)畫(huà)就是通過(guò)快速播放一系列的靜態(tài)畫(huà)面，讓人在視覺(jué)上產(chǎn)生動(dòng)態(tài)的效果。而組成動(dòng)畫(huà)的每一個(gè)靜態(tài)畫(huà)面便是在視頻領(lǐng)域中常說(shuō)的一幀（Frame）。幀：組成動(dòng)畫(huà)的基本單位，它可以理解為一段電影膠片中的一格，是圖像在某一時(shí)間點(diǎn)上的定格。關(guān)鍵幀：是指在動(dòng)畫(huà)播放過(guò)程中，呈現(xiàn)關(guān)鍵性動(dòng)作或內(nèi)容變化的幀，所以在制作動(dòng)畫(huà)時(shí)，對(duì)動(dòng)畫(huà)的對(duì)象進(jìn)行屬性編輯必須在關(guān)鍵幀中實(shí)現(xiàn)。普通幀：除了關(guān)鍵幀外，所有出現(xiàn)在時(shí)間軸中的幀都是普通幀。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）34預(yù)備知識(shí)：動(dòng)畫(huà)的原理動(dòng)畫(huà)就是通過(guò)快速播放一系列的靜態(tài)畫(huà)面，讓預(yù)備知識(shí)：Flash動(dòng)畫(huà)的幾種形式Flash是通過(guò)對(duì)幀的連續(xù)播放來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果的。逐幀動(dòng)畫(huà)，就是一些序列圖片在同一圖層中按一定順序依次排列在每個(gè)幀上形成的序列動(dòng)畫(huà)。在播放動(dòng)畫(huà)時(shí)會(huì)一幀一幀的顯示每一幀的內(nèi)容。補(bǔ)間動(dòng)畫(huà)，是指在關(guān)鍵幀之間自動(dòng)生成中間過(guò)渡幀來(lái)實(shí)現(xiàn)關(guān)鍵幀之間變化的動(dòng)畫(huà)效果，從而生成流暢的動(dòng)畫(huà)。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）35預(yù)備知識(shí)：Flash動(dòng)畫(huà)的幾種形式Flash是通過(guò)對(duì)幀的連續(xù)制作流程網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室36任務(wù)1：設(shè)計(jì)與制作動(dòng)態(tài)logo任務(wù)4：對(duì)圖像切換動(dòng)畫(huà)添加按鈕控制任務(wù)3：制作圖像轉(zhuǎn)換動(dòng)畫(huà)任務(wù)2：設(shè)計(jì)與制作banenr動(dòng)畫(huà)制作流程網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)任務(wù)1——設(shè)計(jì)與制作動(dòng)態(tài)logo網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室371制作圖形元件“drupal”2制作影片剪輯元件“drupal閃爍”3利用引導(dǎo)層制作“drupal閃爍”元件飛行的動(dòng)畫(huà)4發(fā)布Flash動(dòng)畫(huà)任務(wù)1——設(shè)計(jì)與制作動(dòng)態(tài)logo網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第STEP1：制作圖形元件“drupal”深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）38新建文件與保存文件

（提示：文件大小為200像素×165像素、幀頻為24fps、類型為ActionScript2.0）。制作圖形元件“drupal”。STEP1：制作圖形元件“drupal”深圳職業(yè)技術(shù)學(xué)院計(jì)STEP2：制作影片剪輯元件“drupal閃爍”深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）39創(chuàng)建“drupal閃爍”影片剪輯元件，并將“drupal”圖形元件拖到“drupal閃爍”影片剪輯元件中。制作“drupal”實(shí)例圖形忽明忽暗的效果。STEP2：制作影片剪輯元件“drupal閃爍”深圳職業(yè)技術(shù)STEP3：利用引導(dǎo)層制作“drupal閃爍”元件飛行的動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）40導(dǎo)入“l(fā)ogo_bg(素材).jpg”圖像。添加引導(dǎo)層，繪制運(yùn)動(dòng)路徑。制作沿引導(dǎo)線飛行的動(dòng)畫(huà)。STEP3：利用引導(dǎo)層制作“drupal閃爍”元件飛行的動(dòng)畫(huà)STEP4：發(fā)布Flash動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）41發(fā)布Flash動(dòng)畫(huà)。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室STEP4：發(fā)布Flash動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版任務(wù)2——設(shè)計(jì)與制作banner網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室421導(dǎo)入banner背景圖像和輸入文本2利用遮罩層制作探光燈效果動(dòng)畫(huà)3添加對(duì)應(yīng)圖標(biāo)移動(dòng)效果任務(wù)2——設(shè)計(jì)與制作banner網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第STEP1：導(dǎo)入banner背景圖像和輸入文本深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）43新建文件“banner.fla”（提示：文件大小為1000像素×95像素、幀頻為24fps、類型為ActionScript2.0），導(dǎo)入“banner(素材).jpg”圖像。輸入文本“IM-DigiMarketing”，字體格式為“微軟雅黑、bold、16點(diǎn)、#999999”。輸入文本“IM-eCommerce”，字體格式為“微軟雅黑、bold、18點(diǎn)、#999999”。STEP1：導(dǎo)入banner背景圖像和輸入文本深圳職業(yè)技術(shù)學(xué)STEP2：利用遮罩層制作探光燈效果動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）44復(fù)制“文本”圖層，得到“文本復(fù)制”圖層，將“文本復(fù)制”圖層中的文本顏色修改為#ffffff。新建“圓球”圖層，在“圓球”圖層上制作圓球從左側(cè)移至右側(cè)的動(dòng)畫(huà)。

將“圓球”圖層設(shè)為“文本復(fù)制”圖層的遮罩層。STEP2：利用遮罩層制作探光燈效果動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)STEP3：添加對(duì)應(yīng)圖標(biāo)移動(dòng)效果深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）45新建“圖標(biāo)”圖層，在“圖標(biāo)”圖層上輸入“>>>”文本并制作文本移動(dòng)的動(dòng)畫(huà)。STEP3：添加對(duì)應(yīng)圖標(biāo)移動(dòng)效果深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)任務(wù)3——制作圖像切換動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室461制作圖像1逐漸顯示、圖像2從上到下逐漸移動(dòng)的動(dòng)畫(huà)2制作圖像3從左到右逐漸推出顯示的動(dòng)畫(huà)3制作圖像3側(cè)開(kāi)門(mén)式退出的動(dòng)畫(huà)制作圖像5左右兩邊圖像上下推出的動(dòng)畫(huà)任務(wù)3——制作圖像切換動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）STEP1：制作圖像1逐漸顯示、圖像2從上到下逐漸移動(dòng)的動(dòng)畫(huà)新建文件“display.fla”（提示：文件大小為450像素×180像素、幀頻為24fps、類型為ActionScript2.0），導(dǎo)入素材圖像display1.jpg~display5.jpg。制作“display1”圖像逐漸顯示的動(dòng)畫(huà)效果。制作“display2”圖像從上到下移動(dòng)覆蓋“display1”圖像的動(dòng)畫(huà)。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）47STEP1：制作圖像1逐漸顯示、圖像2從上到下逐漸移動(dòng)的動(dòng)畫(huà)STEP2：制作圖像3從左到右逐漸推出顯示的動(dòng)畫(huà)深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）48創(chuàng)建場(chǎng)景2，將圖層1重命名為“display2”，在“display2”圖層中插入“display2”圖像。制作“display3”圖像從左到右逐漸推出顯示并覆蓋圖像2的動(dòng)畫(huà)。STEP2：制作圖像3從左到右逐漸推出顯示的動(dòng)畫(huà)深圳職業(yè)技術(shù)STEP3：制作圖像3側(cè)開(kāi)門(mén)式退出的動(dòng)畫(huà)創(chuàng)建場(chǎng)景3，將圖層1重命名為“display4”，在“display4”圖層中插入“display4”圖像。制作“display3”圖像側(cè)開(kāi)門(mén)式退出的動(dòng)畫(huà)。深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）49STEP3：制作圖像3側(cè)開(kāi)門(mén)式退出的動(dòng)畫(huà)創(chuàng)建場(chǎng)景3，將圖層1sTEP4——制作圖像5左右兩邊圖像上下推出的動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程（第3版）深圳職業(yè)技術(shù)學(xué)院計(jì)算機(jī)基礎(chǔ)教研室50創(chuàng)建場(chǎng)景4，將圖層1重命名為“display4”，在“display4”圖層中插入“display4”圖像。制作“display5”圖像左半部分從底部向上移的動(dòng)畫(huà)。制作“display5”圖像右半部分從頂部向下移的動(dòng)畫(huà)。sTEP4——制作圖像5左右