第一篇：Flash_CS3動(dòng)畫制作基礎(chǔ)教程教案

Flash CS3動(dòng)畫制作基礎(chǔ)

教

案

第1章

Flash CS3基礎(chǔ)知識(shí)

本章導(dǎo)讀

? Flash是Adobe公司推出的一款經(jīng)典、優(yōu)秀的矢量動(dòng)畫編輯軟件，F(xiàn)lash CS3版本目前比較新的版本。利用該軟件制作的動(dòng)畫尺寸要比位圖動(dòng)畫文件（如GLF動(dòng)畫）尺寸小的多，用戶不但可以在動(dòng)畫中加入聲音、視頻和位圖圖像，還可以制作交互式的影片或者具有完備功能的網(wǎng)站。該軟件對(duì)動(dòng)畫制作者的計(jì)算機(jī)知識(shí)要求不高，簡(jiǎn)單易學(xué)，效果流暢生動(dòng)，對(duì)于動(dòng)畫制作初學(xué)者來(lái)說(shuō)是非常適合的一款軟件。在學(xué)習(xí)制作動(dòng)畫之前，通過本章的學(xué)習(xí)，讀者應(yīng)熟悉Flash動(dòng)畫的特點(diǎn)，F(xiàn)lash CS3的界面組成元素，動(dòng)畫制作的步驟，并通過制作實(shí)例了解Flash一般步驟。

本章學(xué)習(xí)目標(biāo)

? 了解Flash概念和功能

? 熟悉Flash CS3的工作環(huán)境和文檔基本操作 ? 理解動(dòng)畫制作的一般過程

本章重點(diǎn)

? 熟悉Flash CS3的工作環(huán)境

本章內(nèi)容

? 1.1初識(shí)Flash CS3

? 1.2Flash CS3文件基本操作 ? 1.3制作Flash動(dòng)畫的簡(jiǎn)單實(shí)例

1.1

初識(shí)Flash CS3

? 1.1.1

了解Flash

? 1.1.2

Flash CS3的新增功能 ? 1.1.3

Flash CS3的工作環(huán)境

1.1.1

了解Flash ? Flash主要用于制作矢量圖像和網(wǎng)絡(luò)動(dòng)畫。它是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。

? Flash的用途很廣泛，網(wǎng)頁(yè)、網(wǎng)絡(luò)動(dòng)畫、網(wǎng)絡(luò)廣告、Flash游戲以及教學(xué)軟件等領(lǐng)域。Flash特別適用于創(chuàng)建通過Internet提供的內(nèi)容，因?yàn)樗奈募浅Ｐ　?/p>

? 在Flash中創(chuàng)作內(nèi)容時(shí)，需要在Flash文檔文件中工作。Flash文檔的文件擴(kuò)展名為.fla（.FLA）。Flash文檔有4個(gè)主要部分：

?（1）舞臺(tái)：舞臺(tái)是在回放過程中顯示圖形、視頻、按鈕等內(nèi)容的位臵。在后面的章節(jié)中將對(duì)舞臺(tái)做詳細(xì)介紹。

?（2）時(shí)間軸：用來(lái)通知Flash顯示圖形和其它項(xiàng)目元素的時(shí)間，也可以使用時(shí)間軸指定舞臺(tái)上各圖形的分層順序。位于較高圖層中的圖形顯示在較低圖層中的圖形的上方。

?（3）庫(kù)面板：庫(kù)面板是Flash顯示Flash文檔中的媒體元素列表的位臵。?（4）ActionScript代碼：可用來(lái)向文檔中的媒體元素添加交互式內(nèi)容。例如，可以添加代碼以便用戶在單擊某按鈕時(shí)顯示一幅新圖像，還可以使用ActionScript向應(yīng)用程序添加邏輯。邏輯使應(yīng)用程序能夠根據(jù)用戶的操作和其它情況采取不同的工作方式。Flash包括兩個(gè)版本的ActionScript，可滿足創(chuàng)作者的不同具體需要。

? 完成Flash文檔的創(chuàng)作后，可以使用“文件”→“發(fā)布”命令發(fā)布它。這會(huì)創(chuàng)建文件的一個(gè)壓縮版本，其擴(kuò)展名為.swf（SWF）。

1.1.2Flash CS3的新增功能

? Adobe Flash CS3 Professional是Adobe公司開發(fā)的Flash設(shè)計(jì)軟件，是Flash 8的升級(jí)產(chǎn)品，該版本在原有版本的基礎(chǔ)上對(duì)軟件功能進(jìn)行了改進(jìn)，并增加了許多新的功能。改進(jìn)和新增的功能使用戶可以更輕松地進(jìn)行繪圖創(chuàng)作以及各種交互應(yīng)用程序的開發(fā)。

? 1.增強(qiáng)的集成功能 ?（1）界面的改變 ?（2）Adobe Bridge

?（3）Adobe Photoshop導(dǎo)入 ?（4）Adobe Illustrator導(dǎo)入 ? 2.增強(qiáng)繪圖、動(dòng)畫和視頻功能 ?（1）增強(qiáng)的鋼筆工具

?（2）增強(qiáng)的基本矩形和橢圓繪制工具

?（3）濾鏡復(fù)制和粘貼 ?（4）復(fù)制和粘貼動(dòng)畫

?（5）增強(qiáng)了QuickTime視頻支持 ?（6）為Flash視頻保存和加載提示點(diǎn) ? 3.全新的ActionScript開發(fā)環(huán)境

?（1）增加了新的ActionScript 3.0語(yǔ)言 ?（2）將動(dòng)畫復(fù)制為ActionScript 3.0

1.1.3Flash CS3的工作環(huán)境

? 安裝好Flash CS3后，就可以通過“開始”→“程序”→“Adobe Flash CS3 Professional”命令或雙擊“桌面”上的快捷圖標(biāo)啟動(dòng)它，該軟件啟動(dòng)新建文檔后的主界面如圖1-1所示。

? 在Flash CS3的主界面中，位于主界面最上面的是標(biāo)題欄和菜單欄；主界面的左側(cè)是工具箱，其中包括Flash CS3中最常用的繪圖工具和輔助工具選項(xiàng)；主界面的底部和右側(cè)是浮動(dòng)面板。在默認(rèn)的情況下，底部有“屬性”、“濾鏡”和“參數(shù)”3個(gè)面板，右側(cè)主要有“顏色”和“庫(kù)”面板。

? 1.開始頁(yè)

?（1）打開最近的項(xiàng)目

?（2）新建

?（3）從模板創(chuàng)建

?（4）擴(kuò)展

? 2.菜單欄 ? Flash CS3的菜單欄包含了11個(gè)菜單，包括“文件”、“編輯”、“視圖”、“插入”、“修改”、“文本”、“命令”、“控制”、“調(diào)試”、“窗口”和“幫助”菜單。

? 3.工具欄

?（1）主工具欄

? 默認(rèn)情況下，主工具欄是不顯示的。如果要顯示它，可以選擇“窗口”→“工具欄”→“主工具欄”命令，顯示主工具欄。?（2）控制器工具欄

? 默認(rèn)情況下，控制器工具欄也是不顯示的。如果要顯示它，可以選擇“窗口”→“工具欄”→“控制器”命令，顯示控制器工具欄。?（3）編輯欄

? 編輯欄位于舞臺(tái)的頂部，提供了隱藏時(shí)間軸、編輯元件、場(chǎng)景的信息和控件。另外，編輯允許用戶增加或減少舞臺(tái)的縮放比例。

? 4.時(shí)間軸面板

? 時(shí)間軸的主要組件是圖層、幀和播放頭。圖層就像堆疊在一起的多張幻燈膠片一樣，在舞臺(tái)上一層層地向上疊加。如果上面一個(gè)圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。

? 5.場(chǎng)景與舞臺(tái)

? 場(chǎng)景是指Flash工作界面的中間部分，即整個(gè)白色和灰色的區(qū)域，它是進(jìn)行矢量圖形的繪制和展示的工作區(qū)域。在場(chǎng)景中的白色區(qū)域（默認(rèn)）部分又稱“舞臺(tái)”，是創(chuàng)建Flash文檔時(shí)放臵圖形內(nèi)容的矩形區(qū)域，這些圖形內(nèi)容包括矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯。Flash中各種動(dòng)畫活動(dòng)都發(fā)生在舞臺(tái)上，在舞臺(tái)上看到的內(nèi)容就是導(dǎo)出的Flash影片中觀眾看到的內(nèi)容。在場(chǎng)景中的灰色區(qū)域部分又稱“工作區(qū)”，工作區(qū)是環(huán)繞于舞臺(tái)，導(dǎo)出的Flash影片中觀眾將看不到工作區(qū)的內(nèi)容，就象戲曲中的臺(tái)后。

? 6.工具箱

? 默認(rèn)情況下，工具箱中包含了繪制和編輯圖形的各種工具，分為“工具”、“查看”、“顏色”和“選項(xiàng)”4個(gè)區(qū)域

? 7.常用的面板

? 面板是Flash CS3界面的重要組成部分，使用它們可以查看、組織和更改文檔鐘的元素。面板中可用選項(xiàng)控制著元件、實(shí)例、顏色、類型、幀和其它元素的特征。可以通過顯示特定任務(wù)所需的面板并隱藏其它面板來(lái)自定義Flash界面。

?（1）屬性面板

? 大?。涸O(shè)臵舞臺(tái)的大小，以像素為單位。默認(rèn)的舞臺(tái)大小為550像素〓400像素。

? 發(fā)布：設(shè)臵發(fā)布屬性，可以設(shè)臵使用哪個(gè)版本的Flash影片播放器發(fā)布影片。

? 背景顏色：設(shè)臵舞臺(tái)的背景色。

? 幀頻：每秒鐘播放多少幀動(dòng)畫。默認(rèn)的幀頻為12幀（fps）。

? 屬性面板是動(dòng)態(tài)的，因?yàn)樗@示的屬性將根據(jù)所選擇的對(duì)象而變化。

?（2）動(dòng)作面板

? 動(dòng)作面板可以創(chuàng)建和編輯對(duì)象或幀的ActionScript代碼，主要由“動(dòng)作工具箱”、“腳本導(dǎo)航器”和“腳本”窗格組成。

?（3）幫助面板

? 幫助面板包含了大量信息和資源，如圖1-11所示，對(duì)Flash的所有創(chuàng)作功能和ActionScript語(yǔ)言進(jìn)行了詳盡的說(shuō)明。幫助面板可以隨時(shí)對(duì)軟件的使用或動(dòng)作腳本語(yǔ)法進(jìn)行查詢，使用戶更好地使用軟件的各種功能。

?（4）濾鏡面板

? Flash CS3的濾鏡功能大大增強(qiáng)了其設(shè)計(jì)方面的能力。這項(xiàng)新特性對(duì)制作Flash動(dòng)畫產(chǎn)生了便利和巨大影響。它們幾乎顛覆了長(zhǎng)期以來(lái)，對(duì)Flash設(shè)計(jì)能力欠缺的固有偏見，使大家不得不對(duì)其刮目相。默認(rèn)情況下，濾鏡面板和屬性面板、參數(shù)面板組成一個(gè)面板組。

?（5）項(xiàng)目面板

? 選擇“窗口”→“項(xiàng)目”命令或按【Shift+F8】鍵，可以打開項(xiàng)目面板，這個(gè)面板為用戶提供了管理和處理Flash項(xiàng)目的一個(gè)中心位臵，如圖1-13所示。

?（6）對(duì)齊面板

? 選擇“窗口”→“對(duì)齊”命令或按【Ctrl+K】鍵，可以打開對(duì)齊面板，這個(gè)面板可以根據(jù)一系列預(yù)臵的標(biāo)準(zhǔn)來(lái)對(duì)齊對(duì)象。每一種預(yù)臵的標(biāo)準(zhǔn)都被表示為一個(gè)按鈕，如圖1-14所示。?（7）信息面板

? 選擇“窗口”→“信息”命令或按【Ctrl+I】鍵，可以打開信息面板，這個(gè)面板為用戶提供了通過數(shù)字更改選定對(duì)象的尺寸和位臵的方法。在信息面板的底部提供了鼠標(biāo)當(dāng)前所處位臵的相關(guān)信息，左下角顯示鼠標(biāo)當(dāng)前位臵的顏色（為RGB模式），右下角則顯示鼠標(biāo)當(dāng)前位臵的精確定位，如圖1-15所示。

?（8）顏色面板

? 選擇“窗口”→“顏色”命令或按【Shift+F9】鍵，可以打開顏色面板，這個(gè)面板可以創(chuàng)建RGB、HSB或十六進(jìn)制代碼的顏色，并可以保存到樣本面板中。顏色面板還可以將顏色指派給筆觸或填充，如圖1-16所示。

?（9）樣本面板

? 選擇“窗口”→“樣本”命令或按【Ctrl+F9】鍵，可以打開樣本面板，這個(gè)面板幫助用戶從當(dāng)前的調(diào)色板中組織、加載、保存和刪除單獨(dú)的顏色，如圖1-17所示。

?（10）場(chǎng)景面板

? 選擇“窗口”→“其它面板”→“場(chǎng)景”命令或按【Shift+F2】鍵，可以打開場(chǎng)景面板，這個(gè)面板為用戶提供了在場(chǎng)景之間切換、重命名場(chǎng)景、添加場(chǎng)景和刪除場(chǎng)景等功能，如圖1-18所示。

?（11）庫(kù)面板

? 選擇“窗口”→“庫(kù)”命令或按【Ctrl+L】鍵，可以打開庫(kù)面板，這個(gè)面板為用戶存儲(chǔ)Flash影片所創(chuàng)建的元件或影片所要使用的元件的地方。不管是影片剪輯、圖形元件還是按鈕，庫(kù)中都有，如圖1-19所示。?（12）歷史記錄面板

? 選擇“窗口”→“其它面板”→“歷史記錄”命令或按【Ctrl+F10】鍵，可以打開歷史記錄面板，面板中顯示了當(dāng)前操作文檔自創(chuàng)建或打開以來(lái)曾經(jīng)執(zhí)行的操作。

?（13）輸出面板

? 選擇“窗口”→“輸出”命令或按【F2】鍵，可以打開輸出面板，這個(gè)面板是一個(gè)非常不錯(cuò)的小工具，但無(wú)法與其它面板插接在一起，當(dāng)用戶導(dǎo)出Flash影片后，它將為用戶提供有關(guān)所有場(chǎng)景的文件大小、對(duì)象、文字、元件和實(shí)例的數(shù)據(jù)，如圖1-21所示。? 8.使用標(biāo)尺、輔助線和網(wǎng)格 ?（1）使用標(biāo)尺

? 選擇“視圖”→“標(biāo)尺”命令或按【Ctrl+Alt+Shift+R】鍵，打開標(biāo)尺。如果要隱藏標(biāo)尺，再執(zhí)行一次上述同樣命令即可。

?（2）使用輔助線

? 如果顯示了標(biāo)尺，可以將水平和垂直輔助線從標(biāo)尺拖動(dòng)到舞臺(tái)上。可以移動(dòng)、鎖定、隱藏和刪除輔助線，也可以使對(duì)象貼緊至輔助線，更改輔助線顏色和貼緊容差。?（3）使用網(wǎng)格

? 選擇“視圖”→“網(wǎng)格”→“顯示網(wǎng)格”命令或按【Ctrl+''】鍵（引號(hào)），打開網(wǎng)格。如果要隱藏網(wǎng)格，再執(zhí)行一次上述同樣命令即可。

1.2Flash CS3文件基本操作

? 1.2.1新建文件 ? 1.2.2

保存文件 ? 1.2.3關(guān)閉文件 ? 1.2.4打開文件 ? 1.2.5測(cè)試影片

1.2.1

新建文件

? 制作Flash動(dòng)畫之前必須新建一個(gè)Flash文件，這也是制作動(dòng)畫的第一步，通常新建Flash文件有以下3種方法：

?（1）啟動(dòng)Flash CS3后，出現(xiàn)如圖1-22所示的“開始頁(yè)”界面，在“新建”欄中單擊“Flash文件（ActionScript 3.0）”選項(xiàng)即可新建一個(gè)Flash文件。?（2）單擊“主工具欄”中的“新建”按鈕，也即可創(chuàng)建一個(gè)Flash文件，如圖1-22所示。

?（3）選擇“文件”→“新建”命令或按【Ctrl+N】鍵，打開如圖1-23所示的“新建文檔”對(duì)話框中選擇“Flash文件（ActionScript 3.0）”選項(xiàng)，單擊“確定” 按鈕即可。在“新建文檔”對(duì)話框中單擊“模板”標(biāo)簽，在其中選擇相應(yīng)的模板類型，這里選擇“廣告”下的“468〓60（橫幅）”，如圖1-24所示，單擊“確定”按鈕即可新建一個(gè)基于模板的Flash文件。

1.2.2

保存文件

? 對(duì)于制作過程中的Falsh文件，要不間斷地進(jìn)行保存，便于當(dāng)軟件或計(jì)算機(jī)出現(xiàn)異常時(shí)Flash文件的數(shù)據(jù)不丟失。制作完Flash文件，也應(yīng)將其保存起來(lái)，便于以后使用。保存Flash文件常用有以下兩種方法：

?（1）選擇“文件”→“保存”命令或按【Ctrl+S】鍵即可。如果用戶之前并未保存過此文檔，那么將打開如圖1-25所示的“另存為”對(duì)話框，選擇保存的位臵，為文檔命名并選擇保存類型后，單擊“保存”按鈕即可。

?（2）單擊“主工具欄”中的“保存”按鈕即可。具體保存方法與“保存”命令相同。? 在Flash CS3中，為什么選擇的是“保存”命令，而彈出的是“另存為”對(duì)話框？因?yàn)檫@是軟件自身的設(shè)臵，在Flash軟件中首次保存文檔都顯示“另存為”對(duì)話框，不是用戶的失誤操作。

1.2.3

關(guān)閉文件

? 當(dāng)不需要使用當(dāng)前的動(dòng)畫文件時(shí)，需要將其關(guān)閉，關(guān)閉Flash有“關(guān)閉當(dāng)前文檔”和“關(guān)閉軟件”兩方面。具體操作說(shuō)明如下：圖1-26

“Adobe Flash CS3”對(duì)話框

?（1）關(guān)閉當(dāng)前文檔

? 選擇“文件”→“關(guān)閉”命令或按【Ctrl+W】鍵或單擊文檔窗口右上角的按鈕將其關(guān)閉。如果此文檔沒有保存，將打開“Adobe Flash CS3”對(duì)話框讓用戶確認(rèn)是否需要保存當(dāng)前文檔，如圖1-26所示，用戶可以根據(jù)情況單擊相應(yīng)的按鈕。

?（2）關(guān)閉軟件

? 選擇“文件”→“退出”命令或按【Ctrl+Q】鍵或單擊軟件窗口右上角的按鈕將退出軟件程序。如果此文檔沒有保存，將打開“Adobe Flash CS3”對(duì)話框讓用戶確認(rèn)是否需要保存當(dāng)前文檔，如圖1-27所示，用戶可以根據(jù)情況單擊相應(yīng)的按鈕。

1.2.4

打開文件

? 如果要編輯或查看一個(gè)已有的Flash文件，只需要打開此Flash文件即可。打開Flash文件常用有以下兩種方法：

?（1）選擇“文件”→“打開”命令或按【Ctrl+O】鍵，打開如圖1-27所示的“打 8 開”對(duì)話框，然后在“查找范圍”下拉列表框中選擇要打開的文檔所在的位臵，再在“文件名”下拉列表框中輸入要打開文檔的文件名，或直接在列表中選中要打開的文件圖標(biāo)，最后單擊“打開”按鈕即可。

?（2）單擊“主工具欄”中的“打開”按鈕，具體操作方法與“打開”命令相同。

1.2.5

測(cè)試影片

? 在Flash動(dòng)畫制作過程或完成動(dòng)畫制作后，要對(duì)動(dòng)畫進(jìn)行效果測(cè)試，這就是通常所說(shuō)的發(fā)布動(dòng)畫。對(duì)于動(dòng)畫文件的測(cè)試，最簡(jiǎn)單的方法就是按【Ctrl+Enter】鍵或選擇“控制”→“測(cè)試影片”命令，即可測(cè)試并瀏覽動(dòng)畫效果。

? 按【Ctrl+Enter】鍵或選擇“控制”→“測(cè)試影片”命令后，除了測(cè)試動(dòng)畫文件的效果外，還將在保存源文件的目的文件夾下生成一個(gè)擴(kuò)展名為.SWF的文件。

1.3

制作Flash動(dòng)畫的簡(jiǎn)單實(shí)例

? 1.3.1

Flash動(dòng)畫制作的一般過程 ? 1.3.2

制作一個(gè)簡(jiǎn)單的Flash動(dòng)畫

1.3.1

Flash動(dòng)畫制作的一般過程

? 要制作出一個(gè)出色的Flash動(dòng)畫作品，應(yīng)該用心把握每個(gè)環(huán)節(jié)，其制作過程大致可分為以下5個(gè)步驟。? 1.策劃主題 ? 2.收集材料 ? 3.創(chuàng)作動(dòng)畫 ? 4.測(cè)試優(yōu)化 ? 5.發(fā)布動(dòng)畫

1.3.2

制作一個(gè)簡(jiǎn)單的Flash動(dòng)畫

? 本節(jié)通過一個(gè)流動(dòng)字符的磨光效果的實(shí)例來(lái)了解Flash的動(dòng)畫制作過程。本實(shí)例利用Flash CS3制作動(dòng)畫的基本工具，制作出字符特殊的動(dòng)畫效果。一般動(dòng)畫制作過程中有設(shè)臵舞臺(tái)場(chǎng)景、導(dǎo)入素材、插入圖層、使用工具箱、設(shè)臵動(dòng)畫效果、預(yù)覽和測(cè)試動(dòng)畫等步驟，要注意的是制作動(dòng)畫過程中不一定要遵循以上步驟。實(shí)例最后平面效果如圖1-28所示（動(dòng)畫效果見本實(shí)例的源文件）。本實(shí)例涉及到一些新的知識(shí)將在后續(xù)章節(jié)中詳細(xì)講解。

本章小結(jié)

? 本章主要講解了Flash的基本概念、基本功能、應(yīng)用領(lǐng)域、界面、基本操 9 作和制作動(dòng)畫的步驟等基礎(chǔ)知識(shí)，為以后深入學(xué)習(xí)制作Flash動(dòng)畫奠定了堅(jiān)實(shí)的基礎(chǔ)。隨著科技的發(fā)展和網(wǎng)絡(luò)的推廣，F(xiàn)lash動(dòng)畫已成為焦點(diǎn)和熱點(diǎn)。要學(xué)好Flash的動(dòng)畫制作，掌握本章的基礎(chǔ)知識(shí)是非常必要的。本章最后通過一個(gè)實(shí)例來(lái)向讀者展現(xiàn)Flash動(dòng)畫制作的過程。

習(xí)題一

? 見教材

第2章

繪制、編輯和填充圖像

本章導(dǎo)讀

? 制作動(dòng)畫的過程中，需要繪制出動(dòng)畫角色和圖形。要使作品具有藝術(shù)感和創(chuàng)新感，創(chuàng)作者不但應(yīng)具有審美修養(yǎng)，還應(yīng)有熟練的制作技巧，善于使用Flash中的各種繪圖工具。當(dāng)繪制的對(duì)象比較單調(diào)或不符合要求時(shí)，可以使用工具欄中的選擇等工具對(duì)繪制的圖形進(jìn)行線條、色彩和形狀等屬性的編輯。本章將介紹基本圖形繪制工具、編輯工具和填充工具的具體使用方法，包括線條工具、鉛筆工具、鋼筆工具、橢圓工具、矩形工具、多角星形工具、選擇工具、部分選取工具、任意變形工具、橡皮擦工具、墨水瓶工具、顏料桶工具、滴管工具和填充變形工具等，以提高讀者的手繪和編輯矢量圖的能力。

本章學(xué)習(xí)目標(biāo)

? 了解Flash的繪圖基礎(chǔ)

? 熟練掌握Flash CS3的基本繪圖工具的使用 ? 理解掌握編輯圖像的技巧及工具的使用

本章重點(diǎn)

? 各種繪圖工具的使用 ? 圖像的填充

本章內(nèi)容

? 2.1Flash繪圖基礎(chǔ)

? 2.2繪制圖形圖像

? 2.3編輯圖形圖像 ? 2.4填充圖形圖像 ? 2.5鎖定填充 ? 2.6

應(yīng)用舉例

2.1

Flash繪圖基礎(chǔ)

? 2.1.1

矢量圖和位圖 ? 2.1.2

繪圖模式

2.1.1

矢量圖和位圖

? 根據(jù)計(jì)算機(jī)顯示原理，大致把計(jì)算機(jī)上顯示的圖像分為兩類，即矢量圖和位圖。

? 1.矢量圖形

? 矢量圖形使用直線和曲線來(lái)描述圖像，它是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的，每一個(gè)點(diǎn)都有其各自的屬性，如位臵、顏色等。

? 2.位圖

? 位圖使用像素點(diǎn)來(lái)描述圖像，并將它們安排在網(wǎng)格內(nèi)。

? 編輯位圖時(shí)，修改的是像素而不是直線和曲線。位圖和分辨率有關(guān)，因?yàn)槊枋鰣D像的數(shù)據(jù)被固定到特定大小的網(wǎng)格中。編輯位圖可以改變其外觀質(zhì)量，尤其是調(diào)整位圖的大小會(huì)使圖形的邊緣產(chǎn)生鋸齒，這是因?yàn)橄袼乇恢匦路峙涞骄W(wǎng)格中的緣故。

2.1.2繪圖模式

? 在Flash中有兩種繪圖模型，即“合并繪制”模式和“對(duì)象繪制”模式，為繪制圖形提供了極大的靈活性。? 1.“合并繪制”模式

? “合并繪制”模式時(shí)，重疊繪制圖形時(shí)，會(huì)自動(dòng)進(jìn)行合并。如果選擇同一個(gè)圖層中的圖形與另一個(gè)圖形合并，移動(dòng)它則會(huì)永久改變其下方的圖形。

? 2.“對(duì)象繪制”模式

? “對(duì)象繪制”模式允許將圖形繪制成獨(dú)立的對(duì)象，且在疊加時(shí)不會(huì)自動(dòng)合并。分離或重排重疊圖形時(shí)，也不會(huì)改變它們的外形。Falsh將每個(gè)圖形創(chuàng)建為獨(dú)立的對(duì)象，可以分別進(jìn)行處理。

? 要使用“對(duì)象繪制”模式繪制圖形，只需選擇一個(gè)支持“對(duì)象繪制”模式的繪圖工具，如線條工具、鋼筆工具、橢圓工具、矩形工具、多角星形工具、鉛筆工具和刷子工具，然后單擊“工具箱”中“選項(xiàng)”下的“對(duì)象繪制”按鈕

或按“J”鍵，就可以從“合并繪制”模式切換到“對(duì)象繪制”模式。

2.2繪制圖形圖像

? 2.2.1使用線條工具 ? 2.2.2

使用鋼筆工具

? 2.2.3使用鉛筆工具

? 2.2.4使用矩形工具和基本矩形工具 ? 2.2.5使用橢圓工具和基本橢圓工具 ? 2.2.6

多角星形工具 ? 2.2.7

使用刷子工具

2.2.1

使用線條工具

? 線條工具用來(lái)

繪制矢量線條。

? 在Flash中，繪制直線的工具有多種，線條工具是其中最簡(jiǎn)單的工具，可以直接繪制所需直線。

? 注意：拖動(dòng)鼠標(biāo)時(shí)，按住【Shift】鍵可以限制繪制以45°的倍數(shù)的線條。? 【例2.1】利用線條工具繪制一條“紅色”、粗細(xì)為“5”、寬高度為“100 150”、位臵在“120 150”的點(diǎn)直線。

2.2.2使用鋼筆工具

? 利用鋼筆工具

可以繪制各種線條和任意形狀的圖形，也可作為選取工具使用。

? 鋼筆工具具有以下幾種功能： ?（1）繪制直線 ?（2）繪制曲線

?（3）繪制一個(gè)封閉的圖像

? 【例2.2】利用鋼筆工具繪制一片樹葉，效果如圖2-18所示。

2.2.3使用鉛筆工具

? 使用鉛筆工具可以隨意地繪制線條和形狀，就象在紙上用真正的鉛筆繪圖一樣，但Flash會(huì)根據(jù)所選擇的繪圖模式，對(duì)線條自動(dòng)進(jìn)行調(diào)整，使之更筆直或平滑。選擇工具欄中的鉛筆工具，鼠標(biāo)光標(biāo)變?yōu)樾螤?，在舞臺(tái)中按住鼠標(biāo)左鍵隨意拖動(dòng)即可繪制任意線條和形狀。按住【Shift】鍵拖動(dòng)鼠標(biāo)可繪制垂直或水平方向的線條。

2.2.4使用矩形工具和基本矩形工具

? 1.矩形工具

? 選擇矩形工具，在舞臺(tái)中按住鼠標(biāo)左鍵向任意方向拖動(dòng)即可繪制一個(gè)矩形。按住【Shift】鍵，同時(shí)按住鼠標(biāo)左鍵拖動(dòng)可繪制一個(gè)正方形。? 矩形工具的選項(xiàng)區(qū)域與線條工具的選項(xiàng)區(qū)域相同，各項(xiàng)說(shuō)明請(qǐng)參見2.2.1小節(jié)使用線條工具中的相關(guān)部分。? 2.基本矩形工具 ? 基本矩形工具也稱為圖元矩形工具，使用基本矩形工具可以繪制圖元矩形。基本矩形工具操作方法與矩形工具相同。

? 注意：若要在使用基本矩形工具拖動(dòng)時(shí)更改角半徑，請(qǐng)按向上箭頭鍵或向下箭頭鍵。當(dāng)圓角達(dá)到所需圓度時(shí)，松開鍵。

2.2.5使用橢圓工具和基本橢圓工具

? Flash提供了兩種繪制橢圓的工具，橢圓工具和基本橢圓工具。? 1.橢圓工具

? 使用橢圓工具可以繪制橢圓和圓。選擇工具箱中的橢圓工具，在舞臺(tái)中按住鼠標(biāo)左鍵向任意方向拖動(dòng)即可繪制一個(gè)橢圓；按住【Shift】鍵，同時(shí)按住鼠標(biāo)左鍵拖動(dòng)可繪制一個(gè)圓。? 2.基本橢圓工具

? 基本橢圓工具也稱為圖元橢圓工具，使用基本橢圓工具可以繪制圖元橢圓?；緳E圓工具操作方法與橢圓工具相同。

? 基本橢圓工具的選項(xiàng)區(qū)域只有“貼緊至對(duì)象”按鈕。而“屬性”面板與橢圓工具的“屬性”面板相同。

2.2.6

多角星形工具

? 使用多角星形工具，在舞臺(tái)上按住鼠標(biāo)左鍵向任意方向拖動(dòng)即可繪制一個(gè)多邊形或星形。

? 多角星形工具“屬性”面板與線條工具的“屬性”面板相比多了“選項(xiàng)”按鈕，如圖2-43所示。單擊

按鈕，打開如圖2-44所示的“工具設(shè)臵”對(duì)話框，可以設(shè)臵“樣式”為“多邊形”或“星形”，設(shè)臵“邊數(shù)”一般介于3～32之間的數(shù)值，設(shè)臵“星形頂點(diǎn)大小”一般介于0～1之間的數(shù)值以指定星形頂點(diǎn)的深度，此數(shù)值越接近0，創(chuàng)建的頂點(diǎn)就越深（如針）。如果是繪制多邊形，應(yīng)保持此設(shè)臵默認(rèn)（也就是數(shù)值為0.50），它不會(huì)影響多邊形的形狀。如圖2-45所示為不同設(shè)臵下的多邊形和星形繪制效果。

2.2.7

使用刷子工具

? 刷子工具

能繪制出刷子般的筆觸，就像在涂色一樣。它可以創(chuàng)建特殊效果，包括書法效果?？梢允褂谩八⒆庸ぞ摺惫δ苕I選擇刷子大小和形狀。? 對(duì)于新筆觸來(lái)說(shuō)，刷子大小甚至在更改舞臺(tái)的縮放比率級(jí)別時(shí)也保持不變，所以當(dāng)舞臺(tái)縮放比率降低時(shí)同一個(gè)刷子大小就會(huì)顯得太大。例如，假設(shè)將舞臺(tái)縮放比率設(shè)臵為100%并使用刷子工具以最小的刷子大小涂色。然后，將縮放比率更改為50%并用最小的刷子大小再畫一次；繪制的新筆觸 13 就比以前的筆觸顯得粗50%。這說(shuō)明改舞臺(tái)的縮放比率并不更改現(xiàn)有刷子筆觸的大小，效果如圖2-46所示。

? 【例2.3】繪制樹枝，利用例2.2中的樹葉組合成一棵樹。

2.3

編輯圖形圖像

? 2.3.1選擇與查看對(duì)象

? 2.3.2

移動(dòng)、復(fù)制與刪除對(duì)象 ? 2.3.3變形與排列對(duì)象 ? 2.3.4群組與打散對(duì)象

2.3.1選擇與查看對(duì)象

? 要對(duì)圖形進(jìn)行編輯，必須先要選擇它；Flash CS3提供了各種選擇方法，包括選擇工具、套索工具及鍵盤快捷命令。在圖形的繪制和編輯過程中，需要使用查看工具來(lái)輔助用戶進(jìn)行操作；Flash CS3也提供了各種查看方法，包括手形工具、縮放工具及顯示比例的設(shè)臵。

? 1.使用選擇工具選擇對(duì)象

? 選擇工具

是最常用的繪圖輔助工具，可以選擇、移動(dòng)和編輯對(duì)象。該工具默認(rèn)的選項(xiàng)區(qū)域如圖2-65所示，包括“貼緊至對(duì)象”按鈕、“平滑”按鈕和“伸直”按鈕。無(wú)相應(yīng)的“屬性”面板。? 選擇工具一般具有以下幾個(gè)功能： ?（1）選擇對(duì)象

? 單擊工具箱中的“選擇工具”按鈕，單擊需要編輯的對(duì)象可將其選中。?（2）移動(dòng)對(duì)象

? 單擊選中要編輯的對(duì)象，然后按住鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)便可以把要編輯的對(duì)象移動(dòng)到場(chǎng)景的任意位臵，當(dāng)位臵確定后，釋放鼠標(biāo)即可。?（3）編輯對(duì)象

? 使用選擇工具可以改變線條或分離圖像的形狀，還可以編輯“對(duì)象繪制”模式圖像的邊緣。

? 2.使用套索工具選擇對(duì)象

? 利用套索工具

可以精確的選擇對(duì)象，并且可以選擇對(duì)象的任意區(qū)域圖像，前提是圖像是打散（分離）的狀態(tài)。在工具箱中選擇套索工具，無(wú)相應(yīng)的“屬性”面板，其選項(xiàng)區(qū)域如圖2-76所示，包括“魔術(shù)棒”、“魔術(shù)棒設(shè)臵”和“多邊形模式”。

? 【例2.4】利用套索工具選取如圖2-78所示不規(guī)則的圖像區(qū)域。? 3.使用手形工具查看對(duì)象

? 在Flash動(dòng)畫的制作過程中，如果舞臺(tái)設(shè)臵顯示比例較大，超出場(chǎng)景范圍，可能無(wú)法看到整個(gè)舞臺(tái)及其圖像的邊緣，此時(shí)可以利用手形工具

即可移動(dòng)舞臺(tái)，方便用戶查看編輯對(duì)象。手形工具無(wú)相應(yīng)的“屬性”面板和選項(xiàng)區(qū)域。

? 4.使用縮放工具查看對(duì)象

? 在Flash場(chǎng)景中如果圖形太小，就不能看清圖形內(nèi)容，并且無(wú)法編輯對(duì)象的細(xì)節(jié)；如果圖形太大，則難以看到圖形的整體，這時(shí)可以使用縮放工具

來(lái)放大或縮小圖形。

2.3.2移動(dòng)、復(fù)制與刪除對(duì)象

? 在Flash CS3對(duì)對(duì)象進(jìn)行編輯時(shí)，可以通過在舞臺(tái)上拖動(dòng)、剪切并粘貼、使用方向鍵，或用“屬性”面板指定精確的位臵等方法來(lái)移動(dòng)對(duì)象。可以通過拖動(dòng)或粘貼來(lái)復(fù)制對(duì)象，還可以在使用變形面板進(jìn)行變形操作來(lái)復(fù)制對(duì)象。

? 移動(dòng)對(duì)象常用有4種方法，分別是：拖動(dòng)、使用方向鍵、使用“屬性”面板和使用“信息”面板。

?（1）使用“屬性”面板移動(dòng)對(duì)象

? 首先選擇一個(gè)或多個(gè)對(duì)象，然后在“屬性”面板中輸入所選擇對(duì)象的左上角位臵的x和y的值，如圖2-81所示。x和y值是相對(duì)于舞臺(tái)左上角的坐標(biāo)，即舞臺(tái)左上角的坐標(biāo)為（0,0）。?（2）使用“信息”面板移動(dòng)對(duì)象

? 首先選擇一個(gè)或多個(gè)對(duì)象，然后選擇“窗口”→“信息”命令或按【Ctrl+I】鍵，打開“信息”面板，輸入所選擇對(duì)象的左上角位臵的x和y的值，x和y值也是相對(duì)于舞臺(tái)左上角，如圖2-82所示。? 2.復(fù)制對(duì)象

? 如果需要繪制的圖形和已有圖形相同，可以將已有圖形進(jìn)行復(fù)制。在Flash中，復(fù)制圖形的方法有如下3種：

?（1）選擇要復(fù)制的對(duì)象，選擇“編輯”→“復(fù)制”命令或按【Ctrl+C】鍵復(fù)制，再選擇“編輯”→“粘貼到中心位臵”命令或按【Ctrl+V】鍵粘貼即可，若選擇“編輯”→“粘貼到當(dāng)前位臵”命令或按【Ctrl+Shift+V】鍵可以將對(duì)象粘貼到原位臵。

?（2）用選擇工具選擇對(duì)象后，按住【Ctrl】鍵不放并拖動(dòng)鼠標(biāo)進(jìn)行復(fù)制。?（3）用任意變形工具選擇對(duì)象后，按住【Alt】鍵不放并拖動(dòng)鼠標(biāo)進(jìn)行復(fù)制。

? 3.刪除對(duì)象

? 刪除對(duì)象可以將其從文件中刪除。刪除舞臺(tái)上的實(shí)例不會(huì)從庫(kù)中刪除元 15 件。選中要?jiǎng)h除的對(duì)象后，按【Delete】鍵或按【BackSpace】鍵或選擇“編輯”→“清除”命令或選擇“編輯”→“剪切”命令，還可以在該對(duì)象上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“剪切”命令，即可將對(duì)象刪除。? 4.層疊對(duì)象

? 在圖層內(nèi)，F(xiàn)lash CS3會(huì)根據(jù)對(duì)象的創(chuàng)建順序?qū)盈B對(duì)象，將最新創(chuàng)建的對(duì)象放在最上面。對(duì)象的層疊順序決定了它們?cè)趯盈B時(shí)出現(xiàn)的順序。使用圖層操作和菜單命令可以在任何時(shí)候更改對(duì)象的層疊順序。

2.3.3變形與排列對(duì)象

? 在Flash CS3中，可以使用選擇工具、部分選取工具和任意變形工具來(lái)變形對(duì)象，通過些工具來(lái)編輯圖形，可以使圖形達(dá)到理想的變形效果。在制作Flash動(dòng)畫時(shí)，如果創(chuàng)建了多個(gè)圖形對(duì)象，并且要把這些圖形對(duì)象按相對(duì)的位臵排列在一起，可以使用Flash CS3提供的輔助線和“對(duì)齊”面板來(lái)排列對(duì)象。

? 1.使用選擇工具變形對(duì)象

? 使用選擇工具對(duì)對(duì)象進(jìn)行變形操作請(qǐng)參見2.3.1小節(jié)中的相關(guān)部分。? 2.使用部分選取工具變形對(duì)象

? 部分選取工具常常與鋼筆工具配合使用。它能象選擇工具一樣選擇并移動(dòng)對(duì)象，還能編輯普通線條和圖像的輪廓線條，通常用來(lái)編輯曲線上錨點(diǎn)。該工具的“屬性”面板和“選項(xiàng)”區(qū)域無(wú)相應(yīng)的內(nèi)容。

? 3.使用任意變形工具變形對(duì)象

? 在Flash CS3中，使用任意變形工具是最常用的方法。根據(jù)所選的元素，可以任意變形、旋轉(zhuǎn)、傾斜、縮放和扭曲該元素。

? 任意變形工具

是一個(gè)功能強(qiáng)大的編輯工具，利用它可以對(duì)對(duì)象進(jìn)行4種變形設(shè)臵，分別是旋轉(zhuǎn)與傾斜、縮放、扭曲和封套操作，制作出特殊的效果。任意變形工具沒有相應(yīng)的“屬性”面板，選擇工具欄中的任意變形工具后，其“選項(xiàng)”區(qū)域，如圖2-84所示，其中各按鈕的作用如下：

2.3.3變形與排列對(duì)象

?（1）旋轉(zhuǎn)與傾斜

?（2）縮放

?（3）扭曲

?（4）封套

? 4.使用輔助線排列對(duì)象

? 在移動(dòng)對(duì)象時(shí)，對(duì)象的邊緣會(huì)出現(xiàn)水平或垂直的虛線，該虛線自動(dòng)與另一個(gè)對(duì)象的邊緣對(duì)齊，便于確定對(duì)象的位臵，這種虛線就是輔助線。移動(dòng)對(duì) 象時(shí)出現(xiàn)的輔助線如圖2-85所示。? 5.使用對(duì)齊面板排列對(duì)象

? 除了用輔助線功能來(lái)對(duì)齊對(duì)象外，還可以用“對(duì)齊”面板來(lái)對(duì)齊對(duì)象。

2.3.4群組與打散對(duì)象

? 1.群組對(duì)象

? 群組又叫組合，是將多個(gè)元素組合為一個(gè)對(duì)象來(lái)處理。例如，創(chuàng)建了一幅繪畫后（如樹或花），可以將該繪畫的元素組合成一組，這樣就可以將該繪畫當(dāng)成一個(gè)整體來(lái)選擇和移動(dòng)。當(dāng)選擇某個(gè)組時(shí)，“屬性”面板會(huì)顯示該組的x和y坐標(biāo)及其像素尺寸。

? 群組對(duì)象的方法是先用選擇工具選擇需要群組的多個(gè)對(duì)象，如圖2-87所示。然后選擇“修改”→“組合”命令或按【Ctrl+G】鍵，即可將多個(gè)對(duì)象組合成一個(gè)整體。群組后這幾個(gè)對(duì)象就變?yōu)橐粋€(gè)對(duì)象，在群組對(duì)象外圍有一個(gè)藍(lán)色邊框，如圖2-88所示。

? 選擇“修改”→“取消組合”命令或按【Ctrl+Shift+G】鍵，可以取消組合。?

? 2.打散對(duì)象

? 打散又叫分離，是指將位圖、文字或群組后的圖形打散成一個(gè)一個(gè)的像素點(diǎn)，以便對(duì)其中的一部分進(jìn)行編輯。

? 打散位圖會(huì)將圖像中的像素分散到離散的區(qū)域中，可以分別選中這些區(qū)域并進(jìn)行修改。

? 在選擇位圖過程中，用選擇工具框選位圖時(shí)，會(huì)發(fā)現(xiàn)不能選中其中的一部分，只能用鼠標(biāo)單擊選中整個(gè)位圖，如圖2-89所示，位圖四周會(huì)出現(xiàn)灰色邊框，此時(shí)選擇“修改”→“分離”命令或按【Ctrl+B】鍵即可打散位圖，如圖2-90所示，再用選擇工具框選位圖的一部分，會(huì)發(fā)現(xiàn)這部分出現(xiàn)許多像素點(diǎn)，這時(shí)就可以對(duì)這部分進(jìn)行編輯了。

2.4填充圖形圖像

? 2.4.1使用顏色面板 ? 2.4.2使用樣本面板 ? 2.4.3創(chuàng)建筆觸與填充 ? 2.4.4

編輯筆觸與填充

2.4.1

使用顏色面板

? 選擇“窗口”→“顏色”命令或按【Shift+F9】鍵，可以打開“顏色”面板。Flash CS3在默認(rèn)的面板情況下，“顏色”面板已在Flash窗口右側(cè)。“顏色”面板如 17 圖2-91所示。

? 在“顏色”面板中，填充類型包括“無(wú)”、“純色”、“線性”、“放射狀”和“位圖”5種，不管是哪一種，其“顏色”面板有相同的功能參數(shù)設(shè)臵和按鈕，這些相同的功能參數(shù)設(shè)臵和按鈕如下： ?（1）筆觸顏色

?（2）填充顏色

?（3）

?（4）顏色通道

?（5）透明度

?（6）十六進(jìn)制值

?（7）顏色選擇器

?（8）“顏色”面板的選項(xiàng)菜單按鈕

? 1.創(chuàng)建純色

? 2.創(chuàng)建線性漸變色 ? 3.創(chuàng)建放射狀漸變色 ? 4.創(chuàng)建位圖填充

? 【例2.5】使用橢圓工具和線性漸變繪制一個(gè)雞蛋。

? 【例2.6】使用橢圓工具和放射狀漸變繪制質(zhì)感的按鈕。

2.4.2使用樣本面板

? 每一個(gè)Flash影片都包含自己的調(diào)色板，并存儲(chǔ)在Flash文檔中。Flash將文件的調(diào)色板顯示為筆觸顏色和填充顏色空間，以及“樣本”面板中的樣本（以小方格顯示顏色）。這個(gè)面板幫助用戶從當(dāng)前的調(diào)色板中組織、加載、保存和刪除單獨(dú)的顏色，如圖2-106所示。

2.4.3創(chuàng)建筆觸與填充

? 在Flash中，矢量圖形使用直線和曲線來(lái)描述圖像，每個(gè)矢量都有兩個(gè)屬性：筆觸（輪廓）和填充。這兩個(gè)屬性決定了矢量圖形的輪廓和整體顏色。

? 1.使用工具箱中的“筆觸顏色”與“填充顏色”控件 ? 2.使用屬性面板中的“筆觸顏色”與“填充顏色”控件

2.4.4編輯筆觸與填充

? 在Flash CS3中，利用工具箱和“屬性”面板都可以設(shè)臵圖形的筆觸顏色和填充顏色，還可以利用工具箱中的多個(gè)工具來(lái)修改筆觸顏色和填充顏色。? 1.使用墨水瓶工具填充筆觸

? 墨水瓶工具

可以更改線條或者形狀輪廓的筆觸顏色、寬度和樣式。對(duì) 18 直線或形狀輪廓只能應(yīng)用純色，而不能應(yīng)用漸變或位圖。

? 【例2.7】利用墨水瓶工具對(duì)圖片添加邊框，效果如圖2-110所示。? 2.使用顏料桶工具填充顏色

? 墨水瓶工具

是更改對(duì)象的筆觸特性，而顏料桶工具則是更改對(duì)象的填充顏色。顏料桶工具可以用顏色填充封閉區(qū)域。此工具既可以填充空的區(qū)域也可以更改已涂色區(qū)域的顏色。用戶可用顏料桶工具和“顏色”面板配合設(shè)臵出純色、漸變填充以及位圖填充進(jìn)行涂色，制作出絢麗的色彩效果。用戶可以使用顏料桶工具填充未完全封閉的區(qū)域，并且可以讓Flash在使用顏料桶工具時(shí)閉合形狀輪廓中的空隙。

? 3.使用填充變形工具編輯顏色

? 填充變形工具是為了使填充的漸變色彩更豐富而設(shè)臵的，利用該工具可以對(duì)所填顏色的范圍、方向和角度等進(jìn)行設(shè)臵，以獲得豐富的特殊效果。? 【例2.8】繪制一個(gè)水晶按鈕。利用前面介紹的只是，繪制一個(gè)網(wǎng)頁(yè)上經(jīng)?？梢钥吹降乃О粹o，如圖2-118所示。? 4.使用滴管工具采樣

? 使用滴管工具

可以從一個(gè)對(duì)象復(fù)制填充和筆觸屬性，然后立即將它們應(yīng)用到其它對(duì)象。滴管工具還允許從打散的位圖圖像取樣用作填充。滴管工具沒有相應(yīng)的“選項(xiàng)”區(qū)域和“屬性”面板。

? 5.使用橡皮擦工具擦除對(duì)象

? 橡皮擦工具

可以擦除筆觸顏色和填充顏色，可以擦除整個(gè)對(duì)象對(duì)象或?qū)ο笾胁恍枰牟糠?，它只能?yīng)用于打散后的圖形。橡皮擦工具無(wú)相應(yīng)的“屬性”面板，選中對(duì)象后【Ctrl+B】鍵打散位圖，選擇橡皮擦工具，其“選項(xiàng)”區(qū)域如圖2-131所示。從“擦除模式”下拉列表中選擇一種模式，并確認(rèn)“水龍頭”按鈕沒有被按下，在對(duì)象上拖動(dòng)鼠標(biāo)光標(biāo)進(jìn)行所需的擦除操作，釋放鼠標(biāo)左鍵完成擦除操作。

2.5 鎖定填充

? 用戶可以鎖定

漸變色或位圖填充，使填充看起來(lái)好像擴(kuò)展到整個(gè)舞臺(tái)，并且用該填充涂色的對(duì)象好像是顯示下面的漸變或位圖的遮罩。? 當(dāng)用戶隨刷子或顏料桶工具選擇了鎖定填充功能鍵并用該工具涂色的時(shí)候，位圖或漸變填充將擴(kuò)展覆蓋用戶在舞臺(tái)中涂色的對(duì)象，如圖2-134所示。

? 如果要使用鎖定的漸變填充，則可以執(zhí)行以下操作：

?（1）選擇刷子或者顏料桶工具，然后選擇作為填充的漸變或位圖。?（2）從顏色中的“類型”彈出菜單中，選擇“線性”漸變或“放射狀”漸變，然 19 后選擇刷子或者顏料桶工具。?（3）單擊“鎖定填充”功能鍵。

?（4）首先對(duì)要放臵填充中心的區(qū)域進(jìn)行涂色，然后移到其它區(qū)域。? 如果要使用鎖定的位圖填充，則可以執(zhí)行以下操作： ?（1）選擇要使用的位圖。

?（2）先從顏色的“類型”彈出菜單中選擇“位圖”。?（3）選擇刷子或顏料桶工具。?（4）單擊“鎖定填充”功能鍵。

?（5）首先對(duì)要放臵填充中心的區(qū)域進(jìn)行涂色，然后移到其它區(qū)域。

2.6

應(yīng)用舉例

? 2.6.1繪制漂亮的小花 ? 2.6.2繪制美麗新世界

2.6.1

繪制漂亮的小花

? 本實(shí)例將介紹如何利用簡(jiǎn)單的方法在Flash作品中表現(xiàn)漂亮的小花。? 卡通造型的花是Flash作品中出現(xiàn)頻率非常高，應(yīng)用非常的廣泛。通過本實(shí)例了解簡(jiǎn)單小花的基本畫法，使用“鋼筆工具”、“線條工具”繪制花朵形狀，使用“填充變形工具”、“任意變形工具”調(diào)整圖像的顏色和大小。

2.6.2繪制美麗新世界

? 本實(shí)例利用橢圓工具、矩形工具、多角星形工具、鋼筆工具、鉛筆工具、任意變形工具、填充變形工具、“顏色”面板等，繪制和填充包括藍(lán)天、白云、太陽(yáng)、翠綠的山峰、波光閃爍的湖面上飄浮著美麗的花兒，小鴨在水面快樂的游泳等，如圖2-158所示，要做出這個(gè)漂亮的場(chǎng)景并不難，造型簡(jiǎn)單，色彩艷麗，是Flash里很典型的創(chuàng)作方法。

本章小結(jié)

? 本章主要講解了Flash的繪圖基礎(chǔ)、基本繪圖工具的使用、編輯圖形圖像和填充圖形圖像的基礎(chǔ)操作知識(shí)，以及相應(yīng)的“屬性”面板等，為以后深入學(xué)習(xí)制作Flash動(dòng)畫奠定了堅(jiān)實(shí)的基礎(chǔ)。通過本章的基礎(chǔ)知識(shí)和實(shí)例的學(xué)習(xí)，希望讀者能夠熟練掌握基本繪圖工具、編輯圖形圖像工具、填充圖形圖像工具等的使用方法，制作出優(yōu)美的動(dòng)畫效果。

習(xí)題二

? 見教材

第3章

文本工具和濾鏡

本章導(dǎo)讀

? 前面兩章已經(jīng)學(xué)習(xí)了Flash的基礎(chǔ)知識(shí)、基本操作及簡(jiǎn)單繪圖等內(nèi)容，在本章中將學(xué)習(xí)Flash文本工具的具體使用方法。任何優(yōu)秀的作品都離不開文字內(nèi)容，利用文字內(nèi)容可以更加直接地表達(dá)作品的主題，因此學(xué)習(xí)文本工具的用法是至關(guān)重要的。Flash CS3中濾鏡可以幫助用戶繪制更加豐富多彩的圖像效果。將文本工具和濾鏡配合使用，則可以達(dá)到更加完美地文字效果，因此讀者應(yīng)熟練掌握文本工具和濾鏡的使用方法及技巧。

本章學(xué)習(xí)目標(biāo)

? 學(xué)會(huì)使用Flash CS3文本工具輸入文字 ? 熟練掌握文本工具相關(guān)屬性的設(shè)臵和編輯 ? 熟練運(yùn)用Flash濾鏡

本章重點(diǎn)

? 文本的編輯 ? 濾鏡的使用

本章內(nèi)容

? 3.1文本工具 ? 3.2濾鏡

? 3.3應(yīng)用舉例

3.1

文本工具

? 3.1.1

使用文本工具 ? 3.1.2

設(shè)臵文本屬性 ? 3.1.3

編輯文本

3.1.1

使用文本工具

? 文本工具主要用于輸入和設(shè)臵動(dòng)畫中的文字信息。? 1.文本類型

? 在Flash中主要使用3種類型的文本：靜態(tài)文本、動(dòng)態(tài)文本和輸入文本。所有的文本字段都支持Unicode。

?（1）靜態(tài)文本：用于顯示影片中不作任何變化的文字。文本內(nèi)容在運(yùn)行時(shí)不會(huì)發(fā)生改變，靜態(tài)文本可以創(chuàng)建超級(jí)鏈接，并且選擇目標(biāo)窗口。?（2）動(dòng)態(tài)文本：用于顯示影片中會(huì)被更新的文字。該內(nèi)容可以來(lái)自于即 時(shí)數(shù)據(jù)源、動(dòng)態(tài)更新的文本，如體育得分、股票報(bào)價(jià)或天氣報(bào)告。

?（3）輸入文本：用于在運(yùn)行時(shí)由用戶輸入文本，它可用于任何需要用戶輸入的時(shí)候，如輸入密碼或者回答問題等。? 2.設(shè)臵垂直文本

? 在Flash中創(chuàng)建可以水平文本（從左到右流向）或靜態(tài)垂直文本（從左到右流向或從右到左流向）。默認(rèn)情況下，文本以水平方向創(chuàng)建，如圖3-1所示。

? 設(shè)臵垂直文本可以選擇“編輯”→“首選參數(shù)”命令或按【Ctrl+U】鍵，打開“首選參數(shù)”對(duì)話框，選擇“類別”為“文本”，選中“默認(rèn)文本方向”復(fù)選框，如圖3-2所示，單擊按鈕即可；此時(shí)若輸入塊文本，則垂直文本從左到右流向，如圖3-3所示。在“首選參數(shù)”對(duì)話框文本類別中再選中“從右到左流向”復(fù)選框，此時(shí)若輸入塊文本，則垂直文本從右到左流向，如圖3-4所示。? 3.創(chuàng)建文本

? 單擊工具箱的文本工具，將光標(biāo)移動(dòng)到舞臺(tái)上，當(dāng)光標(biāo)變成形狀時(shí)，單擊鼠標(biāo)左鍵或按住鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)，則出現(xiàn)一個(gè)輸入文本框。

? 在Flash文檔窗口中創(chuàng)建文本有兩種方法：

?（1）標(biāo)簽文本

? 標(biāo)簽文本是寬度可以改變的文本框，標(biāo)簽文本的寬度隨用戶輸入的文本長(zhǎng)度而自動(dòng)變化，而且需要手動(dòng)換行。

?（2）塊文本

? 塊文本是固定文本寬度的文本，在塊文本中輸入文本達(dá)到所設(shè)臵的寬度時(shí)，文本將自動(dòng)換行。

? 選擇工具箱的中文本工具，在舞臺(tái)合適的位臵單擊鼠標(biāo)左鍵，輸入文本字符，此時(shí)“屬性”面板如圖3-9所示，在此可以設(shè)置文本的相關(guān)屬性。

3.1.1使用文本工具

? 文本“屬性”面板中主要的項(xiàng)目功能的說(shuō)明如下： ?（1）

?（2）?（3）?（4）?（5）?（6）?（7）?（8）

3.1.2設(shè)置文本屬性

?（9）?（10）?（11）?（12）?（13）?（14）?（15）?（16）

? 以下功能只有在選擇“動(dòng)態(tài)文本”和“輸入文本”時(shí)才被激活使用。?（1）?（2）?（3）?（4）?（5）?（6）

? 【例3.1】利用文本工具的“屬性”面板中的“字體”、“字號(hào)”、“顏色”、“樣式”、“字符間距”、“字符位臵”、“縮進(jìn)”、“行距”和“邊距”等設(shè)臵“二次方程x2+y2=z2”的效果。

3.1.3編輯文本

? 在Flash CS3中，可以像其它文字處理軟件一樣編輯文本，還可以對(duì)文本進(jìn)行變形處理。用戶可以使用常用的工具和編輯命令選擇、移動(dòng)、剪切、復(fù)制、粘貼、刪除，在Flash CS3文件內(nèi)部、Flash文件之間或其它應(yīng)用程序之間復(fù)制和粘貼文本；也可以對(duì)文本進(jìn)行旋轉(zhuǎn)、縮放、傾斜等變形處理。此外，還可以翻轉(zhuǎn)和分離文本，但經(jīng)過分離的文本不能按文本進(jìn)行編輯。

? 1.選擇和移動(dòng)文本 ?（1）選擇文本

? 要編輯文本或改變文本屬性之前，首先要選擇文本。選擇文本包含兩個(gè)方面，即選擇文本和選擇文本塊。?（2）移動(dòng)文本

? 在工具箱中選擇選擇工具，單擊要選擇的文本塊，拖動(dòng)鼠標(biāo)即可在舞臺(tái)上移動(dòng)文本塊的位臵。

? 2.剪切、復(fù)制、粘貼和刪除文本 ?（1）剪切文本 ? 在工具箱中選擇選擇工具，單擊要選擇的文本塊，選擇“編輯”→“剪切”命令或按【Ctrl+X】鍵或鼠標(biāo)右擊在彈出的快捷菜單中選擇“剪切”命令即可。?（2）復(fù)制文本

? 在工具箱中選擇選擇工具，單擊要選擇的文本塊，選擇“編輯”→“復(fù)制”命令或按【Ctrl+C】鍵或鼠標(biāo)右擊在彈出的快捷菜單中選擇“復(fù)制”命令即可。?（3）粘貼文本

? 在Flash CS3中，常用粘貼文本的方法有兩種，即粘貼到中心位臵和粘貼到當(dāng)前位臵。? 3.旋轉(zhuǎn)和縮放文本

? 旋轉(zhuǎn)和縮放文本是文本變形處理的基本操作。用戶可以利用任意變形工具或快捷菜單中“任意變形”命令都可以處理文本的基本變形操作。?（1）旋轉(zhuǎn)文本

? 旋轉(zhuǎn)就是把文本塊旋轉(zhuǎn)一個(gè)角度。

?（2）縮放文本

? 縮放就是把文本塊放大或縮小。

? 4.傾斜和翻轉(zhuǎn)文本

? 在Flash CS3中，利用“變形”面板可以處理文本的傾斜效果；利用“翻轉(zhuǎn)”命令可以處理文本的翻轉(zhuǎn)效果。利用這些操作可以制作出文本的特殊效果。?（1）傾斜文本

? 傾斜就是使文本塊在水平或垂直方向上傾斜一定的角度。

?（2）翻轉(zhuǎn)文本

? 翻轉(zhuǎn)就是使文本垂直轉(zhuǎn)臵或水平轉(zhuǎn)臵。

? 5.分離文本

? 分離可以把文本的每個(gè)字符臵于一個(gè)獨(dú)立的文本塊中。這樣就可以分別把這些獨(dú)立的文本塊快速地發(fā)布到不同的層中，以便分別對(duì)這些文字設(shè)計(jì)動(dòng)畫效果。

3.2濾鏡

? Falsh CS3中新增“濾鏡”功能可對(duì)文本、影片剪輯元件或按鈕元件增加投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角、調(diào)整顏色等效果。? Flash CS3中全部的“濾鏡”效果都集中在“濾鏡”面板中，如圖3-34所示。單擊“濾鏡”面板中的“添加濾鏡”按鈕，彈出如圖3-35所示的下拉菜單中有投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角、調(diào)整顏色效果，可以在下拉菜單中選擇需要的濾鏡效果。

? 3.2.1濾鏡效果

? 3.2.2刪除、啟用與禁用效果 ? 3.2.3預(yù)設(shè)效果

3.2.1濾鏡效果

? 濾鏡效果只能用于文本、影片剪輯元件和按鈕元件3種格式的對(duì)象，對(duì)其它對(duì)象無(wú)效。? 1.投影效果

? 使用投影濾鏡，可模擬對(duì)象向一個(gè)表面投影的效果，或者在背景中剪出一個(gè)形似對(duì)象的洞，來(lái)模擬對(duì)象的外觀，使其具有立體感。? 2.模糊效果

? 使用模糊濾鏡，可以柔化對(duì)象的邊緣和細(xì)節(jié)。將模糊應(yīng)用于對(duì)象，可以讓它看起來(lái)好像位于其它對(duì)象的后面，或者使對(duì)象看起來(lái)好像是運(yùn)動(dòng)的感覺。

? 3.發(fā)光效果

? 使用發(fā)光濾鏡，可以將對(duì)象的邊緣設(shè)臵成發(fā)光的效果，可以為將對(duì)象的整個(gè)邊緣應(yīng)用顏色。? 4.斜角效果

? 使用斜角濾鏡，可以向?qū)ο筇砑右环N加亮效果，使其看起來(lái)凸出于背景表面。還可以創(chuàng)建內(nèi)斜角、外斜角或者完全斜角。? 5.漸變發(fā)光效果

? 使用漸變發(fā)光濾鏡，可以在發(fā)光表面產(chǎn)生帶漸變顏色的發(fā)光效果。漸變發(fā)光要求選擇一種顏色作為漸變開始的顏色，該顏色的Alpha值為0。用戶無(wú)法移動(dòng)此顏色的位臵，但可以改變?cè)擃伾? 6.漸變斜角效果

? 使用漸變斜角濾鏡，可以產(chǎn)生一種凸起效果，使得對(duì)象看起來(lái)好像從背景上凸起，且斜角表面有漸變顏色。漸變斜角要求漸變的中間有一個(gè)顏色，顏色的Alpha值為0。用戶無(wú)法移動(dòng)此顏色的位臵，但可以改變?cè)擃伾? 7.調(diào)整顏色效果

? 使用調(diào)整顏色濾鏡，可以調(diào)整所選影片剪輯、按鈕或者文本對(duì)象的亮度、對(duì)比度、色相和飽和度。

3.2.2刪除、啟用與禁用效果

? 在使用濾鏡時(shí)，有時(shí)對(duì)不需要的濾鏡進(jìn)行刪除，用戶可以刪除單個(gè)不需要的濾鏡，其方法為：選中要?jiǎng)h除的濾鏡，單擊“刪除濾鏡”按鈕，即可刪除此濾鏡。

? 單擊“添加濾鏡”按鈕

，彈出如圖3-50所示的下拉菜單中還有“刪除全 部”、“啟用全部”和“禁用全部”3項(xiàng)命令，具體功能如下：

?（1）刪除全部：選擇此項(xiàng)可以將對(duì)象上應(yīng)用的濾鏡效果全部刪除。?（2）啟用全部：選擇此項(xiàng)可以將對(duì)象上被禁用的濾鏡效果全部啟用。?（3）禁用全部：選擇此項(xiàng)可以將對(duì)象上應(yīng)用的濾鏡效果全部禁用。此時(shí)“濾鏡”面板中列表中各項(xiàng)前面的√變成了〓，如圖3-50所示。直接單擊列表中某一項(xiàng)濾鏡效果前的√，即可禁用該項(xiàng)濾鏡效果；直接單擊列表中某一項(xiàng)濾鏡效果前的〓，即可啟用該項(xiàng)濾鏡效果。

3.2.3預(yù)設(shè)效果

? 在Flash CS3中，對(duì)設(shè)臵好的濾鏡可以預(yù)設(shè)效果。單擊“添加濾鏡”按鈕，從彈出下拉菜單中選擇“預(yù)設(shè)”子菜單，即可對(duì)濾鏡進(jìn)行“另存為”、“重命名”和“刪除”操作。

? 注意：將濾鏡預(yù)設(shè)應(yīng)用于對(duì)象時(shí)，F(xiàn)lash CS3會(huì)將當(dāng)前應(yīng)用于所選對(duì)象的所有濾鏡替換為預(yù)設(shè)中使用的濾鏡。

? 【例3.2】對(duì)文字預(yù)設(shè)一個(gè)“立體效果”，并應(yīng)用到其它文字。

3.3應(yīng)用舉例

? 使用Flash CS3可以創(chuàng)建許多文本特效，如立體文字等，如果再使用了Flash CS3提供的分離功能更可以將文字打散作為圖像處理，例如將文字打散然后在不同的部位填充不同的顏色，這都是單純文字處理軟件無(wú)法達(dá)到的效果，由此用戶可以做出各種各樣的文字效果，從而為整個(gè)Flash作品錦上添花。本節(jié)講述利用文本工具和濾鏡效果，制作立體文字效果。

? 立體文字是Flash動(dòng)畫中經(jīng)常看到的文字效果，如圖3-57所示為利用Flash CS3制作出來(lái)的立體文字效果。

本章小結(jié)

? 本章主要講解了文本工具的使用和屬性的設(shè)臵及應(yīng)用濾鏡效果等基礎(chǔ)知識(shí)，為以后深入學(xué)習(xí)制作Flash動(dòng)畫奠定了堅(jiān)實(shí)的基礎(chǔ)。通過本章的基礎(chǔ)知識(shí)和實(shí)例的學(xué)習(xí)，希望讀者能夠熟練掌握基本文本工具、濾鏡效果等的使用方法，制作出優(yōu)美的動(dòng)畫效果。

習(xí)題三

? 見教材

第4章

動(dòng)畫制作基礎(chǔ)

本章導(dǎo)讀 ? 本章將要學(xué)習(xí)動(dòng)畫制作基礎(chǔ)方面的有關(guān)知識(shí)。幀和圖層的概念是動(dòng)畫中最基本的元素，也是學(xué)習(xí)動(dòng)畫制作的基礎(chǔ)。元件對(duì)文件的大小和交互能力起著重要作用。任何一個(gè)復(fù)雜的動(dòng)畫都是借助元件完成的。元件存儲(chǔ)在元件庫(kù)中，不僅可以在同一個(gè)Flash作品中重復(fù)使用，也可以在其他Flash作品中重復(fù)使用。當(dāng)把元件從元件庫(kù)中拖至舞臺(tái)時(shí)，實(shí)際上并不是把元件自身放臵于舞臺(tái)上，而是在舞臺(tái)上創(chuàng)建了一個(gè)被稱為實(shí)例的元件副本，因此可以在不改變?cè)荚那闆r下，多次使用和更改元件實(shí)例。同時(shí)，本章還將介紹場(chǎng)景在動(dòng)畫中的作用和使用方法。

本章學(xué)習(xí)目標(biāo)

? 熟悉幀的基本操作 ? 熟悉圖層的基本操作

? 熟練掌握元件的創(chuàng)建和引用 ? 了解元件庫(kù)和場(chǎng)景的應(yīng)用

本章重點(diǎn)

? 幀和圖層的基本操作 ? 元件的創(chuàng)建和引用

本章內(nèi)容

? 4.1幀的操作

? 4.2圖層的應(yīng)用 ? 4.3元件的創(chuàng)建 ? 4.4使用元件實(shí)例 ? 4.5 元件庫(kù)的使用 ? 4.6

場(chǎng)景的應(yīng)用 ? 4.7

導(dǎo)入圖像素材 ? 4.8

應(yīng)用舉例

4.1

幀的操作

? 4.1.1 幀的類型 ? 4.1.2 插入幀 ? 4.1.3 選擇幀 ? 4.1.4 編輯幀 ? 4.1.5設(shè)臵幀頻 ?

? 4.1.1 幀的類型

? 幀分為兩類：普通幀和關(guān)鍵幀。? 1．普通幀

? 在動(dòng)畫制作中，常在關(guān)鍵幀后插入一些普通幀，其內(nèi)容與這一關(guān)鍵幀的內(nèi)容完全相同，其目的是用來(lái)延長(zhǎng)動(dòng)畫的播放時(shí)間。? 2．關(guān)鍵幀

? 任何動(dòng)畫要表現(xiàn)運(yùn)動(dòng)或變化，至少前后要給出兩個(gè)不同的關(guān)鍵狀態(tài)，而中間狀態(tài)的變化和銜接可以自動(dòng)完成，在Flash中，表示關(guān)鍵狀態(tài)或者內(nèi)容的幀叫做關(guān)鍵幀。

? 不同動(dòng)畫關(guān)鍵幀的表現(xiàn)形式 :

?

關(guān)鍵幀：在時(shí)間軸上以實(shí)心黑色小圓點(diǎn)作為標(biāo)志。

?

空白關(guān)鍵幀：以空心小圓點(diǎn)作為標(biāo)志，其對(duì)應(yīng)的舞臺(tái)上編輯內(nèi)容為空。

?

動(dòng)畫補(bǔ)間幀：兩關(guān)鍵幀間用紫色背景上帶黑色箭頭相連。

?

形狀補(bǔ)間幀：兩關(guān)鍵幀間用綠色背景上帶黑色箭頭相連。

? 名稱標(biāo)簽幀：關(guān)鍵幀上帶一個(gè)小紅旗，此幀為名稱標(biāo)簽幀。

? 包含動(dòng)作語(yǔ)句幀：關(guān)鍵幀上有符號(hào)ａ標(biāo)志，此幀為包含動(dòng)作語(yǔ)句幀。? 補(bǔ)間錯(cuò)誤幀：兩關(guān)鍵幀間用虛線連接，表示補(bǔ)間動(dòng)畫創(chuàng)建不成功。

4.1.2插入幀

? 1．插入普通幀

?(1)

在時(shí)間軸上需要?jiǎng)?chuàng)建幀的位臵單擊鼠標(biāo)右鍵，從彈出菜單中選擇“ 插入幀” 命令，將會(huì)在當(dāng)前位臵插入一幀。

?(2)

選擇需要?jiǎng)?chuàng)建的幀，選擇“ 插入| 時(shí)間軸| 幀” 命令。

?(3)

在時(shí)間軸上選擇需要?jiǎng)?chuàng)建的幀，按F5 鍵。

? 2.插入關(guān)鍵幀

?(1)在時(shí)間軸上需要?jiǎng)?chuàng)建幀的位臵單擊鼠標(biāo)右鍵，從彈出菜單中選擇“ 插入關(guān)鍵幀” 命令，將會(huì)在當(dāng)前位臵插入一幀。

?(2)選擇需要?jiǎng)?chuàng)建的幀，選擇“ 插入| 時(shí)間軸| 關(guān)鍵幀” 命令。

?(3)在時(shí)間軸上選擇需要?jiǎng)?chuàng)建的幀，按F6 鍵。

? 3．插入空白關(guān)鍵幀

?(1)在時(shí)間軸上需要?jiǎng)?chuàng)建幀的位臵單擊鼠標(biāo)右鍵，從彈出菜單中選擇“ 插入空白關(guān)鍵幀” 命令，將會(huì)在當(dāng)前位臵插入一幀。

?(2)選擇需要?jiǎng)?chuàng)建的幀，選擇“ 插入| 時(shí)間軸| 空白關(guān)鍵幀” 命令。

?(3)在時(shí)間軸上選擇需要?jiǎng)?chuàng)建的幀，按F7 鍵。

4.1.3選擇幀 ?(1)需選擇單個(gè)幀時(shí)，鼠標(biāo)左鍵單擊需選中的幀。

?(2)需選擇多個(gè)不相鄰的幀時(shí)，按下ctrl鍵單擊其他幀。

?(3)需選擇多個(gè)相鄰的幀時(shí)，按下shift鍵單擊選擇范圍的始幀和末幀。?(4)需選擇時(shí)間范圍所有的幀時(shí)，選擇“編輯|時(shí)間軸|選擇所有幀”命令。

4.1.4 編輯幀

? 1．刪除幀

?(1)在需刪除的幀上點(diǎn)擊鼠標(biāo)右鍵，選擇“ 刪除幀” 命令，當(dāng)前幀將會(huì)刪除。

?(2)在需刪除的幀上點(diǎn)擊鼠標(biāo)右鍵，選擇“ 清除幀” 命令，當(dāng)前幀將會(huì)變?yōu)橐豢瞻钻P(guān)鍵幀。

?(3)選中需刪除的幀，然后選擇“ 編輯| 時(shí)間軸| 刪除幀” 命令，當(dāng)前幀將會(huì)刪除。

? 2．移動(dòng)幀

?(1)將該關(guān)鍵幀或者序列托到所需移動(dòng)的位臵。

?(2)在需移動(dòng)的關(guān)鍵幀上點(diǎn)擊鼠標(biāo)右鍵，選擇“ 剪切幀” 命令，然后在所需移動(dòng)的目標(biāo)位臵點(diǎn)擊鼠標(biāo)右鍵，選擇“ 粘貼幀” 命令。

? 3．復(fù)制幀

?(1)按下鍵盤Alt 鍵，將要復(fù)制的關(guān)鍵幀拖動(dòng)到復(fù)制的位臵，即可完成復(fù)制操作。

?(2)在需移動(dòng)的關(guān)鍵幀上點(diǎn)擊鼠標(biāo)右鍵，選擇“ 復(fù)制幀” 命令，然后在所需移動(dòng)的目標(biāo)位臵點(diǎn)擊鼠標(biāo)右鍵，選擇“ 粘貼幀” 命令。

? 4．翻轉(zhuǎn)幀

?

選擇需翻轉(zhuǎn)的幀序列，點(diǎn)擊鼠標(biāo)右鍵，選擇“ 翻轉(zhuǎn)幀” 命令。

4.1.5設(shè)置幀頻

? 1．選擇菜單“修改|文檔”命令，將會(huì)彈出“文檔屬性”對(duì)話框，在幀頻標(biāo)簽后的文本框中輸入所需設(shè)定的幀頻，點(diǎn)擊確認(rèn)即可。

? 2．雙擊時(shí)間軸狀態(tài)欄上的圖標(biāo)，亦會(huì)彈出“文檔屬性”對(duì)話框，操作方法與方法1相同。

? 3．在空白區(qū)域中單擊，使得鼠標(biāo)不需選擇任意對(duì)象，直接在屬性對(duì)話框中修改幀頻。?

4.2

圖層的操作 ? 4.2.1 創(chuàng)建圖層

? 4.2.2 選擇圖層 ? 4.2.3 編輯圖層 ? 4.2.4 圖層的屬性 ?

4.2.1 創(chuàng)建圖層

? 1.用鼠標(biāo)點(diǎn)擊圖層窗口左下角的按鈕。? 2.點(diǎn)擊菜單“插入/時(shí)間軸/圖層”命令。? 3.右鍵點(diǎn)擊時(shí)間軸中的任何一個(gè)層，從彈出的快捷菜單中選擇“插入圖層”命令。

4.2.2 選擇圖層

? 1.需選擇單個(gè)圖層時(shí)，鼠標(biāo)左鍵單擊需選中的圖層。

? 2.需選擇多個(gè)不相鄰的圖層時(shí)，按下ctrl鍵單擊其他圖層。

? 3.需選擇多個(gè)相鄰的圖層時(shí)，按下shift鍵單擊選擇范圍的始圖層和末圖層。

4.2.3 編輯圖層

? 1．移動(dòng)圖層

?

選中要移動(dòng)的圖層，按住鼠標(biāo)左鍵拖動(dòng)，此時(shí)出現(xiàn)一條橫線，然后向上或向下拖動(dòng)，當(dāng)橫線到達(dá)到圖層需放臵的目標(biāo)位臵釋放鼠標(biāo)即可。

? 2．刪除圖層

?(1)

選擇需刪除的層，單擊

按鈕。

?(2)

選擇需刪除的層，左鍵拖動(dòng)鼠標(biāo)至

按鈕后釋放。

?(3)

在需要?jiǎng)h除的層上點(diǎn)擊鼠標(biāo)右鍵，在快捷菜單中選擇“ 刪除圖層” 命令。

? 3．重命名圖層

?(1)

用鼠標(biāo)雙擊某個(gè)圖層，即可對(duì)圖層名進(jìn)行編輯。

?(2)

雙擊圖層名前的按鈕，彈出圖層屬性對(duì)話框，在名稱標(biāo)簽后的文本框中輸入新的圖層明，單擊確定即可。

4.2.4 圖層的屬性

? 1.可編輯狀態(tài)：?jiǎn)螕魧?duì)應(yīng)圖層名即可切換的可編輯狀態(tài)。

? 2.顯示、隱藏圖層：?jiǎn)螕魧?duì)應(yīng)圖層的或者

按鈕即可切換圖層的顯示、隱藏狀態(tài)。

? 3.鎖定、解鎖圖層：?jiǎn)螕魧?duì)應(yīng)圖層的或者

按鈕即可切換圖層的鎖定、解鎖狀態(tài)。

? 4．輪廓顯示圖層：?jiǎn)螕魧?duì)應(yīng)圖層的或者

按鈕即可切換圖層的輪廓顯示狀態(tài)。

4.3元件的創(chuàng)建

? 4.3.1元件概述和類型 ? 4.3.2創(chuàng)建圖形元件 ? 4.3.3

創(chuàng)建影片剪輯元件 ? 4.3.4創(chuàng)建按鈕元件

4.3.1

元件概述和類型

? 元件包括3種類型：

?

1、圖形元件：圖形元件可以包含文字內(nèi)容和圖像內(nèi)容，它有自己獨(dú)立的場(chǎng)景和時(shí)間軸，常常用于靜態(tài)的圖形或簡(jiǎn)單的動(dòng)畫中。圖形元件與影片的時(shí)間軸同步運(yùn)行，不能帶有音頻效果和交互效果。

?

2、影片剪輯元件：影片剪輯元件其實(shí)就是一個(gè)獨(dú)立的動(dòng)畫片段，它們的時(shí)間軸獨(dú)立于主時(shí)間軸，可以在一個(gè)影片剪輯元件中添加各種元件以創(chuàng)建嵌套的動(dòng)畫效果。與圖形元件不同的是，影片剪輯元件可以帶有音頻效果和交互效果。

?

3、按鈕元件：按鈕元件用于創(chuàng)建動(dòng)畫的交互控制按鈕，支持鼠標(biāo)“彈起”、“指針經(jīng)過”、“按下”和“點(diǎn)擊”4種狀態(tài)；支持音頻效果和交互效果，能與圖形元件和影片剪輯元件嵌套使用，功能十分強(qiáng)大。

4.3.2創(chuàng)建圖形元件

? 創(chuàng)建圖形元件的方法大致有以下幾種：

? 1、選擇“ 插入” →“ 新建元件” 命令或者按【Ctrl+F8】 鍵，打開“ 創(chuàng)建新元件” 對(duì)話框，在“ 名稱” 文本框中輸入元件的名稱，在“ 行為” 欄中選擇“ 圖形” 選項(xiàng)。單擊按鈕打開圖形元件編輯窗口，中間的+ 形為舞臺(tái)的中心點(diǎn)，可直接在舞臺(tái)上繪制對(duì)象，操作完成后單擊時(shí)間軸上的按鈕，即可回到主場(chǎng)景中。

?

2、把現(xiàn)有的已制作完成的圖形或文字轉(zhuǎn)換成“圖形元件”。利用工具箱中的選擇工具選中要轉(zhuǎn)換的對(duì)象，選擇“修改”→“轉(zhuǎn)換為元件”命令或單擊右鍵選擇“轉(zhuǎn)換為元件”命令，打開“轉(zhuǎn)換為元件”對(duì)話框，在“名稱”欄中輸入元件名稱，在“類型”欄中選擇“圖像”選項(xiàng)，單擊按鈕即可將所選對(duì)象轉(zhuǎn)換成“圖形元件”。選擇“窗口”→“庫(kù)”命令，打開庫(kù)面板，在庫(kù)面板中可找到剛才轉(zhuǎn)換的圖形元件。

?

3、選擇“窗口”→“庫(kù)”命令，打開庫(kù)面板，單擊左下角的“新建元件”按鈕，打開“創(chuàng)建新元件”對(duì)話框，后面的操作與第1種方法相同。

4.3.3創(chuàng)建影片剪輯元件

? 影片剪輯元件可以創(chuàng)建反復(fù)使用的動(dòng)畫片段，且可獨(dú)立播放。創(chuàng)建影片剪輯元件與創(chuàng)建圖形元件的方法相同。

4.3.4創(chuàng)建按鈕元件

? 按鈕元件可以響應(yīng)鼠標(biāo)事件，用于創(chuàng)建動(dòng)畫的交互控制按鈕，如動(dòng)畫中的“開始”按鈕、“結(jié)束”按鈕、“重新播放”按鈕等都是按鈕元件。按鈕元件包括“彈起”、“指針經(jīng)過”、“按下”和“點(diǎn)擊”4個(gè)幀，創(chuàng)建按鈕元件的過程實(shí)際上就是編輯這4個(gè)幀的過程。這4個(gè)狀態(tài)分別說(shuō)明如下： ? 彈起：光標(biāo)不再按鈕上的一種狀態(tài)

? 指針經(jīng)過：當(dāng)光標(biāo)移動(dòng)到按鈕上的一種狀態(tài) ? 按下：當(dāng)光標(biāo)移動(dòng)到按鈕上并單擊時(shí)的狀態(tài)

? 點(diǎn)擊：運(yùn)用此項(xiàng)制作處的按鈕不顯示顏色、形狀，常用來(lái)制作“隱形按鈕”效果。

4.4使用元件實(shí)例

? 4.4.1圖形元件的實(shí)例屬性 ? 4.4.2按鈕元件的實(shí)例屬性 ? 4.4.3影片剪輯元件的實(shí)例屬性

4.4.1

圖形元件的實(shí)例屬性

?（1）第一幀文本框：用于設(shè)臵實(shí)例中的動(dòng)畫從第幾幀開始播放。

?（2）：用于選還實(shí)例中動(dòng)畫的循環(huán)情況。如選擇“循環(huán)”選項(xiàng)，則播放方式為無(wú)限循環(huán)；選擇“播放一次”選項(xiàng)，則將在舞臺(tái)中播放一次；選擇“單幀”選項(xiàng)，設(shè)臵當(dāng)用戶選取實(shí)例中的某一幀時(shí)，實(shí)例中的動(dòng)畫效果無(wú)效。?（3）：該下拉框中有5個(gè)選項(xiàng)，分別是“無(wú)”、“亮度”、“色調(diào)”、“Alpha”和“高級(jí)”選項(xiàng)。

4.4.2按鈕元件的實(shí)例屬性

?（1）下拉框：

表示定義實(shí)例是以普通按鈕的形式出現(xiàn)；選擇“當(dāng)作菜單項(xiàng)”選項(xiàng)，表示定義實(shí)例是以下拉菜單的形式出現(xiàn)。?（2）下拉框：

用于選擇實(shí)例的混合模式。

4.4.3影片剪輯元件的實(shí)例屬性

?（1）

文本框：為不同的實(shí)例命名。

?（2）

按鈕：?jiǎn)螕粼摪粹o將打開“交換元件”對(duì)話框，4.5 元件庫(kù)的使用

? 4.5.1向舞臺(tái)上添加元件 ? 4.5.2

重命名元件 ? 4.5.3

復(fù)制元件 ? 4.5.4編輯元件庫(kù) ? 4.5.5公用庫(kù)的使用

? 4.5.6

使用已有動(dòng)畫中的庫(kù)

4.5.1

向舞臺(tái)上添加元件

? 要將元件添加到舞臺(tái)上，可按下面的步驟進(jìn)行：

?（1）選擇“窗口”→“庫(kù)”命令或按【F11】鍵，打開“庫(kù)”面板。?（2）在庫(kù)面板中選中要添加的元件，并將其拖動(dòng)到舞臺(tái)上。

4.5.2

重命名元件

? 選擇下列任意一種操作方法都可實(shí)現(xiàn)對(duì)元件重命名：

?（1）用鼠標(biāo)右鍵單擊元件，從快捷菜單中選擇“重命名”，當(dāng)元件的名稱在庫(kù)面板中突出顯示時(shí)，輸入新的名稱即可。?（2）雙擊元件名稱并輸入新名稱即可。

?（3）從選項(xiàng)菜單中選擇“重命名”，當(dāng)元件名稱被突出顯示時(shí)，輸入新的名稱即可。

?（4）從“庫(kù)”面板的按鈕區(qū)域中選擇“屬性”選項(xiàng)，打開“屬性”對(duì)話框，在對(duì)話框的“名稱”文本框中輸入新名稱即可。

4.5.3

復(fù)制元件

?

1、使用庫(kù)面板可以直接復(fù)制元件，練習(xí)程序參見男人物.fla文件。?（1）該程序的元件庫(kù)中有一個(gè)已經(jīng)制作好的圖形元件“男人物”，選中該元件，單擊鼠標(biāo)右鍵，然后從快捷菜單中選擇“直接復(fù)制”命令。

?（2）在打開的“直接復(fù)制元件”對(duì)話框中，輸入復(fù)制元件的名稱“男人物2”，并選擇“類型”為“圖形”，單擊“確定”按鈕。

?（3）在庫(kù)中雙擊“男人物2”元件進(jìn)入該元件的編輯模式，利用各種繪圖工具完成人物的身體部分，最后的效果如圖4-45所示。

?

2、也可以通過選擇實(shí)例來(lái)直接復(fù)制元件，主要的步驟如下：

?（1）在舞臺(tái)上選擇元件實(shí)例。

?（2）選擇“修改”→“元件”→“直接復(fù)制元件”命令，打開“直接復(fù)制元件”對(duì)話框，進(jìn)行元件的復(fù)制工作。

4.5.4編輯元件庫(kù)

? 制作一個(gè)作品經(jīng)常需要大量的元件和外部素材，在“庫(kù)”面板中分類保存可方便用戶快速地調(diào)用各個(gè)元件。將相同類型的元件放入同一個(gè)文件夾，具體操作步驟見教材4.5.4。

4.5.5公用庫(kù)的使用

? 選擇主菜單“窗口”→“公用庫(kù)”命令，在彈出的子菜單中有“學(xué)習(xí)交互”、“按鈕”、“類”3項(xiàng)命令供選擇，可用來(lái)打開3種類型的公用庫(kù)。公用庫(kù)中存放的是Flash自帶的各種效果的元件，可以直接拖到舞臺(tái)中使用。

4.5.6

使用已有動(dòng)畫中的庫(kù)

? 在Flash中使用其它動(dòng)畫中的元件。? 具體操作步驟如下：

?（1）打開需引用的動(dòng)畫文件（例如“畫柱展開”文件）。?（2）執(zhí)行“窗口”→“庫(kù)”命令，打開“庫(kù)”面板。選擇庫(kù)面板中“畫柱展開”動(dòng)畫。?（3）回到正在編輯的動(dòng)畫文件，選擇“畫柱展開”庫(kù)面板中的“symbol5”圖形元件，將其拖動(dòng)到待編輯動(dòng)畫的場(chǎng)景中。

4.6

場(chǎng)景的應(yīng)用

? 4.6.1場(chǎng)景的創(chuàng)建 ? 4.6.2場(chǎng)景的編輯

4.6.1

場(chǎng)景的創(chuàng)建

? 在制作動(dòng)畫的過程中，有時(shí)需要?jiǎng)?chuàng)建其它場(chǎng)景作為背景。創(chuàng)建新的場(chǎng)景的方法主要有以下兩種：

?（1）選擇“窗口”→“其它面板”→“場(chǎng)景”命令，打開“場(chǎng)景”面板，單擊“添加場(chǎng)景”按鈕，即可新建一個(gè)場(chǎng)景，如圖所示。

?（2）選擇“插入”→“場(chǎng)景”命令即可插入新的場(chǎng)景，如圖所示。

4.6.2

場(chǎng)景的編輯

?（1）刪除場(chǎng)景 ：選擇“窗口”→“其它面板”→“場(chǎng)景”命令，打開“場(chǎng)景”面板，選中要?jiǎng)h除的場(chǎng)景，再單擊“場(chǎng)景”面板中的“刪除場(chǎng)景”按鈕

將其刪除。

?（2）更改場(chǎng)景名稱：在“場(chǎng)景”面板中雙擊場(chǎng)景名稱，然后輸入新的名稱即可。

?（3）復(fù)制場(chǎng)景：選中要復(fù)制的場(chǎng)景，然后單擊“場(chǎng)景”面板中的“直接復(fù)制場(chǎng)景”按鈕。

?（4）更改場(chǎng)景在文檔中的播放順序：在“場(chǎng)景”面板中將場(chǎng)景拖到不同的位臵進(jìn)行排列即可。

4.7

導(dǎo)入圖像素材

4.7.1

導(dǎo)入位圖和矢量圖

? 1.Flash支持的圖像格式

? 如果計(jì)算機(jī)操作系統(tǒng)種安裝了Quick Time 4或更高版本，就能導(dǎo)入以下幾種合適的位圖。? 2.導(dǎo)入圖像

?（1）將位圖與矢量圖導(dǎo)入到舞臺(tái)。選擇“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”命令或按【Ctr+R】鍵，則把圖像導(dǎo)入到舞臺(tái)，同時(shí)也保存到庫(kù)中。

?（2）將位圖與矢量圖導(dǎo)入到庫(kù)。選擇“文件”→“導(dǎo)入”→“導(dǎo)入到庫(kù)”命令，則把圖像直接導(dǎo)入到庫(kù)，舞臺(tái)不存在圖像。如果舞臺(tái)上要顯示圖像，在“庫(kù)”面板中把導(dǎo)入的圖像拖動(dòng)到舞臺(tái)。

?（3）在Flash中還可以使用剪貼板將位圖導(dǎo)入到舞臺(tái)。具體過程如下： ?

從另一個(gè)圖像編輯程序中將位圖復(fù)制到剪貼板。大多數(shù)程序都支持【Ctrl+C】 鍵。

?

返回到Flash 中，確定存在沒有被鎖定的層可以粘貼復(fù)制位圖。

?

通過從菜單中選擇“ 編輯” →“ 粘貼” 命令或按【Ctrl+V】 鍵將位圖粘貼到舞臺(tái)上。

4.7.2

將位圖轉(zhuǎn)換為矢量圖

? 在Flash CS3中，為了減小Flash文件的存儲(chǔ)容量，可以將已導(dǎo)入位圖轉(zhuǎn)換為矢量圖。

? 分離位圖會(huì)將圖像中的像素分散到離散的區(qū)域中，可以分別選中這些區(qū)域并進(jìn)行修改。

? 具體操作為：選擇“修改”→“位圖”→“轉(zhuǎn)換位圖為矢量圖”命令，打開“轉(zhuǎn)換位圖為矢量圖”對(duì)話框 如圖所示。

?

“轉(zhuǎn)換位圖為矢量圖”對(duì)話框中各項(xiàng)功能如下：

?（1）顏色閾值：輸入一個(gè)介于1～500之間的值。當(dāng)兩個(gè)像素進(jìn)行比較后，如果它們?cè)赗GB顏色值上的差異低于該顏色閾值，則兩個(gè)像素被認(rèn)為是顏 35 色相同。如果增大了該閾值，則意味著降低了顏色的數(shù)量。

?（2）最小區(qū)域：輸入一個(gè)介于1～1000像素之間的值，用于設(shè)臵在指定像素顏色時(shí)要考慮的周圍像素的數(shù)量。

?（3）曲線擬合：?jiǎn)螕粲覀?cè)箭頭的按鈕，從彈出菜單中選擇一個(gè)選項(xiàng)（像素、非常緊密、緊密、一般、平滑、非常平滑），用于確定繪制的輪廓的平滑程度。

?（4）角閾值：?jiǎn)螕粲覀?cè)箭頭的按鈕，從彈出菜單中選擇一個(gè)選項(xiàng)（較多轉(zhuǎn)角、一般、較少轉(zhuǎn)角），以確定是保留銳邊還是進(jìn)行平滑處理。? 要?jiǎng)?chuàng)建最接近原始位圖的矢量圖形，設(shè)臵以下的值： ? “顏色閾值”：10。

? “最小區(qū)域”：1像素。

? “曲線擬合”：像素。? “角閾值”：較多轉(zhuǎn)角。

4.8

應(yīng)用舉例

? 4.8.1中秋節(jié)賀卡

? 4.8.2制作禮貌用語(yǔ)動(dòng)畫 ? 4.8.3制作雪花飄落動(dòng)畫 ?

? 利用已學(xué)知識(shí)，制作一張 “中秋節(jié)賀卡”，熟練掌握層和幀的操作方法，動(dòng)畫最終效果如圖： ? 1.新建一Flash文檔，設(shè)臵舞臺(tái)大小為“500*400”，將圖層1重命名為“背景”。? 2.選擇“工具”面板中的“矩形”工具，在“背景”圖層中中繪制一個(gè)500 * 300大小的無(wú)邊框矩形。打開“混色器”面板，設(shè)臵圖中第1個(gè)滑塊顏色為#EDCA3D，第2個(gè)為#0202FD，將矩形水平、垂直居中對(duì)齊，使用填充變形工具改變填充效果。

? 3.新建圖層2并重命名為“邊框”，在“邊框”圖層中繪制2個(gè)500*50大小的無(wú)邊框、填充為黑色的矩形。分別將2個(gè)將矩形垂直方向頂部對(duì)齊底部對(duì)齊，將2個(gè)矩形水平方向居中對(duì)齊。

? 4.新建圖層3并重命名為“星星”，重復(fù)繪出多個(gè)頂點(diǎn)數(shù)值、大小、顏色深淺不一的星形。

? 5.新建圖層4并重命名為“月亮”，選擇鉛筆工具繪出月亮的輪廓，再次采用將月亮分為上下兩部分。

? 6.將月亮上半部分設(shè)臵為放射狀填充，打開“混色器”面板，設(shè)臵圖中第1個(gè)滑塊顏色為#FFFF00，第2個(gè)為#A6A7D9。選擇填充變形工具改變填充效 36 果。將月亮下半部分填充為純色#FFFFCC。

? 7.按Ctrl+F8鍵打開“新建元件”對(duì)話框，在對(duì)話框中將“元件1”重命名為“人物”，選中圖形單選按鈕，新建一個(gè)名為“人物”的圖形元件（有關(guān)元件的詳細(xì)操作將會(huì)下一章節(jié)詳細(xì)介紹）。

? 8.按Ctrl+R鍵打開“導(dǎo)入”對(duì)話框，選中需導(dǎo)入的圖片“人物.jpg”，將其導(dǎo)入到編輯區(qū)，（為方便辨別圖片中的白色部分，可以將背景設(shè)臵為黑色）按Ctrl+B鍵將圖片打散，使用“套索”工具的“魔術(shù)棒”選中白色背景，將其刪除。

? 9.回到場(chǎng)景1，新建圖層5并重命名為“人物”，將元件“人物”托至其合適的位臵，分別在“人物”圖層第2、3、4、5幀處按F6插入關(guān)鍵幀，并微調(diào)第2~5幀中元件角度。

? 10.新建圖層6并重命名為“文字”，選擇工具箱中的文本工具，在舞臺(tái)中輸入“中秋節(jié)快樂”，設(shè)臵其字體為“方正舒體”，字體大小為“50”，字體顏色為黃色。

? 11.分別在圖層“背景”、“邊框”、“星星”、“月亮”、“人物”的第5幀處按F5插入普通幀。

? 12.按Ctrl+Enter鍵測(cè)試動(dòng)畫效果。

本章小結(jié)

?

? 本章主要講解Flash中動(dòng)畫制作的一些基礎(chǔ)知識(shí)，如時(shí)間軸、幀、圖層、元件、場(chǎng)景等各部分的功能，重點(diǎn)介紹幀的類型、操作方法，包括幀的插入、選擇和編輯；圖層的操作方便包括創(chuàng)建、選擇、編輯、重命名以及如何設(shè)臵圖層的狀態(tài)；元件的類型和創(chuàng)建方法等。

課后習(xí)題

? 見教材

第5章

制作簡(jiǎn)單動(dòng)畫

本章學(xué)習(xí)目標(biāo)

? 了解動(dòng)畫的基本類型

? 熟練掌握逐幀動(dòng)畫的制作方法

? 熟練掌握形狀補(bǔ)間動(dòng)畫的制作方法 ? 熟練掌握動(dòng)畫補(bǔ)間動(dòng)畫的制作方法

本章重點(diǎn)

? 形狀補(bǔ)間動(dòng)畫的制作 ? 動(dòng)畫補(bǔ)間動(dòng)畫的制作

本章內(nèi)容

? 5.1動(dòng)畫的基本類型

? 5.2逐幀動(dòng)畫

? 5.3形狀補(bǔ)間動(dòng)畫 ? 5.4動(dòng)畫補(bǔ)間動(dòng)畫 ? 5.5應(yīng)用舉例

5.1

動(dòng)畫的基本類型

? 5.1.1 逐幀動(dòng)畫

? 5.1.2 補(bǔ)間動(dòng)畫

5.1.1 逐幀動(dòng)畫

? 逐幀動(dòng)畫由一系列的關(guān)鍵幀組成，它是通過修改每一關(guān)鍵幀的內(nèi)容而產(chǎn)生動(dòng)畫。一般逐幀動(dòng)畫適用于較復(fù)雜的、要求每幀圖像都有變化的動(dòng)畫。

5.1.2 補(bǔ)間動(dòng)畫

? 補(bǔ)間動(dòng)畫又被成為漸變動(dòng)畫，是創(chuàng)建隨時(shí)間移動(dòng)或更改的動(dòng)畫的一種有效方法，在動(dòng)畫生成時(shí)，只需在時(shí)間軸中設(shè)臵動(dòng)畫開始關(guān)鍵幀和動(dòng)畫結(jié)束關(guān)鍵幀，中間的過渡幀由Flash幫助補(bǔ)充計(jì)算出來(lái)。

? 補(bǔ)間動(dòng)畫分兩種：形狀補(bǔ)間動(dòng)畫和動(dòng)畫補(bǔ)間動(dòng)畫。

? 形狀補(bǔ)間動(dòng)畫：主要實(shí)現(xiàn)二個(gè)形狀之間的變化，或一個(gè)形狀的大小、位臵、顏色等的變化。產(chǎn)生形狀補(bǔ)間動(dòng)畫的關(guān)鍵幀之間用淡綠色背景的黑色箭頭表示。?

? 動(dòng)畫補(bǔ)間動(dòng)畫：主要實(shí)現(xiàn)一個(gè)元件的大小、位臵、顏色、透明度等的變化等。產(chǎn)生動(dòng)畫補(bǔ)間動(dòng)畫的關(guān)鍵幀之間用淡紫色背景的黑色箭頭表示

5.2逐幀動(dòng)畫

? 創(chuàng)建逐幀動(dòng)畫的步驟如下：

? 單擊圖層名稱使之成為活動(dòng)層，然后在動(dòng)畫開始播放的圖層中選擇一個(gè)幀。

? 如果該幀不是關(guān)鍵幀，選擇菜單“插入|時(shí)間軸|關(guān)鍵幀”命令使之成為一個(gè)關(guān)鍵幀。

? 在序列的第一個(gè)幀上創(chuàng)建插圖，可以使用繪畫工具、從剪貼板中粘貼圖形，38 或?qū)胍粋€(gè)文件。? 插入下一個(gè)關(guān)鍵幀。

? 在舞臺(tái)中改變?cè)搸膬?nèi)容，開發(fā)動(dòng)畫接下來(lái)的增量。

? 完成逐幀動(dòng)畫序列，重復(fù)第 4 步和第 5 步，直到創(chuàng)建完所需的動(dòng)作。

? 測(cè)試動(dòng)畫序列。

? 例5-1 草原上奔跑的豹子 ?

? 本實(shí)例利用Flash CS3制作逐幀動(dòng)畫，實(shí)例最后平面效果如圖所示（動(dòng)畫效果見本實(shí)例的源文件）。

5.3形狀補(bǔ)間動(dòng)畫

? 5.3.1 創(chuàng)建形狀補(bǔ)間動(dòng)畫 ? 5.3.制作顏色漸變動(dòng)畫 ? 5.3.3

添加形狀提示創(chuàng)建動(dòng)畫

5.3.1 創(chuàng)建形狀補(bǔ)間動(dòng)畫

? 創(chuàng)建形狀補(bǔ)間動(dòng)畫的方法：

? 1 ．創(chuàng)建動(dòng)畫的起始關(guān)鍵幀和末尾關(guān)鍵幀，選擇需創(chuàng)建補(bǔ)間動(dòng)畫的起始關(guān)鍵幀，選擇幀屬性面板中的“ 補(bǔ)間” 為“ 形狀” 選項(xiàng)。

? 2.創(chuàng)建動(dòng)畫的起始關(guān)鍵幀和末尾關(guān)鍵幀，選擇需創(chuàng)建補(bǔ)間動(dòng)畫的起始關(guān)鍵幀，選擇菜單“ 插入| 時(shí)間軸| 創(chuàng)建補(bǔ)間動(dòng)畫” 命令。

? 在時(shí)間軸“形狀補(bǔ)間動(dòng)畫”的起始幀上單擊，幀屬性面板會(huì)變成如圖所示。具體各項(xiàng)功能如下： ?（1）“緩動(dòng)”選項(xiàng)

? 在“0”邊有個(gè)下拉箭頭，單擊后上下拉動(dòng)滑桿或填入具體的數(shù)值，形狀補(bǔ)間動(dòng)畫會(huì)隨之發(fā)生相應(yīng)的變化。

? 在1到-100的負(fù)值之間，動(dòng)畫運(yùn)動(dòng)的速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速度補(bǔ)間。在1到100的正值之間，動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。

?

?（2）“混合”選項(xiàng)

? “ 混合” 選項(xiàng)中有二項(xiàng)供選擇：

? “ 角形” 選項(xiàng)：創(chuàng)建的動(dòng)畫中間形狀會(huì)保留有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀。

? “ 分布式” 選項(xiàng)：創(chuàng)建的動(dòng)畫中間形狀比較平滑和不規(guī)則。

? 例5-2 美女變臉

? 下面以一簡(jiǎn)單實(shí)例來(lái)介紹形狀補(bǔ)間動(dòng)畫的創(chuàng)建方法。實(shí)例最后平面效果如圖所示（動(dòng)畫效果見本實(shí)例的源文件）。?

5.3.2 制作顏色漸變動(dòng)畫

? 例5-3 色彩變化的彩球

? 顏色漸變動(dòng)畫其制作方法與形狀補(bǔ)間動(dòng)畫類似。下面以一簡(jiǎn)單實(shí)例來(lái)介紹顏色漸變動(dòng)畫的創(chuàng)建方法。實(shí)例最后平面效果如圖所示（動(dòng)畫效果見本實(shí)例的源文件）。

5.3.3

添加形狀提示創(chuàng)建動(dòng)畫

? 使用形狀提示創(chuàng)建動(dòng)畫的步驟為：

? 1.選擇補(bǔ)間形狀序列中的第一個(gè)關(guān)鍵幀。

? 2.選擇菜單“ 修改| 形狀| 添加形狀提示” 命令。

? 3.起始形狀提示會(huì)在該形狀的某處顯示為一個(gè)帶有字母 a的紅色圓圈。

? 4.將形狀提示移動(dòng)到要標(biāo)記的點(diǎn)。

? 5.選擇補(bǔ)間序列中的最后一個(gè)關(guān)鍵幀。

? 6.結(jié)束形狀提示會(huì)在該形狀的某處顯示為一個(gè)帶有字母 a 的綠色圓圈。? 7.將形狀提示移動(dòng)到結(jié)束形狀中與您標(biāo)記的第一點(diǎn)對(duì)應(yīng)的點(diǎn)。

? 8.測(cè)試效果，若不符合要求移動(dòng)形狀提示，對(duì)補(bǔ)間進(jìn)行微調(diào)。

? 重復(fù)這個(gè)過程，添加其它的形狀提示。將出現(xiàn)新的提示，所帶的字母緊接之前字母的順序（b、c 等等）。? 例5-4 矩形大變身

? 下面在舞臺(tái)中畫二個(gè)矩形，讓它們同時(shí)變形，一個(gè)加形狀提示，一個(gè)不加形狀提示，看看這二個(gè)變形有什么不同。實(shí)例最后平面效果如圖所示（動(dòng)畫效果見本實(shí)例的源文件）。

? 創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫有以下幾種方法：

? 1 ．創(chuàng)建動(dòng)畫的起始關(guān)鍵幀和末尾關(guān)鍵幀，選擇需創(chuàng)建補(bǔ)間動(dòng)畫的起始關(guān)鍵幀，選擇幀屬性面板中的“ 補(bǔ)間” 為“ 動(dòng)畫” 選項(xiàng)。

? 2.創(chuàng)建動(dòng)畫的起始關(guān)鍵幀和末尾關(guān)鍵幀，選擇需創(chuàng)建補(bǔ)間動(dòng)畫的起始關(guān)鍵幀，選擇菜單“ 插入| 時(shí)間軸| 創(chuàng)建補(bǔ)間動(dòng)畫” 命令

? 在時(shí)間軸“動(dòng)畫補(bǔ)間動(dòng)畫”的起始幀上單擊，幀屬性面板會(huì)變成如圖所示。具體各項(xiàng)功能如下： ?（1）“緩動(dòng)”選項(xiàng)

?

補(bǔ)間動(dòng)畫的默認(rèn)行為是在整個(gè)動(dòng)畫過程中勻速前進(jìn)。動(dòng)畫運(yùn)動(dòng)瞬間從 0

升至某一速度，緩動(dòng)動(dòng)畫可以實(shí)現(xiàn)像使動(dòng)畫緩慢加速的效果。通過添加緩動(dòng)值，可以讓補(bǔ)間動(dòng)畫的開始或結(jié)束有個(gè)舒緩的過渡。

? 在1到-100的負(fù)值之間，動(dòng)畫運(yùn)動(dòng)的速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。在1 到 100 的正值之間，動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。

?（2）“旋轉(zhuǎn)”選項(xiàng)

?

有四個(gè)選擇，選擇“ 無(wú)”（默認(rèn)設(shè)臵）禁止元件旋轉(zhuǎn)；選擇“ 自動(dòng)” 可以使元件在需要最小動(dòng)作的方向上旋轉(zhuǎn)對(duì)象一次；選擇“ 順時(shí)針” 或“ 逆時(shí)針”，并在后面輸入數(shù)字，可使元件在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)。

?（3）“調(diào)整到路徑”

? 將補(bǔ)間元素的基線調(diào)整到運(yùn)動(dòng)路徑，此項(xiàng)功能主要用于引導(dǎo)線運(yùn)動(dòng)，我們?cè)谙乱还?jié)中要談到此功能。?

（4）“ 同步” 復(fù)選框

?

使圖形元件實(shí)例的動(dòng)畫和主時(shí)間軸同步。

?

（5）“ 對(duì)齊” 選項(xiàng)

?

可以根據(jù)其注冊(cè)點(diǎn)將補(bǔ)間元素附加到運(yùn)動(dòng)路徑，此項(xiàng)功能主要也用于引導(dǎo)線運(yùn)動(dòng)。

? 例5-5 彈球

? 下面以一簡(jiǎn)單實(shí)例來(lái)介紹創(chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫方法。實(shí)例最后平面效果如圖所示（動(dòng)畫效果見本實(shí)例的源文件）。

5.5 應(yīng)用舉例

? 美麗蝴蝶飛舞

? 本節(jié)綜合實(shí)例將制作一個(gè)具簡(jiǎn)單動(dòng)畫效果的“美麗蝴蝶飛舞”，實(shí)例最后平面效果如圖所示（動(dòng)畫效果見本實(shí)例的源文件）。

? 本章小結(jié)

? 本章主要介紹了動(dòng)畫的基本類型，詳細(xì)講解了逐幀動(dòng)畫、形狀補(bǔ)間動(dòng)畫和動(dòng)畫補(bǔ)間動(dòng)畫的制作方法。

課后習(xí)題

? 見教材

第6章

制作特殊動(dòng)畫

本章導(dǎo)讀

? 學(xué)習(xí)Flash不能局限于前面所講的簡(jiǎn)單動(dòng)畫的制作方法，本章將介紹Flash中特殊動(dòng)畫的制作方法，主要包括引導(dǎo)動(dòng)畫、遮罩動(dòng)畫和殘影動(dòng)畫的制作。從制作原理上來(lái)說(shuō)，它們都是由第5章所講的3種基本動(dòng)畫演變而來(lái)的。但是這三種動(dòng)畫都需要由至少兩個(gè)圖層共同構(gòu)成，因此制作方法相對(duì)基本動(dòng)畫而言較復(fù)雜。使用引導(dǎo)動(dòng)畫可以使對(duì)象沿設(shè)臵的路徑運(yùn)動(dòng)。使用遮罩動(dòng)畫可以制作不同的畫面顯示效果。制作殘影動(dòng)畫時(shí)，主要應(yīng)用到圖層的創(chuàng)建、移動(dòng)和復(fù)制等操作，對(duì)其中每一個(gè)圖層的制作方法也與制作3種基本動(dòng)畫的方式相同。

本章學(xué)習(xí)目標(biāo)

? 掌握引導(dǎo)動(dòng)畫的制作方法 ? 掌握遮罩動(dòng)畫的制作方法 ? 掌握殘影動(dòng)畫的制作方法

本章重點(diǎn)

? 引導(dǎo)動(dòng)畫的制作方法 ? 遮罩動(dòng)畫的制作方法

本章內(nèi)容

? 6.1制作引導(dǎo)動(dòng)畫 ? 6.2制作遮罩動(dòng)畫 ? 6.3殘影動(dòng)畫

6.1

制作引導(dǎo)動(dòng)畫

? 6.1.1

引導(dǎo)動(dòng)畫的制作原理 ? 6.1.2

引導(dǎo)動(dòng)畫制作的一般步驟 ? 6.1.3

多層引導(dǎo)動(dòng)畫的制作

6.1.1

引導(dǎo)動(dòng)畫的制作原理

? 一個(gè)最基本“引導(dǎo)動(dòng)畫”由兩個(gè)圖層組成，上面一層是“引導(dǎo)層”，它的圖層圖標(biāo)為，下面一層是“被引導(dǎo)層”，圖標(biāo)為，同普通圖層一樣。引導(dǎo)層是用來(lái)指示元件運(yùn)行路徑的，所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導(dǎo)層”中的對(duì)象是跟著引導(dǎo)線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應(yīng)用形狀。

?

創(chuàng)建引導(dǎo)動(dòng)畫的方法有如下3種。? 1．通過

按鈕創(chuàng)建

? 2．利用菜單命令創(chuàng)建引導(dǎo)層

? 3．將已知圖層變?yōu)橐龑?dǎo)層

1．通過

按鈕創(chuàng)建

? 在普通圖層上單擊時(shí)間軸面板中的按鈕，該層的上面就會(huì)添加一個(gè)引導(dǎo)層，同時(shí)該普通層縮進(jìn)成為“被引導(dǎo)層”。

2．利用菜單命令創(chuàng)建引導(dǎo)層

? 選取要?jiǎng)?chuàng)建引導(dǎo)層的圖層，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“添加引導(dǎo)層”命令，即可在該圖層上方創(chuàng)建一個(gè)空白的引導(dǎo)層，并與其建立鏈接關(guān)系。

3．將已知圖層變?yōu)橐龑?dǎo)層

? 制作引導(dǎo)動(dòng)畫時(shí)，可以先創(chuàng)建空白引導(dǎo)層，然后在引導(dǎo)層中繪制引導(dǎo)路徑，也可以在普通圖層中繪制路徑后再將該圖層轉(zhuǎn)換為引導(dǎo)層。

? 在制作引導(dǎo)動(dòng)畫的過程中，如果制作過程不正確，將會(huì)造成創(chuàng)建引導(dǎo)動(dòng)畫失敗，而使被引導(dǎo)的對(duì)象不能沿引導(dǎo)路徑運(yùn)動(dòng)。下面將介紹在制作引導(dǎo)動(dòng)畫過程中應(yīng)注意的幾個(gè)方面：

? ?°被引導(dǎo)層?〒中的對(duì)象在被引導(dǎo)運(yùn)動(dòng)時(shí)，還可作更細(xì)致的設(shè)臵，比如運(yùn)動(dòng)方向，在?〒屬性?〒面板上，選中?〒路徑調(diào)整?〒復(fù)選框，對(duì)象的基線就會(huì)調(diào)整到運(yùn)動(dòng)路徑。而如果選中?〒對(duì)齊?〒復(fù)選框，元件的注冊(cè)點(diǎn)就會(huì)與運(yùn)動(dòng)路徑對(duì)齊

? 引導(dǎo)層中的內(nèi)容在播放時(shí)是看不見的，利用這一特點(diǎn)，可以單獨(dú)定義一個(gè)不含?°被引導(dǎo)層?〒的?°引導(dǎo)層?〒，該引導(dǎo)層中可以放臵一些文字說(shuō)明、元件位臵參考等，此時(shí)，引導(dǎo)層的圖標(biāo)為。

? 在做引導(dǎo)路徑動(dòng)畫時(shí)，按下工具箱中的?〒對(duì)齊對(duì)象?〒按鈕，可以使?°對(duì)象附著于引導(dǎo)線?〒的操作更容易成功，拖動(dòng)對(duì)象時(shí)，對(duì)象的中心會(huì)自動(dòng)吸附到路徑端點(diǎn)上。

? 過于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫失敗，而平滑圓潤(rùn)的線段有利于引導(dǎo)動(dòng)畫成功制作。

? 向被引導(dǎo)層中放入元件時(shí)，在動(dòng)畫開始和結(jié)束的關(guān)鍵幀上，一定要讓元件的注冊(cè)點(diǎn)對(duì)準(zhǔn)線段的開始和結(jié)束的端點(diǎn)，否則無(wú)法引導(dǎo)，如果元件為不規(guī)則形，可以點(diǎn)擊工具箱中的”任意變形工具”，調(diào)整注冊(cè)點(diǎn)。

? 如果想解除引導(dǎo)，可以把被引導(dǎo)層拖離“引導(dǎo)層”，或在圖層區(qū)的引導(dǎo)層上單擊右鍵，在彈出的菜單上選擇”屬性”，在對(duì)話框中選擇“正?！保鳛檎D層類型。

6.1.2引導(dǎo)動(dòng)畫制作的一般步驟

? 引導(dǎo)動(dòng)畫制作的一般步驟如下： ?（1）在普通層中創(chuàng)建一個(gè)元件。

?（2）單擊

按鈕，在普通層上方新建一個(gè)引導(dǎo)層，此時(shí)普通層自動(dòng)變?yōu)楸灰龑?dǎo)層。

?（3）在引導(dǎo)層中繪制引導(dǎo)路徑，然后將引導(dǎo)層中的路徑沿用到某一幀。?（4）在被引導(dǎo)層中將元件的中心控制點(diǎn)移動(dòng)到路徑的起始點(diǎn)。

?（5）在被引導(dǎo)層的某一幀插入關(guān)鍵幀，并將元件移動(dòng)到引導(dǎo)層中路徑的最終點(diǎn)。

?（6）在被引導(dǎo)層的兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫，這時(shí)引導(dǎo)動(dòng)畫制作完成。

? 【例6.1】制作一個(gè)“游動(dòng)的小魚”動(dòng)畫，練習(xí)引導(dǎo)動(dòng)畫的制作方法。最終效果如圖6-5所示。

6.1.3多層引導(dǎo)動(dòng)畫的制作

? 多層引導(dǎo)動(dòng)畫實(shí)際就是利用一個(gè)引導(dǎo)層同時(shí)引導(dǎo)多個(gè)被引導(dǎo)層中的對(duì)象。? 在制作引導(dǎo)動(dòng)畫時(shí)，系統(tǒng)一般只對(duì)引導(dǎo)層下的一個(gè)圖層建立鏈接關(guān)系，如果要使引導(dǎo)層能夠引導(dǎo)多個(gè)圖層，可通過拖移圖層到引導(dǎo)層下方或更改圖層屬性的方法添加需要被引導(dǎo)的圖層。在Flash 8

中為引導(dǎo)層添加多個(gè)被引導(dǎo)層的方法主要有以下兩種：

? 如果需要被引導(dǎo)的圖層位于引導(dǎo)層上方，可以選取該圖層，將其拖移至引導(dǎo)層下方。

? 如果需要添加的圖層位于引導(dǎo)層下方，雙擊該圖層上的圖標(biāo)，在打開的“圖層屬性”對(duì)話框中選中

單選按鈕，再單擊

?

按鈕即可。

6.2

制作遮罩動(dòng)畫

? 在Flash中，除了可以制作引導(dǎo)動(dòng)畫這種特殊的動(dòng)畫外，還可以制作遮罩動(dòng)畫。下面學(xué)習(xí)遮罩動(dòng)畫的制作原理和方法。? 6.2.1遮罩動(dòng)畫的制作原理 ? 6.2.2

遮罩動(dòng)畫制作的一般步驟 ? 6.2.3

多層遮罩動(dòng)畫的制作

6.2.1

遮罩動(dòng)畫的制作原理

? 遮罩層是一個(gè)特殊的圖層，能夠透過該圖層中的對(duì)象看到“被遮罩層”中的對(duì)象及其屬性（包括它們的變形效果），但是遮罩層中的對(duì)象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。

? 在Flash中沒有一個(gè)專門的按鈕來(lái)創(chuàng)建遮罩層，遮罩層其實(shí)是由普通圖層轉(zhuǎn)化的。只要在某個(gè)圖層上單擊右鍵，在彈出菜單中選擇“遮罩層”，使命令的左邊出現(xiàn)一個(gè)小勾，該圖層就會(huì)生成遮罩層，“層圖標(biāo)”就會(huì)從普通層圖標(biāo)

變?yōu)檎谡謱訄D標(biāo)

，系統(tǒng)會(huì)自動(dòng)把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”，在縮進(jìn)的同時(shí)圖標(biāo)變?yōu)?/p>

，如圖6-13所示。

6.2.2遮罩動(dòng)畫制作的一般步驟

? 一般情況下，制作簡(jiǎn)單遮罩動(dòng)畫可分為以下5個(gè)步驟：

? 1）創(chuàng)建一個(gè)圖層或選取一個(gè)圖層，在其中設(shè)臵出現(xiàn)在遮罩中的對(duì)象。? 2）選取該圖層，再單擊圖層區(qū)域的按鈕，在其上新建一個(gè)圖層。? 3）在遮罩層上編輯圖形、文字或元件的實(shí)例。

? 4）選中要作為遮罩層的圖層，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇?°遮罩層?〒命令。

? 5）鎖定遮罩層和被遮住的層，即可在Flash中顯示遮罩效果。

? 【例6.2】制作一個(gè)“圖片切換”動(dòng)畫，練習(xí)遮罩動(dòng)畫的制作方法。最終效果如圖6-14所示。

6.2.3多層遮罩動(dòng)畫的制作

? 多層遮罩動(dòng)畫實(shí)際就是利用一個(gè)遮罩層同時(shí)遮罩多個(gè)被遮罩層的遮罩動(dòng)畫。

? 一般在制作遮罩動(dòng)畫時(shí)，系統(tǒng)只對(duì)遮罩層下的一個(gè)圖層建立遮罩關(guān)系，如果要使遮罩層能夠遮罩多個(gè)圖層，可通過拖移圖層到遮罩層下方或更改圖層屬性的方法添加需要被遮罩的圖層。在Flash CS3中為遮罩層添加多個(gè)被遮罩層的方法主要有以下兩種：

? 如果需要被遮罩的圖層位于遮罩層上方，可以選取該圖層，將其拖移至遮罩層下方。如圖6-23所示。

? 如果需要添加的圖層位于遮罩層下方，雙擊該圖層上的圖標(biāo)，在打開的“圖層屬性”對(duì)話框中選中單選按鈕即可

?

6.3

殘影動(dòng)畫

? 殘影動(dòng)畫就是利用多個(gè)圖層制作的Flash動(dòng)畫，下面學(xué)習(xí)制作殘影動(dòng)畫的原理和方法。

? 構(gòu)成殘影動(dòng)畫的圖層可以是普通層、遮罩層和引導(dǎo)層，通過這些圖層的有機(jī)組合，最終可以制作出所需的殘影動(dòng)畫效果。一般情況下，制作殘影動(dòng)畫時(shí)，主要應(yīng)用到圖層的創(chuàng)建、移動(dòng)和復(fù)制等操作，對(duì)其中每一個(gè)圖層的制作方法也與制作3種基本動(dòng)畫的方式相同。讀者可通過實(shí)例了解與掌握這種動(dòng)畫的制作方法。

? 【例6.3】制作一個(gè)“殘影文字”動(dòng)畫，練習(xí)殘影動(dòng)畫的制作方法。最終效果如圖6-24所示。

6.4應(yīng)用舉例

? 6.4.1花飄落 ? 6.4.2水中倒影

6.4.1

花飄落 6.4.2

水中倒影 本章小結(jié)

? 本章介紹了Flash CS3中特殊動(dòng)畫的制作方法，主要包括引導(dǎo)動(dòng)畫、遮罩動(dòng)畫和殘影動(dòng)畫的制作。從制作原理上來(lái)說(shuō)，它們都是由第5章所講的3種基本動(dòng)畫演變而來(lái)的。但是這三種動(dòng)畫都需要由至少兩個(gè)圖層共同構(gòu)成，因此制作方法相對(duì)基本動(dòng)畫而言較復(fù)雜。使用引導(dǎo)動(dòng)畫可以使對(duì)象沿設(shè)臵的路徑運(yùn)動(dòng)。使用遮罩動(dòng)畫可以制作不同的畫面顯示效果。制作殘影動(dòng)畫時(shí)，主要應(yīng)用到圖層的創(chuàng)建、移動(dòng)和復(fù)制等操作，對(duì)其中每一個(gè)圖層的制作方法也與制作3種基本動(dòng)畫的方式相同。

習(xí)題六

? 見教材

第7章

合成聲音

本章導(dǎo)讀

? 音效和音樂，對(duì)于任何一個(gè)FLASH動(dòng)畫都是非常重要的，幾乎所有出色的動(dòng)畫，其所挑選的音樂都是精選的，甚至有很多的FLASH的音效都是由專門人士特意制作的，可見一個(gè)FLASH的好壞有一大部分因素涉及到音樂挑選的好壞。在FLASH中，不論是對(duì)聲音文件的編輯和聲音輸出的壓縮都提高了，而對(duì)聲音的編輯更成為FLASH動(dòng)畫制作不可缺少的一個(gè)重要組成部

分。

本章學(xué)習(xí)目標(biāo)

? 熟悉Flash支持的音頻文件

? 熟練掌握為動(dòng)畫添加聲音的方法

? 獨(dú)立完成制作出完整的Flash動(dòng)畫作品

本章重點(diǎn)

? Flash支持的音頻文件 ? 導(dǎo)入和編輯聲音 ? 壓縮并導(dǎo)出聲音

本章內(nèi)容

? 7.1添加聲音 ? 7.2編輯聲音

? 7.3壓縮與輸出聲音

7.1 添 加 聲 音

? 在制作動(dòng)畫時(shí)，常需要為故事動(dòng)畫添加聲音，為MTV和動(dòng)態(tài)按鈕添加音樂等。聲音有傳遞信息的作用，為Flash動(dòng)畫添加恰當(dāng)?shù)穆曇?，可以使Flash作品更加完整。下面將介紹在Flash動(dòng)畫中添加聲音的方法。

7.1.1 Flash支持的音頻文件

? Flash的聲音分為事件聲音和音頻流兩種。如果要把聲音文件加入到Flash中，可以先將聲音文件導(dǎo)入到當(dāng)前文檔的庫(kù)。Flash可以導(dǎo)入的聲音文件格式很多，一般情況下，在Flash中可以直接導(dǎo)入MP3格式和WAV格式的聲音文件。

? Flash 支持的音頻文件

? 1、MP3 格式

? 2、WAV 格式

1、MP3格式

? MP3格式體積小、傳輸方便、音質(zhì)較好。雖然采用MP3格式壓縮音樂時(shí)對(duì)文件有一定的損壞，但由于其編碼技術(shù)成熟，音質(zhì)還是比較接近CD的水平。同樣長(zhǎng)度的音樂文件，用MP3格式存儲(chǔ)比用WAV格式儲(chǔ)存的體積小十分之 47 一?，F(xiàn)在的Flash音樂大都采用MP3格式。

2、WAV格式

? WAV格式是PC標(biāo)準(zhǔn)聲音格式。WAV格式的聲音直接保存聲音數(shù)據(jù)，沒有對(duì)其進(jìn)行壓縮，因此音質(zhì)非常好。Windows系統(tǒng)音樂都使用WAV格式。但是因?yàn)槠鋽?shù)據(jù)沒有進(jìn)行壓縮，所以體積相當(dāng)龐大，占用的空間也就隨之變大，不過由于其音質(zhì)很好，一些Flash動(dòng)畫的特殊音效也常常使用WAV格式。

7.1.2在動(dòng)畫中添加聲音

? 在Flash動(dòng)畫中為了使人物或?qū)ο蟾由鷦?dòng)有趣，可以為其添加聲音，以增強(qiáng)Flash作品對(duì)欣賞者的吸引。

? Flash本身沒有制作音頻的功能，一般情況下，用戶可以先用其他音頻編輯工具錄制一段音頻文件，再將其導(dǎo)入到Flash文件中。

添 加 聲 音

? 將聲音導(dǎo)入到庫(kù)中后，即可為按鈕和幀添加聲音 ? 1、為按鈕添加音效

? 2、為幀添加音效

為按鈕添加音效

? 在制作交互動(dòng)畫時(shí)，常常會(huì)使用到按鈕元件。在Flash中，可以為按鈕的每種狀態(tài)添加聲音，從而制作出生動(dòng)的動(dòng)畫效果。

? 添加聲音后，在“屬性”面板中的“同步”下拉列表框中包含4個(gè)選項(xiàng)，各選項(xiàng)的含義如下。? 事件 ? 開始 ? 停止 ? 數(shù)據(jù)流

為幀添加音效

? 為某一關(guān)鍵幀添加一些特殊的聲音或背景音樂后，播放動(dòng)畫到該幀時(shí)就會(huì)開始播放

音樂。

7.2編 輯 聲 音

? 將聲音直接添加到動(dòng)畫的效果常常都不能滿足動(dòng)畫的需要，在這種情況下，需要將導(dǎo)入的聲音進(jìn)行編輯?？梢栽凇皩傩浴泵姘逯芯庉嬄曇?，也可以在“編輯封套”對(duì)話框中編輯聲音。

? 7.2.1在屬性面板中編輯聲音

? 7.2.2

在“編輯封套”對(duì)話框中編輯聲音

7.2.1

在屬性面板中編輯聲音

? 選取音頻層后，在“屬性”面板的“效果”下拉列表框中即可設(shè)臵音頻效果。? “效果”下拉列表框中各選項(xiàng)的含義如下。? 無(wú) ? 左聲道 ? 右聲道

? 從左到右淡出 ? 從右到左淡出 ? 淡入 ? 淡出 ? 自定義

7.2.2

在“編輯封套”對(duì)話框中編輯聲音

? 如果要對(duì)聲音進(jìn)行比較細(xì)致的編輯，可以在“編輯封套”對(duì)話框中設(shè)臵動(dòng)畫的音頻效果。在“屬性”面板中單擊

按鈕，打開“編輯封套”對(duì)話框。

? “編輯封套”對(duì)話框中各組成部分的作用如下。? 起點(diǎn)游標(biāo) ? 控制柄 ? 音量控制線

?、：縮放窗口內(nèi)音頻的顯示大小。

?

、：改變時(shí)間軸的單位。

顯示的單位為秒，顯示的單位為幀。

?

、：控制音頻的播放，單擊“播放”按鈕

可以測(cè)試效果，單擊

按鈕可以終止播放。

7.3壓縮與輸出聲音

? 音頻的采樣率和壓縮率對(duì)輸出動(dòng)畫的聲音質(zhì)量和文件大小起著決定性作用。若要得到更好的聲音質(zhì)量，必須對(duì)動(dòng)畫聲音進(jìn)行多次編輯。壓縮率越大，采樣率越低，文件的體積就越小，但質(zhì)量也越差，用戶可根據(jù)實(shí)際需要對(duì)其進(jìn)行更改。

壓 縮 聲 音

? 采樣率、壓縮率和比特率的作用如下。

? 采樣率

? 壓縮率

? 比特率

輸 出 聲 音

? 除了通過采樣率和壓縮率來(lái)控制輸出動(dòng)畫的音頻文件體積外，還可以采用以下3種方法來(lái)控制輸出動(dòng)畫的音頻文件體積：

? 設(shè)臵音頻的起點(diǎn)游標(biāo)和終點(diǎn)游標(biāo)，將音頻文件中沒有聲音的部分從Flash文件中刪除。

? 在不同關(guān)鍵幀上最好使用相同的音頻，并對(duì)它們?cè)O(shè)臵不同的效果。這樣，一個(gè)音頻文件也可設(shè)臵多種聲音，最大幅度地減小了文件的體積。? 利用循環(huán)效果將體積很小的音頻組織成背景音樂。

應(yīng)用舉例

? 本次上機(jī)練習(xí)將根據(jù)以前學(xué)習(xí)的知識(shí)和本章學(xué)習(xí)的知識(shí)為網(wǎng)站片頭動(dòng)畫添加聲音，并制作一張音樂賀卡，使讀者掌握在動(dòng)畫中導(dǎo)入音頻與設(shè)臵音頻屬性等操作方法。? 為網(wǎng)站片頭添加聲音 ? 制作音樂賀卡

為網(wǎng)站片頭添加聲音

? 本例將為網(wǎng)站片頭動(dòng)畫添加聲音。

? 本例先制作網(wǎng)站片頭的動(dòng)畫，然后將所需的音樂文件導(dǎo)入到庫(kù)中，并添加到動(dòng)畫中，再將其進(jìn)行編輯，使聲音與動(dòng)畫同步。

制作音樂賀卡

? 本次上機(jī)練習(xí)將制作音樂賀卡。

? 在制作時(shí)，先導(dǎo)入制作好的賀卡動(dòng)畫，然后再導(dǎo)入所需的音頻文件，然后編輯音頻文件的屬性，使其淡入、淡出，并在賀卡動(dòng)畫結(jié)束時(shí)同時(shí)結(jié)束。

本章小節(jié)

? 本章主要介紹了為Flash動(dòng)畫添加和編輯、壓縮及導(dǎo)出聲音的方法，通過本章的學(xué)習(xí)，要求學(xué)會(huì)在動(dòng)畫中添加聲音，創(chuàng)作出完整的有聲動(dòng)畫。

課后習(xí)題

? 見教材

第二篇：動(dòng)畫制作(動(dòng)畫基礎(chǔ)知識(shí) 教案)

動(dòng)畫制作（動(dòng)畫基礎(chǔ)知識(shí) 教案）

新聞來(lái)源：信息技術(shù)組

瀏覽次數(shù)：219次

提交時(shí)間：2008-12-17

教學(xué)目標(biāo)：

【知識(shí)與技能目標(biāo)】

（1）了解動(dòng)畫制作的原理及動(dòng)畫技術(shù)的發(fā)展歷程與現(xiàn)狀。

（2）學(xué)會(huì)從網(wǎng)上下載計(jì)算機(jī)動(dòng)畫的常用方法。

（3）了解制作動(dòng)畫的常用軟件，會(huì)用Ulead GIF Animator制作簡(jiǎn)單的GIF動(dòng)畫。

（4）理解動(dòng)畫技術(shù)是人類文明的傳承和智慧的結(jié)晶。

【過程與方法】

借助動(dòng)畫軟件將動(dòng)畫分解成一組彼此相關(guān)的圖片，幫助學(xué)生理解動(dòng)畫的原理；學(xué)生親手用動(dòng)畫軟件制作一幅動(dòng)畫，感受計(jì)算機(jī)動(dòng)畫技術(shù)的優(yōu)越性，同時(shí)獲得動(dòng)畫制作中的相關(guān)知識(shí)，為進(jìn)一步學(xué)習(xí)打下基礎(chǔ)。

【情感態(tài)度與價(jià)值觀】

通過對(duì)動(dòng)畫原理和發(fā)展歷程的了解，認(rèn)識(shí)動(dòng)畫不僅是一種技術(shù)，更是一種文化藝術(shù)；通過對(duì)動(dòng)畫素材的下載，增加獲取信息的能力和欣賞動(dòng)畫的素養(yǎng)；通過對(duì)動(dòng)畫制作軟件的了解和制作動(dòng)畫的嘗試，建立學(xué)習(xí)動(dòng)畫制作的興趣。

教學(xué)方法：

演示講授法、實(shí)驗(yàn)學(xué)習(xí)。

重難點(diǎn)：

重點(diǎn)：動(dòng)畫原理的理解。難點(diǎn)：GIF動(dòng)畫的制作。

教學(xué)過程：

【導(dǎo)入】

動(dòng)畫有著悠久的歷史，我國(guó)民間的走馬燈和皮影戲，就是動(dòng)畫的一種古老表現(xiàn)形式。國(guó)產(chǎn)動(dòng)畫片《大鬧天空》中“孫悟空”的形象聞名世界，“米老鼠”、“唐老鴨”等動(dòng)畫形象也深受大眾的喜愛?，F(xiàn)代科學(xué)技術(shù)的發(fā)展為動(dòng)畫注入了新的活力。網(wǎng)上的生日賀卡、搞笑短片、MTV、網(wǎng)頁(yè)廣告、益智游戲等極大地豐富了網(wǎng)頁(yè)的內(nèi)容與形式，電視上也經(jīng)常能看到一些動(dòng)畫形式的廣告和趣味小品、宣傳短片。

【講授新課】

一、演示幾段具有一定代表性的動(dòng)畫，介紹動(dòng)畫的分類。

1．播放國(guó)產(chǎn)傳統(tǒng)動(dòng)畫的視頻片段，介紹動(dòng)畫技術(shù)的發(fā)展歷程，了解我國(guó)動(dòng)畫藝術(shù)大師對(duì)世界動(dòng)畫文化藝術(shù)的貢獻(xiàn)，使學(xué)生受到愛國(guó)主義的教育。

中國(guó)動(dòng)畫電影開始與1920年。動(dòng)畫先驅(qū)者萬(wàn)氏兄弟（萬(wàn)籟鳴、萬(wàn)古蟾、萬(wàn)超塵、萬(wàn)滌寰）從中國(guó)的走馬燈、皮影戲和國(guó)外的卡通中得到啟發(fā)，試制動(dòng)畫廣告片。1926年完成了他們的第一部動(dòng)畫片《大鬧畫室》。1934年拍攝了第一部有聲動(dòng)畫片《駱駝獻(xiàn)舞》，在技術(shù)上有了較大進(jìn)步。

1961年-1964年，萬(wàn)籟鳴導(dǎo)演的《大鬧天宮》是一部長(zhǎng)達(dá)120分鐘的規(guī)模巨大的作品，它創(chuàng)造的孫悟空形象，聞名全世界。

1979年，王樹枕、嚴(yán)定憲、徐景達(dá)導(dǎo)演的《哪吒鬧海》，1980年徐景達(dá)導(dǎo)演的《三個(gè)和尚》等動(dòng)畫片，都是有世界影響的作品。

2．播放計(jì)算機(jī)平面動(dòng)畫和三維動(dòng)畫，使學(xué)生在感受到動(dòng)畫文化藝術(shù)性的同時(shí)感受到動(dòng)畫的技術(shù)性，激發(fā)求知欲。

3．歸納動(dòng)畫分類的方法，了解動(dòng)畫的分類。

動(dòng)畫

傳統(tǒng)動(dòng)畫

計(jì)算機(jī)動(dòng)畫

二維動(dòng)畫

三維動(dòng)畫

二、從網(wǎng)上下載動(dòng)畫，增強(qiáng)學(xué)生信息獲取的能力。

1．訪問一個(gè)含有GIF動(dòng)畫和Flash動(dòng)畫的網(wǎng)頁(yè)，介紹從網(wǎng)頁(yè)上識(shí)別動(dòng)畫的方法。

2．介紹GIF動(dòng)畫和Flash動(dòng)畫的特點(diǎn)和應(yīng)用。

GIF動(dòng)畫：制作容易，不可添加音頻，不能交互。常用于網(wǎng)頁(yè)、演示文稿和手機(jī)彩信等。

Flash動(dòng)畫：表現(xiàn)力強(qiáng)，能添加音頻，可設(shè)置交互。廣泛應(yīng)用于網(wǎng)頁(yè)、賀卡、游戲、MTV、廣告、教學(xué)課件、宣傳短片等。

3．演示下載GIF動(dòng)畫的方法。

4．演示FlashCatcher的安裝，介紹下載Flash動(dòng)畫的方法。

5．向?qū)W生推薦幾個(gè)Flash動(dòng)畫網(wǎng)站，引導(dǎo)學(xué)生文明上網(wǎng)，指導(dǎo)學(xué)生在觀賞動(dòng)畫的同時(shí)，懂得動(dòng)畫是文化藝術(shù)，是作者辛勤勞動(dòng)的奉獻(xiàn)，“美”與“樂”要靠我們?nèi)?chuàng)造。

3lian素材

http://004km.cn/

網(wǎng)頁(yè)制作大寶庫(kù)

http://004km.cn/gif/

素材中國(guó)

http://004km.cn/

圖片素材庫(kù)

http://sucai.jz173.com/

素材精品屋

http://004km.cn/

6．學(xué)生練習(xí)下載GIF動(dòng)畫和Flash動(dòng)畫的方法，并請(qǐng)幾名同學(xué)做示范。

三、分析動(dòng)畫原理

1．介紹GIF動(dòng)畫制作軟件Ulead GIF Animator。

Ulead GIF Animator動(dòng)畫制作軟件，是目前功能最強(qiáng)、操作最簡(jiǎn)易、使用也最廣泛的GIF動(dòng)畫制作軟件。該動(dòng)畫制作軟件還可以連結(jié)到繪圖軟件，來(lái)作圖片的編輯修改，使用它來(lái)制作動(dòng)畫可說(shuō)是相當(dāng)?shù)谋憷?/p>

2．Ulead GIF Animator打開一幅從網(wǎng)上下載的GIF動(dòng)畫。

3．分析動(dòng)畫的組成，理解動(dòng)畫原理。

4．介紹傳統(tǒng)動(dòng)畫的制作知識(shí)，理解動(dòng)畫技術(shù)是人類文明的傳承和智慧的結(jié)晶。

5．新建文件，添加一組“豹子奔跑”的圖片，播放動(dòng)畫觀察效果。得出結(jié)論：動(dòng)畫是將一張張靜態(tài)的圖片，通過軟件連續(xù)的播放產(chǎn)生影像的動(dòng)態(tài)效果。其原理是：因?yàn)閱螐垐D片快速而且連續(xù)的播放，會(huì)讓我們的眼睛產(chǎn)生“視覺暫留”的現(xiàn)象，我們會(huì)感到圖片中的物體正在動(dòng)作。

四、總結(jié)制作步驟

見教材中“實(shí)踐學(xué)習(xí)——制作一幅?豹子奔跑?的GIF動(dòng)畫”中的內(nèi)容。

五、學(xué)生自主練習(xí)

學(xué)生根據(jù)老師剛才的演示，自主、合作制作動(dòng)畫“奔跑的豹子”，相互討論各制作步驟的意義，并概括總結(jié)出動(dòng)畫制作的主要步驟。

六、介紹其它動(dòng)畫軟件

1．Ulead Cool 3D是友立公司出品的一款專門制作文字3D效果的軟件，可以用它方便地生成具有各種特殊效果的3D動(dòng)畫文字。

2．Flash動(dòng)畫軟件。

Flash動(dòng)畫軟件是本單元的主要學(xué)習(xí)內(nèi)容。

【課堂小結(jié)】

1．教師總結(jié)本課教學(xué)內(nèi)容，點(diǎn)評(píng)學(xué)生制作過程中遇到的問題。

2．請(qǐng)學(xué)生敘述GIF動(dòng)畫制作的主要步驟。

3．播放幾幅含有文字內(nèi)容的GIF動(dòng)畫和具有視頻效果的動(dòng)畫。提示學(xué)生嘗試Ulead GIF Animator中“文本工具”的使用和“視頻效果”的設(shè)置。

【鞏固練習(xí)】

見《實(shí)踐指導(dǎo)》中的“實(shí)踐8-1”。

第三篇：Flash簡(jiǎn)單動(dòng)畫制作教案

Flash簡(jiǎn)單動(dòng)畫制作教案

陳英

一、教學(xué)目標(biāo)：

了解計(jì)算機(jī)動(dòng)畫制作原理和方法，掌握幾種簡(jiǎn)單動(dòng)畫的制作

二、教學(xué)對(duì)象：

09級(jí)學(xué)生

三、本此課程主要內(nèi)容

1、flash工作界面及基本操作及概念簡(jiǎn)要介紹

2、實(shí)例講解

四、教學(xué)重點(diǎn)：

1、計(jì)算機(jī)動(dòng)畫的分類；關(guān)鍵幀、空白關(guān)鍵幀的概念；

2、簡(jiǎn)單對(duì)象的移動(dòng)、變形動(dòng)畫的制作方法

五、教學(xué)難點(diǎn)：

引導(dǎo)層的制作

六、教學(xué)手段：

演示講授法，邊演示邊操作，學(xué)生同步跟隨學(xué)習(xí)。

七、教學(xué)方法：

實(shí)例講解法。即通過一個(gè)flash實(shí)例，講解其所涉及到的概念與基本技術(shù)，激勵(lì)學(xué)生學(xué)習(xí)的興趣。

八、教學(xué)主要內(nèi)容講解：

（一）、導(dǎo)入：

首先播放一段FLASH動(dòng)畫，該動(dòng)畫包含了本節(jié)課所要學(xué)習(xí)的主要操作內(nèi)容——對(duì)象的移動(dòng)及變形；引導(dǎo)學(xué)生了解flash動(dòng)畫，并激發(fā)其學(xué)習(xí)flash動(dòng)畫制作的激情。

（二）、基本概念講解：

1、元件：一個(gè)位圖、矢量圖形、音樂片斷或是一段獨(dú)立的flash動(dòng)畫（好比是演員），通俗的講就是對(duì)象作為一個(gè)模塊,在不同幀中重復(fù)使用.這樣的好處在于因?yàn)榭梢栽谥貜?fù)使用，減小了FLASH的體積便于傳輸，也減小了FLASH制作者的工作量。元件都被放置在庫(kù)中，使用時(shí)只用將其拖放到場(chǎng)景中即可，在場(chǎng)景中只能對(duì)其位置和形狀進(jìn)行編輯，如果要對(duì)元件進(jìn)行編輯，需要切換到元件編輯狀態(tài)。元件分為：圖形元件、按鈕元件和電影剪輯元件。元件中圖形就是指動(dòng)態(tài)或者靜態(tài)的圖片元件，電影剪輯是FLASH小片段，按鈕就是具有一定圖形功能的按鈕圖形了。

庫(kù)：存放動(dòng)畫元件的地方（好比是一場(chǎng)戲的后臺(tái)）

2、場(chǎng)景：動(dòng)畫的表現(xiàn)場(chǎng)所（好比是舞臺(tái)）

3、時(shí)間軸：動(dòng)畫制作的最重要的區(qū)域，是編輯動(dòng)畫的工作臺(tái)，是加工動(dòng)畫的流水線，包括了層編輯區(qū)、幀編輯區(qū)和時(shí)間線。（好比是劇本）

我們要制作一個(gè)動(dòng)畫，就好比是在導(dǎo)演一出戲，需要找好演員（制作好元件），置于后臺(tái)（放在庫(kù)里），然后把演員放在舞臺(tái)上（把元件放在場(chǎng)景上），讓演員照著劇本演出（在時(shí)間線上設(shè)置開始、結(jié)束時(shí)的狀態(tài)，生成動(dòng)畫）。

4、幀：就是時(shí)間軸上的小格子，一幀其實(shí)就是一幅圖，是構(gòu)成動(dòng)畫的基本單位。可分為關(guān)鍵幀、空白關(guān)鍵幀和過渡幀。

5、關(guān)鍵幀：是動(dòng)畫演示的基礎(chǔ)，可以放入各種對(duì)象~聲音、圖片、按鈕、視頻等等，所有這些都只能放置到關(guān)鍵幀上，如果沒有關(guān)鍵幀,就沒有動(dòng)畫。兩個(gè)關(guān)鍵幀之間可以做補(bǔ)間動(dòng)畫，這樣兩個(gè)關(guān)鍵幀就可以確定物體移動(dòng)的兩個(gè)關(guān)鍵點(diǎn)。關(guān)鍵幀用含有實(shí)心圓圈的方格表示。

6、空白關(guān)鍵幀：這個(gè)關(guān)鍵幀在場(chǎng)景上什么都沒有（不包括聲音和代碼），用含有空心圓圈的方格表示；如果加入對(duì)象后自動(dòng)變?yōu)殛P(guān)鍵幀。

兩個(gè)關(guān)鍵幀之間帶粉紅色有長(zhǎng)線箭頭標(biāo)志的幀：漸變動(dòng)畫~也叫補(bǔ)間動(dòng)畫，能讓一個(gè)物體在這段幀之間作出來(lái)，漸變移動(dòng)的效果(可以改變透明度等等)。

兩個(gè)關(guān)鍵幀之間帶綠色有長(zhǎng)線箭頭標(biāo)志的幀：形變動(dòng)畫~第一幀的動(dòng)畫到最后一幀的時(shí)候可以變化出另外一種圖形、形狀。

（三）、基本操作講解

1、移動(dòng)動(dòng)畫的制作

“插入”菜單欄à“新建元件”à設(shè)置名稱”c1”,行為”圖形”，點(diǎn)“確定”à點(diǎn)“工具”面板里的“橢圓工具”à設(shè)置“橢圓工具”的相關(guān)屬性（包括筆觸顏色、粗細(xì)、樣式及填充顏色）à繪制橢圓（如果要繪制圓，請(qǐng)按住“shift”）à點(diǎn)擊“場(chǎng)景1”，回到場(chǎng)景里à點(diǎn)擊“窗口”菜單欄，選擇“庫(kù)”（可看到“庫(kù)”窗口被打開，剛才建立的c1元件在庫(kù)里）à點(diǎn)擊“時(shí)間軸”里的第1幀，把“庫(kù)”里的c1拖到場(chǎng)景的左邊à點(diǎn)擊“時(shí)間軸”里的第20幀，點(diǎn)擊右鍵，選擇“插入關(guān)鍵幀”（可在時(shí)間軸上看到第20幀處有“·”）à把剛才的對(duì)象從左邊拖到右邊à在時(shí)間軸第20幀以前的任意一幀點(diǎn)擊左鍵，在屬性面板里的“補(bǔ)間”后的下拉列表里選擇“動(dòng)作”，即可看到從第1幀到第20幀的時(shí)間軸背景為粉紅色并有一條帶箭頭的實(shí)線à回車，欣賞剛才制作好的動(dòng)畫。

2、關(guān)鍵幀動(dòng)畫：先行設(shè)計(jì)出若干關(guān)鍵性動(dòng)作的圖像畫面，然后利用計(jì)算機(jī)圖形技術(shù)的算法來(lái)自動(dòng)生成兩個(gè)關(guān)鍵幀之間的一系列過渡畫面。flash動(dòng)畫主要就是運(yùn)用關(guān)鍵幀動(dòng)畫技術(shù)，比如我們剛才的這個(gè)“移動(dòng)動(dòng)畫”的制作。

3、運(yùn)動(dòng)路徑動(dòng)畫：首先確定運(yùn)動(dòng)對(duì)象的移動(dòng)軌跡，并設(shè)定在移動(dòng)過程中對(duì)象需要改變的旋轉(zhuǎn)方向、色彩及形狀等參數(shù)，軟化將整個(gè)運(yùn)動(dòng)過程交給計(jì)算機(jī)來(lái)完成。

4、變形動(dòng)畫：適合模擬形狀變化頻繁的任務(wù)、動(dòng)物和自然現(xiàn)象，主要用于表現(xiàn)模擬自然或生活中實(shí)際的動(dòng)作，或科幻電影中虛幻、夸張的動(dòng)作（如電影《功夫》、《少林足球》等里面的夸張動(dòng)作）。

5、物理模型動(dòng)畫：基于物理模型技術(shù)的三維動(dòng)畫制作，需要從外形、顏色、燈光、紋理、材質(zhì)等多方面模擬真實(shí)物理的各種物理屬性（如cctv6里《光影周刊》的虛擬主持人小龍）。

6、逐幀動(dòng)畫：通過一幀幀地繪制，并按先后順序排列在時(shí)間軸上通過順序播放達(dá)到的動(dòng)畫效果。

說(shuō)明：

學(xué)生根據(jù)老師剛才的演示，自行練習(xí)移動(dòng)動(dòng)畫的制作（3-5分鐘）。學(xué)生記住Flash原始文件和flash影片的擴(kuò)展名（分別為fla和swf）。

（四）、實(shí)例講解——Flash引導(dǎo)線制作雪花飄飄動(dòng)畫

1、新建一個(gè)Flash影片。設(shè)背景為“黑色”，其他的用默認(rèn)值。

2、按Ctrl+F8新建一個(gè)組件，類型為“影片剪輯”，命名為“雪花”。在它的正中用“鉛筆”工具畫一個(gè)不規(guī)則的多邊形，然后用“顏料桶工具”將它填上白色。（如圖1-1所示）

3、再用Ctrl+F8建一個(gè)組件，類型為“影片剪輯”，命名為“前層”。

4、將組件“雪花”拖到其中，用“選定工具”中的“比例”功能把它縮?。ㄐ〖记桑合扔谩胺糯箸R”將它放大，然后再用“比例”功能，可縮得更?。?。在第80幀上“插入關(guān)鍵幀”，在“圖層1”上用鼠標(biāo)右鍵的“添加引導(dǎo)線”功能（見圖1-2）。

在新增加的“引導(dǎo)線：圖層1”的第1幀上，從“雪花”開始，畫一條彎曲的曲線。將第80幀上的“雪花”沿曲線從頭拖到曲線的末尾。然后在“圖層1”的第1幀上點(diǎn)鼠標(biāo)右鍵，選“創(chuàng)見動(dòng)畫動(dòng)作”功能，見圖1-3。

5、第4步是制作一片雪花，下雪不是只下一片的吧。插入圖層，將第4步重復(fù)做10次。做好后的效果見圖1-4。

6、把第3至5步重復(fù)做兩次，不同之處是組件的命名分別為“中層”和“后層”?！把┗ā钡拇笮『汀耙龑?dǎo)線”的路徑不要一樣。這是為了多做幾個(gè)圖層，看起來(lái)效果細(xì)膩一點(diǎn)。

7、現(xiàn)在回到場(chǎng)景1中，插入6個(gè)圖層，分別命名為“后層1”、“后層2”、“中層1”、“中層2”、“中層3”、“中層4”、“前層1”、“前層2”。在對(duì)應(yīng)的層上拖入對(duì)應(yīng)的組件，并適當(dāng)?shù)恼{(diào)整時(shí)間軸，讓雪花飄得連貫起來(lái)。見圖1-5。

按Ctrl+Enter就可以看到效果了。

第四篇：FLASH動(dòng)畫制作教案

一、教學(xué)目標(biāo) 【知識(shí)與技能】

能獨(dú)立表述動(dòng)畫制作中涉及的基本概念并能自己動(dòng)手完成動(dòng)畫制作的一般步驟?！具^程與方法】

通過制作“移動(dòng)的小球”動(dòng)畫，了解FLASH動(dòng)畫制作的過程，并從中總結(jié)出動(dòng)畫制作的主要步驟。

【情感態(tài)度與價(jià)值觀】

在理論學(xué)習(xí)和動(dòng)手操作的過程中，激發(fā)學(xué)習(xí)動(dòng)畫制作的興趣，并且逐步培養(yǎng)樂于接受和探究新知識(shí)的精神。

二、教學(xué)重難點(diǎn) 【重點(diǎn)】

Flash動(dòng)畫制作的一般過程，基本操作方法以及任務(wù)的實(shí)現(xiàn)。

【難點(diǎn)】

初步理解關(guān)鍵幀和動(dòng)作補(bǔ)間動(dòng)畫的概念。

三、教學(xué)過程

環(huán)節(jié)

一、創(chuàng)設(shè)情境，課堂導(dǎo)入

老師出示“小破孩”動(dòng)畫作品。告訴學(xué)生這是用Flash制作的。

同學(xué)們，老師今天給大家?guī)Я艘粋€(gè)很有趣的《小破孩》動(dòng)畫短片。大家一起來(lái)看一下。動(dòng)畫播放完了。昨天，我們已經(jīng)認(rèn)識(shí)了flash，這個(gè)小短片啊，就是用flash制作出來(lái)的。

大家想不想也能做這樣的短片呀?非常想，好，那我們今天就來(lái)嘗試一下。剛剛小短片中有一個(gè)片段是小破孩把皮球踢向墻壁，結(jié)果皮球彈回來(lái)砸到了他自己。這一段很好玩。我們就來(lái)做這一段中那個(gè)滾動(dòng)的小球，大家覺得怎么樣? 環(huán)節(jié)

二、分析任務(wù) 1.Flash影片的制作過程： 動(dòng)畫小本--確定演員(元件)--制作動(dòng)畫--測(cè)試--發(fā)布。

首先要有一個(gè)構(gòu)思，我們稱為動(dòng)畫小本，其次就像電影都有演員，我們動(dòng)畫也是有對(duì)象的，我們把它成為元件。元件其實(shí)就是可以重復(fù)使用的對(duì)象。再次我們就可以開始制作動(dòng)畫了。那么動(dòng)畫有沒有達(dá)到我們想要的效果呢，我們對(duì)它進(jìn)行一個(gè)測(cè)試，測(cè)試通過了之后我們就可以發(fā)布了。

2.小球滾動(dòng)效果圖展示以及任務(wù)的分析：小球由左向右滾動(dòng)，而這個(gè)任務(wù)中涉及的要素就是小球(圖形元件)。

環(huán)節(jié)

三、任務(wù)完成 1.創(chuàng)建元件：

“插入”——新建元件——?jiǎng)?chuàng)建新元件對(duì)話框——名稱“小球”，類型“圖形”——畫圓

師：正圓怎么畫了? 生：按住shift鍵好，圓畫好了之后呀，我們要點(diǎn)擊場(chǎng)景1返回到場(chǎng)景中，不然等一下我們就都在元件里進(jìn)行操作了。

2.關(guān)于小球移動(dòng)的具體操作，老師配備了助學(xué)課件。大家運(yùn)用上節(jié)課掌握的基礎(chǔ)知識(shí)以及助學(xué)課件的幫助來(lái)嘗試著做一下小球由左到右的滾動(dòng)效果。給大家10分鐘的時(shí)間。

3.收集學(xué)生遇到的問題：

(1)小球閃一下就不見了(關(guān)鍵幀，空白關(guān)鍵幀)第1幀直接拖到第30幀，這時(shí)候第1幀變成了空白關(guān)鍵幀，關(guān)鍵幀只有一個(gè)。(2)小球不動(dòng)

沒有創(chuàng)建補(bǔ)間動(dòng)畫。重新回顧一下步驟。

在場(chǎng)景1中，我們選定第一幀，單擊鼠標(biāo)右鍵，創(chuàng)建初始關(guān)鍵幀。關(guān)于關(guān)鍵幀這個(gè)概念大家有點(diǎn)陌生。但是我們昨天已經(jīng)學(xué)過了幀的概念。誰(shuí)來(lái)回答一下?幀是某一個(gè)特定時(shí)刻的一個(gè)畫面。嗯，很好，那么關(guān)鍵幀呢，其實(shí)也是幀的一種。大家想一想關(guān)鍵幀有什么特點(diǎn)?結(jié)合你們剛才的操作。關(guān)鍵幀可以讓小球在舞臺(tái)的左邊變到右邊。很好，關(guān)鍵幀最大的特點(diǎn)就是可以對(duì)畫面進(jìn)行修改。關(guān)鍵幀創(chuàng)建好了，這時(shí)候小球該登場(chǎng)了。小球在哪里啊?庫(kù)里，非常好。我們用選擇工具將小球拖到舞臺(tái)的左側(cè)，然后將大小和背景調(diào)節(jié)一下。初始關(guān)鍵幀就創(chuàng)建好了。接下來(lái)我們小球要在右邊，那就還需要一個(gè)結(jié)束關(guān)鍵幀。將鼠標(biāo)選定第30幀，點(diǎn)擊鼠標(biāo)右鍵，創(chuàng)建關(guān)鍵幀。然后將小球移動(dòng)至舞臺(tái)的右邊。好了，那么小球如何才能由左向右移動(dòng)呢。我們就要在1幀和30幀中間的任何一個(gè)位置單擊鼠標(biāo)郵件，有一個(gè)選項(xiàng)創(chuàng)建補(bǔ)間動(dòng)畫。點(diǎn)擊后計(jì)算機(jī)就會(huì)為這個(gè)小動(dòng)畫創(chuàng)建一個(gè)連續(xù)的動(dòng)作補(bǔ)間動(dòng)畫。我們就能看到小球從左邊慢慢移動(dòng)到右邊了。解決問題。環(huán)節(jié)

四、展示評(píng)價(jià)

1.讓學(xué)生代表展示制作的成品，鼓勵(lì)學(xué)生談?wù)勛约旱闹谱魉悸罚龅降膯栴}及解決辦法。

2.學(xué)生在互評(píng)的過程中，引導(dǎo)學(xué)生思考完成同一任務(wù)的不同方式，尋找最優(yōu)的制作方案，互相提出優(yōu)化建議。

3.教師最后做小結(jié)性講評(píng)肯定學(xué)生們的作品，指出具體改進(jìn)方案，鼓勵(lì)學(xué)生繼續(xù)努力?？偨Y(jié)：制作動(dòng)畫的核心和關(guān)鍵點(diǎn)。

四、板書設(shè)計(jì)

五、教學(xué)反思

|《信息及其特征》

一、教學(xué)目標(biāo)

【知識(shí)與技能目標(biāo)】 1.能夠舉例說(shuō)出身邊存在的信息。2.學(xué)會(huì)判斷信息所具有的特征。

【過程與方法目標(biāo)】通過自主探究、小組討論，建立起對(duì)信息及其特征的感性認(rèn)識(shí)，不斷提高自己判斷能力?！厩楦袘B(tài)度價(jià)值觀目標(biāo)】 通過舉例身邊已有的信息，逐步提升自己的信息素養(yǎng)，增加對(duì)信息技術(shù)學(xué)科的喜愛。

教學(xué)重難點(diǎn) 【重點(diǎn)】 能夠舉例說(shuō)出身邊的信息及信息的基本特征。【難點(diǎn)】能夠根據(jù)描述正確判斷出體現(xiàn)出信息哪方面的特征。

三、教學(xué)用具 多媒體

四、教學(xué)過程

環(huán)節(jié)一：導(dǎo)入新課 開展“聽口令做動(dòng)作”的游戲引導(dǎo)學(xué)生說(shuō)出信息的含義(信息的基本功能是消除認(rèn)識(shí)上的不確定性)。游戲的規(guī)則如下： 第一步：閉上眼睛，聽指令進(jìn)行操作。不許說(shuō)話、不許提問;第二步：請(qǐng)同學(xué)們拿起桌上的白紙，將紙對(duì)折、再對(duì)折;第三步：將右上角撕掉，放在口袋里，剩下的旋轉(zhuǎn)180°。再將左上角撕掉，也放在口袋里;第四步：睜開眼睛展開手上的紙，用雙手舉起，相互對(duì)比一下。預(yù)測(cè)會(huì)有很多種不同的結(jié)果出現(xiàn)，就此學(xué)生會(huì)提出是由于信息不充分、不確定性多造成的。環(huán)節(jié)二：新課講授(一)重復(fù)游戲，總結(jié)信息的作用 重新開展上述游戲，此次歡迎大家隨時(shí)提問，教師將一一回答。預(yù)測(cè)游戲中，學(xué)生的問題如下： 問題1：是橫向?qū)φ圻€是縱向?qū)φ?(橫向?qū)φ?問題2：開口朝上還是朝下?(朝上)問題3：右上角和左上角分別撕成什么形狀?大小是多少?(大約2厘米的正方形)問題4：順時(shí)針旋轉(zhuǎn)還是逆時(shí)針?(順時(shí)針)預(yù)測(cè)大多數(shù)同學(xué)的結(jié)果是一樣的。教師請(qǐng)少數(shù)結(jié)果有偏差的學(xué)生歸納總結(jié)出產(chǎn)生差異的原因具體是什么?(沒有聽清楚，信息傳遞偏差導(dǎo)致結(jié)果有錯(cuò)誤)進(jìn)而得出信息是“用來(lái)減少不確定性的”。

(二)梨子為媒，探究信息的本質(zhì) 拿出梨子，提出問題： 問題1：“這是什么?”(梨子)問題2：“根據(jù)什么判斷是梨子”(通過觀察物質(zhì)的形狀、顏色、經(jīng)驗(yàn)等)問題3：能吃嗎?(學(xué)生拿在手上觀察、感覺一下，回答能，還沒有變壞)歸納總結(jié)出信息的定義：信息是事物的運(yùn)動(dòng)狀態(tài)及其狀態(tài)變化的方式。為了讓加深大家對(duì)信息定義的全面性了解，請(qǐng)大家打開學(xué)習(xí)網(wǎng)站領(lǐng)略信息學(xué)大師們的定義

一、定義二。此后，在信息的定義三里，提交自己對(duì)信息的理解和認(rèn)識(shí)。(三)思維拓展，深入挖掘特征 請(qǐng)同學(xué)們借助教材和視頻資料自學(xué)信息的特征，自學(xué)結(jié)束后采取以競(jìng)賽問答的模式檢測(cè)學(xué)習(xí)效果。

問題1：APEC會(huì)議的議題可以通過看視頻、看報(bào)紙、聽廣播等多種形式獲取，體現(xiàn)出來(lái)信息的什么特征?(載體依附性)問題2：蕭伯納的蘋果交換理論體現(xiàn)了信息的什么特征? 問題3：小明于五一黃金周后的第二天前往某電影院購(gòu)買打折電影票，結(jié)果被告知此活動(dòng)僅限在五一黃金周內(nèi)有效，過后無(wú)效，這體現(xiàn)了信息的什么特征? 環(huán)節(jié)三：鞏固提高

請(qǐng)同學(xué)們以小組為單位，列舉更多體現(xiàn)信息不同特征的實(shí)例。(揚(yáng)名千里、真假難辨、一傳十十傳百、紅燈停綠燈行)環(huán)節(jié)四：小結(jié) 教師對(duì)學(xué)生的總體表現(xiàn)做總結(jié)，并引導(dǎo)學(xué)生談收獲、交流經(jīng)驗(yàn)與心得。

五、板書設(shè)計(jì)

第五篇：flash動(dòng)畫制作教案

信息技術(shù)興趣小組活動(dòng)教案

王

德 億利東方學(xué)校

第一周 FLASH的基本知識(shí)

教學(xué)目標(biāo)：

1、熟悉FLASH的界面。

2、掌握幾個(gè)基本工具的使用：選取工具、變形工具、填充工具、線條工具、橢圓工具、矩形工具、顏料筒工具、墨水瓶工具。

3、掌握幾個(gè)基本術(shù)語(yǔ)：圖層、元件

4、記住幾個(gè)快捷鍵

5、完成四幅繪制圖案 教學(xué)重點(diǎn)： 應(yīng)用工具畫圖 教學(xué)難點(diǎn)： 復(fù)雜遮照的創(chuàng)建。教學(xué)過程：

一、界面環(huán)境介紹

二、工具箱的介紹

工具箱提供了用于圖形繪制和圖形編輯的各種工具。工具箱內(nèi)從上到下分為4個(gè)欄：“工具”欄、“查看”欄、“顏色”欄和“選項(xiàng)”欄，單擊某個(gè)工具的按鈕，即可激活相應(yīng)的操作功能，以后把這一操作叫作使用某個(gè)工具。（1）“工具”欄：工具箱之“工具”欄內(nèi)的工具用來(lái)繪制圖形、輸入文字和編輯圖形。（2）“查看”欄：工具箱之“查看”欄內(nèi)的工具是用來(lái)調(diào)整舞臺(tái)編輯畫面的觀察位置和顯示比例的。其中兩個(gè)工具按鈕的名稱與作用如表1-1-3所示。（3）“顏色”欄：工具箱之“顏色”欄的工具是用來(lái)確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。

（筆觸顏色）按鈕：用于給線著色，也叫作描繪顏色。（填充色）按鈕：用于給填充著色。

（從左到右分別是：黑白、沒有顏色和交換顏色）按鈕：?jiǎn)螕簟昂诎住卑粹o，可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)（筆觸顏色為黑色，填充色為白色）。在選擇了橢圓或矩形工具后，“沒有顏色”按鈕才有效，變?yōu)?，單擊它可以在沒有顏色和有顏色之間切換。單擊“交換顏色”按鈕，可以使筆觸顏色與填充色互換。（4）“選項(xiàng)”欄：工具箱之“選項(xiàng)”欄中放置了用于對(duì)當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性和功能按鈕等選項(xiàng)。這些選項(xiàng)是隨著用戶選用工具的改變而變化的，大多數(shù)工具都有自己相應(yīng)的屬性設(shè)置。在繪圖、輸入文字或編輯對(duì)象時(shí)，通常應(yīng)當(dāng)在選中繪圖或編輯工具后，再對(duì)其屬性和功能進(jìn)行設(shè)置，才能順利達(dá)到預(yù)期的效果。

三、動(dòng)手用一下工具

1、使用工具制作一個(gè)“笑臉”或“哭臉”

2、漸變工具的使用：幾個(gè)關(guān)鍵概念

顏色調(diào)板

填充變形工具的使用

3、用橢圓畫個(gè)畫環(huán) 操作步驟：

1、用填充色畫圓，并設(shè)置筆觸的粗細(xì)。

2、設(shè)置邊線的填充色為“七彩色”。

3、將該線形圓環(huán)轉(zhuǎn)換成填充色：修改－－形狀－－將線條為填充。

4、使用“墨水瓶”工具給圓環(huán)加邊線。效果如右：

4、用多邊形工具畫太陽(yáng) 操作步驟：

1、用多邊星形工具制作太陽(yáng)的外圍，作以下設(shè)置：（1）將矩形工具轉(zhuǎn)換成多角星形工具

（2）設(shè)置多角星形的“屬性”中的“選項(xiàng)”

（3）設(shè)置“樣式”為星形，輸入星形數(shù)，及星形頂點(diǎn)大小（頂點(diǎn)越小，星形越尖）

2、設(shè)置填充色為放射性，無(wú)邊線

3、開始畫星形。

4、創(chuàng)建一個(gè)同心的圓為太陽(yáng)的臉。

5、使用直線工具畫眼、嘴。（注意：用選擇工具調(diào)整其曲線度，利用變形工具作旋轉(zhuǎn)）

四、課堂習(xí)題：自創(chuàng)月亮

五、課后作業(yè)

1、書本P34頁(yè)的實(shí)例6：茶杯。

第二周 各類特效文字的制作

教學(xué)進(jìn)度：正常 教學(xué)目標(biāo)：

1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具、濾鏡的使用。

2、要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項(xiàng)。

3、掌握如何制作特效文字。

4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。

教學(xué)重點(diǎn)：

1、掌握空心文字、投影文字、點(diǎn)框文字、彩虹文字、金屬文字、雪花文字的制作

教學(xué)難點(diǎn)： 復(fù)雜遮照的創(chuàng)建。教學(xué)過程：

一、點(diǎn)框文字 制作步驟：

1、用文字工具輸入文字

2、將文字使用“分離”或按下（ctrl+B）組合鍵

3、再將每個(gè)分離的文字使用“分離”，即直到文字被選中時(shí)呈現(xiàn)點(diǎn)型。

4、使用“墨水瓶”工具，設(shè)置線型為“點(diǎn)型”，設(shè)置線的顏色（注意務(wù)必使用與文字顏色不同的一種顏色），用鼠標(biāo)單擊文字

5、所有文字的邊線勾勒完畢后，用選取工具選取文字內(nèi)心，并刪除。

二、彩虹文字 制作步驟：

1、用文字工具輸入文字

2、將文字使用“分離”，（分離二次）

3、選擇填充顏色，再用顏料筒單擊文字即可

三、彩圖文字

圖片下載 制作步驟：

1、用文字工具輸入文字

2、將文字使用“分離”

3、選擇填充類型為“圖片”，圖片填充有二類

4、再用墨水瓶工具勾勒邊緣

5、將邊緣線條轉(zhuǎn)化為填充

6、“修改”－－“形狀”－－“柔化填充邊緣”

四、雪花文字

五、補(bǔ)充知識(shí)：倒影字的制作

六、課后作業(yè)：制作一個(gè)圖案文字

小技巧：ctrl+v與ctrl+shift+v的區(qū)別：后者是復(fù)制時(shí)保持前后位置都一樣。

第三周 直線運(yùn)動(dòng)和變形運(yùn)動(dòng)

教學(xué)目標(biāo)：

1、要求學(xué)生掌握直線運(yùn)動(dòng)和變形運(yùn)動(dòng)的補(bǔ)間。

2、掌握直線運(yùn)動(dòng)的特點(diǎn)：元件與普通形狀對(duì)象都可以制作直線運(yùn)動(dòng)。

3、掌握變形運(yùn)動(dòng)的特點(diǎn)：普通形狀對(duì)象可以變形。

4、掌握影片元件的制作方法。

教學(xué)重點(diǎn)： 運(yùn)動(dòng)補(bǔ)間的設(shè)置；影片元件的創(chuàng)建。> 教學(xué)難點(diǎn)： 關(guān)鍵幀／普通幀的區(qū)別； 教學(xué)過程：

一、導(dǎo)入：動(dòng)畫制作的關(guān)鍵要素

1、幀——是進(jìn)行flash動(dòng)畫制作的最基本的單位，每一個(gè)精彩的flash動(dòng)畫都是由很多個(gè)精心雕琢的幀構(gòu)成的，在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其他多種對(duì)象。

2、關(guān)鍵幀——顧名思義，有關(guān)鍵內(nèi)容的幀。用來(lái)定義動(dòng)畫變化、更改狀態(tài)的幀，即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。

3、空白關(guān)鍵幀——空白關(guān)鍵幀是沒有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。

4、普通幀——在時(shí)間軸上能顯示實(shí)例對(duì)象，但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。

5、以上四種幀的區(qū)別

① 關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn)，空白關(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn)，普通幀在時(shí)間軸上顯示為灰色填充的小方格

② 同一層中，在前一個(gè)關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀，是復(fù)制前一個(gè)關(guān)鍵幀上的對(duì)象，并可對(duì)其進(jìn)行編輯操作；如果插入普通幀，是延續(xù)前一個(gè)關(guān)鍵幀上的內(nèi)容，不可對(duì)其進(jìn)行編輯操作；插入空白關(guān)鍵幀，可清除該幀后面的延續(xù)內(nèi)容，可以在空白關(guān)鍵幀上添加 新的實(shí)例對(duì)象。

③ 關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動(dòng)作腳本，普通幀上則不能。

6、應(yīng)用中需注意的問題 ① 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用，以減小動(dòng)畫文件的體積；

② 盡量避免在同一幀處過多的使用關(guān)鍵幀，以減小動(dòng)畫運(yùn)行的負(fù)擔(dān)，使畫面播放流暢。

二、基本動(dòng)畫

1、變形動(dòng)畫：要求參與動(dòng)畫的對(duì)象必須是形狀，不得使用元件。

例如：以下動(dòng)畫中A－－＞B－－＞C之間、五角星——>十角形即為形狀變形。操作步驟： ①設(shè)置背景色

②插入第一關(guān)鍵幀，并繪制一個(gè)五角形。

③在第30幀上插入空白關(guān)鍵幀，并繪制一個(gè)十角星形。

④利用時(shí)間軸上的“編輯多幀”工具，對(duì)齊第一、二關(guān)鍵幀的各自五個(gè)角。⑤在第一關(guān)鍵幀上設(shè)定五個(gè)“形狀提示點(diǎn)”，修改－－形狀－－添加形狀提示點(diǎn)。⑥在第二關(guān)鍵幀上設(shè)定各提示點(diǎn)的對(duì)應(yīng)終點(diǎn)位置。⑦對(duì)第一關(guān)鍵幀設(shè)定“形狀”動(dòng)畫補(bǔ)間。思考：

2、直線運(yùn)動(dòng)動(dòng)畫：任何對(duì)象都可以設(shè)置直線動(dòng)畫，只需二個(gè)關(guān)鍵幀 例如：素材下載

3、漸變運(yùn)動(dòng)動(dòng)畫

① 淡入、淡出動(dòng)畫：使用實(shí)例才能完成此項(xiàng)動(dòng)畫，一般通過調(diào)整關(guān)鍵幀的透明度來(lái)設(shè)置場(chǎng)景中的各實(shí)例的出現(xiàn)方式。

一般淡入淡出式動(dòng)畫是用二個(gè)關(guān)鍵幀完成，第一關(guān)鍵幀為全透明（100%）或部分透明，第二關(guān)鍵幀透明度為0。

②閃爍動(dòng)畫：一般用三個(gè)關(guān)鍵幀完成，即從淡入到淡出的過程，即全透明－－不透明－－全透明的設(shè)置過程。

例如：以下例子中星星，就是用影片元件來(lái)完成的。

4、旋轉(zhuǎn)動(dòng)畫：一般旋轉(zhuǎn)度數(shù)在360度以上，則采用實(shí)例，即旋轉(zhuǎn)的對(duì)象必須是通過元件調(diào)入的。而旋轉(zhuǎn)度小于360度，則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫設(shè)定只需二個(gè)關(guān)鍵幀。

例如：拖影文字(課后完成)操作步驟：

①建立文字元件,拖到舞臺(tái)

②創(chuàng)建第一圖層，設(shè)定第一、二關(guān)鍵幀（同幀），并設(shè)制“動(dòng)畫”補(bǔ)間，旋轉(zhuǎn)為1次。

②創(chuàng)建第二圖層，此層為陰影層，復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要逐漸調(diào)整透明度。

三、總結(jié)鞏固：

1、圖形元件的制作

2、圖形元件的應(yīng)用： ①實(shí)例：元件調(diào)入到場(chǎng)景后，就叫實(shí)例，實(shí)例可以取名，以后便于以后寫代碼（編程）時(shí)調(diào)用。②對(duì)元件的編輯： ③對(duì)實(shí)例的編輯：與元件編輯最大區(qū)別在于對(duì)元件本身不修改，主要的編輯方法有改變色調(diào)、透明度等。

四、作業(yè)：

本周作業(yè)名稱為：

1、字母變形

2、應(yīng)用提示點(diǎn)變形(星型)

3、拖影文字

4、預(yù)習(xí)：夜色中的汽車(綜合漸變星星一起做)

第四周 Flash 中的動(dòng)畫

教學(xué)目標(biāo)：

1、要求學(xué)生掌握直線運(yùn)動(dòng)的補(bǔ)間。

2、掌握直線運(yùn)動(dòng)的特點(diǎn)：元件與普通形狀對(duì)象都可以制作直線運(yùn)動(dòng)。

3、掌握影片元件的制作方法。

4、了解flash 中的幾種基本動(dòng)畫

教學(xué)重點(diǎn)： flash 中的幾種基本動(dòng)畫。教學(xué)難點(diǎn)： 基本動(dòng)畫的區(qū)別； 教學(xué)過程：

一、導(dǎo)入：Flash 中的幾種基本動(dòng)畫。

1、動(dòng)作補(bǔ)間動(dòng)畫

是Flash 中最常見的動(dòng)畫類型。它可以結(jié)合色彩、透明度、位置的變化，使作品更加絢麗多彩。如何通過動(dòng)作補(bǔ)間動(dòng)畫將對(duì)象的運(yùn)動(dòng)形象生動(dòng)的表現(xiàn)出來(lái)，是學(xué)習(xí)運(yùn)動(dòng)動(dòng)畫的根本目的。如上堂課的汽車運(yùn)動(dòng)動(dòng)畫。

2、形狀補(bǔ)間動(dòng)畫

同樣是Flash 中最常見的動(dòng)畫類型。但是它的變形對(duì)象是矢量圖形，利用這種動(dòng)畫可以使場(chǎng)景上的矢量圖形作出任意形狀、位置和顏色的平滑變化。它與動(dòng)作補(bǔ)間動(dòng)畫的區(qū)別是：動(dòng)作補(bǔ)間的作用對(duì)象是元件或被組合的對(duì)象，而形狀補(bǔ)間動(dòng)畫的作用對(duì)象是矢量圖形。如上堂課的字母變形動(dòng)畫。

3、逐幀動(dòng)畫

要?jiǎng)?chuàng)建逐幀動(dòng)畫，需要將每一個(gè)幀都定義為關(guān)鍵幀，然后給每一個(gè)幀都創(chuàng)建不同的圖象。制作逐幀動(dòng)畫的基本思想是把一系列相差甚微的圖形或文字放置在一系列的關(guān)鍵幀中，使動(dòng)畫播放的時(shí)候看起來(lái)像是一系列連續(xù)變化的動(dòng)畫。如圖所示，展示了一個(gè)小男孩的行為動(dòng)畫。

4、蒙版動(dòng)畫

在制作動(dòng)畫的過程中，有些效果用通常的方法很難實(shí)現(xiàn)。比如：手電筒、探照燈、百頁(yè)窗等效果。這時(shí)就要用到蒙版動(dòng)畫了。

要?jiǎng)?chuàng)建蒙版動(dòng)畫，需要有兩個(gè)圖層：遮罩層和被遮罩層。遮罩項(xiàng)目像是一個(gè)窗口，透過它可以看到位于它下面的鏈接層區(qū)域，而且除了透過遮罩項(xiàng)目顯示的內(nèi)容，其余的所有內(nèi)容都被隱藏起來(lái)了。如圖所示：

5、引導(dǎo)層動(dòng)畫

引導(dǎo)層作為一個(gè)特殊的圖層，在Flash 動(dòng)畫設(shè)計(jì)中的應(yīng)用也十分廣泛。在引導(dǎo)層的幫助下，可以實(shí)現(xiàn)對(duì)象沿著特定的路徑運(yùn)動(dòng)。要?jiǎng)?chuàng)建引導(dǎo)層動(dòng)畫，需要兩個(gè)圖層，如圖所示 ：

二、回顧旋轉(zhuǎn)動(dòng)畫：一般旋轉(zhuǎn)度數(shù)在360度以上，則采用實(shí)例，即旋轉(zhuǎn)的對(duì)象必須是通過元件調(diào)入的。而旋轉(zhuǎn)度小于360度，則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫設(shè)定只需二個(gè)關(guān)鍵幀。例如：拖影文字 操作步驟：

①建立文字元件,拖到舞臺(tái)

②創(chuàng)建第一圖層，設(shè)定第一、二關(guān)鍵幀（同幀），并設(shè)制“動(dòng)畫”補(bǔ)間，旋轉(zhuǎn)為1次。

②創(chuàng)建第二圖層，此層為陰影層，復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要逐漸調(diào)整透明度。

三、元件的創(chuàng)建,多圖層動(dòng)畫的制作

四、本周作業(yè)：

1、拖影文字

2、夜色馬路

第五周 鞏固與檢測(cè)

教學(xué)目標(biāo)：

1、要求學(xué)生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。

2、鞏固圖形元件、影片元件的創(chuàng)建。

3、鞏固二類補(bǔ)間動(dòng)畫的特點(diǎn)。

4、鞏固二類動(dòng)畫：變形動(dòng)畫、直線運(yùn)動(dòng)動(dòng)畫。

5、測(cè)驗(yàn)學(xué)生的圖形繪制能力，時(shí)間1小時(shí)

教學(xué)重點(diǎn)： 運(yùn)動(dòng)補(bǔ)間的設(shè)置；影片元件的創(chuàng)建。教學(xué)難點(diǎn)： 影片元件與圖形元件的區(qū)別。教學(xué)過程：

一、鞏固復(fù)習(xí)題：

1、倒影動(dòng)畫（本實(shí)例主要使用了文本工具、墨水瓶工具、打散功能、Alpha值設(shè)置等來(lái)操作）。主要通過一下幾個(gè)步驟來(lái)完成。

使用文本工具在舞臺(tái)場(chǎng)景中輸入文字。

使用打散功能將文字打散為矢量圖形。

使用墨水瓶工具為文字描邊。

使用F8快捷鍵將文字轉(zhuǎn)化為影片剪輯，并在其中進(jìn)行Alpha值的設(shè)置。

2、多層變形動(dòng)畫（掌握對(duì)象繪制工具的使用。）

3、思考并完成一下動(dòng)畫效果的制作，分析幀之間的時(shí)間順序及文字分別做了什么動(dòng)畫？（背景下載）二、十一課后作業(yè)：完成作業(yè)本上前幾周作業(yè)的上傳、學(xué)習(xí)上堂課中五種基本動(dòng)畫的設(shè)計(jì)制作。（素材下載）(補(bǔ)充源代碼下載)本周上傳作業(yè)名稱為：

1、陰影動(dòng)畫

2、圓環(huán)字母變形

第六周 鞏固與檢測(cè)

教學(xué)目標(biāo)：

1、要求學(xué)生鞏固掌握FLASH的工具中的一些技巧。

2、鞏固FALSH中存在的五種變化--移動(dòng)、縮放、旋轉(zhuǎn)、顏色、透明度 教學(xué)重點(diǎn)：工具中技巧的合理運(yùn)用。教學(xué)過程：

一、在FLASH中有些工具使用的技巧有助于動(dòng)畫設(shè)計(jì)的美感，下面總結(jié)幾種我們平時(shí)制作當(dāng)中常用到的幾種小技巧：

1、柔化物體邊緣 先看下圖一的效果,此效果，我們所使用的最簡(jiǎn)單的方法是利用 FLASH 本身的邊緣柔化功能：

圖一

圖二 圖三

先畫好一個(gè)圓，如圖二；然后選中此圖形(不可是元件圖形)--圓，選擇修改--形狀--柔化邊緣填充，在彈出的對(duì)話框里設(shè)置參數(shù)，如圖三，確定以后就形成上圖的效果。（注意：參數(shù)的大小影響了邊緣柔化的程度，但有一點(diǎn)，最好只進(jìn)行一次柔化，如在柔化以后再柔化可能會(huì)使FLASH計(jì)算復(fù)雜,而出現(xiàn)于要求不同的效果。）

同理,我們可以對(duì)文字邊緣進(jìn)行柔化,如下效果3和4分別是對(duì)文字的填充色和筆觸進(jìn)行了柔化。值得注意的是必須先把文字分離，并且在對(duì)筆觸進(jìn)行柔化之前，事先要求將線條轉(zhuǎn)化為填充。引申：

在實(shí)際運(yùn)用當(dāng)中如果要進(jìn)行較為靈活的邊緣柔化，我們不妨利用混色器來(lái)完成。即在選中圖形后調(diào)出混色器編輯框，顏色填充樣式選擇放射狀，然后將左右兩個(gè)顏色填充節(jié)點(diǎn)的顏色都設(shè)置為白色，再將右邊的顏色節(jié)點(diǎn)的透明度為“0”，如下圖

用此方法制作的效果有一點(diǎn)好處就是可以靈活的改變邊緣柔化的程度，思考如何達(dá)到后面三種圖形的效果。

2、變形復(fù)制

效果如下：對(duì)于這個(gè)效果我們使用的是復(fù)制并變形的功能。

首先可以畫一個(gè)橢圓，然后選中此對(duì)象，用變形工具改變它的自由變化中心，如下面左右兩圖，左邊為沒有改變的狀態(tài)，右邊為改變以后的狀態(tài)： 自由變化中心的改變

然后選擇 窗口--變形 調(diào)出變形對(duì)話框，如圖：在旋轉(zhuǎn)參數(shù)里輸入對(duì)象旋轉(zhuǎn)的角度，比如20度，再點(diǎn)擊對(duì)話框右下角的拷貝并應(yīng)用變形按鈕，直到圖象變成我們所需狀態(tài)。

3、對(duì)象繪制

這是 Flash8 的新功能。原先版本中，我們?cè)谕粓D層中疊加兩個(gè)圖形時(shí)，會(huì)產(chǎn)生合并的效果，如果移動(dòng)其中一個(gè)圖形時(shí)，下面圖形的疊加部分就會(huì)消失，這有一定的優(yōu)越性但是又有局限性，如果我們要繪制兩個(gè)圖形疊加在一起但是不合并的話，就需要把這兩個(gè)圖形轉(zhuǎn)換成元件或是放在兩個(gè)圖層中，這樣就比較麻煩。而對(duì)象繪制就可以避免產(chǎn)生這種問題。例如，原先版本中移動(dòng)圖象后：

而如果是單擊“橢圓”工具，在選項(xiàng)欄里，點(diǎn)擊“對(duì)象繪制”按鈕后，再繪制兩個(gè)圖象，這時(shí)盡管兩個(gè)圖象之間彼此是疊加的，但是互相不會(huì)干擾。

另外，在“修改”菜單欄中，對(duì)象繪制還具有四種合并效果：聯(lián)合，交集，打孔，裁切。希望大家自己去觀察它們各自的作用。

二、在FALSH中存在的五種變化--移動(dòng)、縮放、旋轉(zhuǎn)、顏色、透明度 具體效果看影片文件（注意：后面兩種變化必須是對(duì)實(shí)例，即對(duì)拉到場(chǎng)景中的元件進(jìn)行設(shè)置。）

第七周 鞏固

教教學(xué)目標(biāo)：

1、鞏固掌握FLASH制作中幾種常見字體效果的制作。

2、掌握FLASH動(dòng)畫制作中用到的兩種補(bǔ)間過程。

教學(xué)重點(diǎn)： 字體效果的制作、各補(bǔ)間的特性和要求。

教學(xué)過程：

一、在一個(gè)好的FLASH作品里常常會(huì)運(yùn)用到一些經(jīng)過處理的FLASH字效，前面我們已經(jīng)介紹了多種在FLASH中常用的字效：點(diǎn)框文字、彩虹文字、位圖文字、立體字、倒影字等，今天，再補(bǔ)充幾個(gè)特效文字的處理。

1、雙色（多色）字

圖一

圖二 圖三

關(guān)鍵技術(shù)要求：

[1]、制作此類文字效果，只要將文字打散成離散的圖形；

[2]、然后用選取工具選取其中部分，再對(duì)選中部分進(jìn)行顏色填充； [3]、選取次數(shù)可以隨意定。

2、鏤空字(素材下載)關(guān)鍵技術(shù)要求：

[1]、此類效果需兩層圖層才能完成； [2]、底層放置一張圖片；

[3]、在上層畫一個(gè)矩形蓋住底層的圖片（可適當(dāng)設(shè)置透明度）； [4]、在矩形層上輸入文字并調(diào)整好文字的位置； [5]、將文字打散；

[6]、鼠標(biāo)點(diǎn)擊影片空白處取消對(duì)文字的選擇； [7]、再次選中文字圖形并將其刪除即可。

3、陰影字

關(guān)鍵技術(shù)要求：

1、養(yǎng)成一個(gè)圖象一個(gè)圖層的好習(xí)慣，根據(jù)情況，這里可以創(chuàng)建三個(gè)圖層，藍(lán)色字、黑色字，深灰色字，分別呈現(xiàn)原層、立體層、陰影層的效果；

2、立體層的制作：可以按快捷鍵Shift+Ctrl+V把“原層”中的文字復(fù)制到“立體層”中，并利用方向鍵“→”、“↑”將黑色字層向右、向上各移動(dòng)2個(gè)像素；

3、陰影的制作： 選中“原層”中的文字，然后按快捷鍵打開Ctrl+T打開“變形”面板，并上右圖所示設(shè)置。設(shè)置好后，單擊“變形”面板上的“復(fù)制并應(yīng)用變形”按鈕。一個(gè)經(jīng)過變形的副本就被復(fù)制出來(lái)了。

4、陰影層的制作： 選中剛剛做好的副本，按快捷鍵Ctrl+X剪切。按快捷鍵Shift+Ctrl+V把這個(gè)副本原位粘貼到“陰影層”中。最后適當(dāng)?shù)恼{(diào)整位置，并把色彩換成#666666。到這里，文字的陰影效果就做好了。綜上所述，關(guān)鍵技術(shù)都比較類似，所以希望大家課后能好好復(fù)習(xí)，做到在熟練繪制的基礎(chǔ)上創(chuàng)作出更多其他效果的文字。

二、在FLASH動(dòng)畫中，存在著兩種基本的補(bǔ)間：移動(dòng)和行變。下面就將這兩種補(bǔ)間進(jìn)行介紹。

1、形狀補(bǔ)間

延伸的直線 拉動(dòng)的幕布 畫線框（四條邊放在四個(gè)圖層上，如下圖所示，考慮為什么？）

星星變形（注意為了防止變形過程不凌亂，可以利用修改－形狀中的“添加形狀提示”工具，再五角星上加入5個(gè)提示點(diǎn)，并放到相應(yīng)變化位置上，以紅色的小圓圈表示，abcde用來(lái)標(biāo)識(shí)提示點(diǎn)?？匆豢醋詈蟮囊粠?，可以發(fā)現(xiàn)十角星上也有一個(gè)對(duì)應(yīng)的紅色提示點(diǎn)，當(dāng)你設(shè)置好位置時(shí)，會(huì)發(fā)現(xiàn)提示點(diǎn)變綠了，回到第一幀，這時(shí)提示點(diǎn)由紅色變成了黃色，這表明提示點(diǎn)的設(shè)置正確。）

2、運(yùn)動(dòng)補(bǔ)間

它與動(dòng)作補(bǔ)間動(dòng)畫的區(qū)別是：動(dòng)作補(bǔ)間的作用對(duì)象是元件或被組合的對(duì)象，而形狀補(bǔ)間動(dòng)畫的作用對(duì)象是矢量圖形。

運(yùn)動(dòng)的小球：比較下面三副動(dòng)畫，考慮有什么不同，分別做了什么動(dòng)作。提示：緩動(dòng)選項(xiàng)的作用。

現(xiàn)在大家應(yīng)該知道緩動(dòng)選項(xiàng)的作用了吧。它的作用是在運(yùn)動(dòng)的過程中產(chǎn)生速度上的變化，默認(rèn)值為0，即為勻速運(yùn)動(dòng)。當(dāng)值為負(fù)時(shí)，運(yùn)動(dòng)的物體做加速運(yùn)動(dòng)，相反，當(dāng)值為正時(shí)，運(yùn)動(dòng)的物體做減速運(yùn)動(dòng)。在小球下落的過程中，速度越來(lái)越快，所以我們把值改為負(fù)值，注意在值為-100時(shí)，比較接近重力加速度。當(dāng)小球彈起時(shí)，速度越來(lái)越慢，因此值為正。引申：（旋轉(zhuǎn)的風(fēng)車）

從這一制作中我們不僅要學(xué)習(xí)運(yùn)動(dòng)漸變動(dòng)畫的另一種形式：旋轉(zhuǎn)動(dòng)畫（自轉(zhuǎn)），而且還要練習(xí)用箭頭工具對(duì)對(duì)象進(jìn)行修改，利用變形面板制作多個(gè)風(fēng)車葉的方法。思考：下面兩幅動(dòng)畫的差異在哪里？

第八周 運(yùn)動(dòng)引導(dǎo)層

教學(xué)目標(biāo)：

1、要求學(xué)生掌握各類曲線運(yùn)動(dòng)的制作技巧，掌握引導(dǎo)線、引導(dǎo)層的概念及作用。

2、能根據(jù)運(yùn)動(dòng)的需求，畫出運(yùn)動(dòng)軌跡線，即引導(dǎo)線。教學(xué)重點(diǎn)： 運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建，動(dòng)畫關(guān)鍵幀的設(shè)置。教學(xué)難點(diǎn)： 做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn)。教學(xué)過程：

一、引入：

①引導(dǎo)線、引導(dǎo)層的概念

1、引導(dǎo)線：引導(dǎo)線就是軌跡或輔助線的作用。它讓物體沿著引導(dǎo)線路徑運(yùn)行。（即物體運(yùn)動(dòng)的軌跡，一般使用鋼筆工具來(lái)制作）

2、引導(dǎo)層：引導(dǎo)線必須制作在引導(dǎo)層中，而需要使用引導(dǎo)線作為運(yùn)動(dòng)軌跡線的物體所在層必須在引導(dǎo)層的下方，一個(gè)引導(dǎo)層可以為多個(gè)圖層提供運(yùn)動(dòng)軌跡。同時(shí)在一個(gè)引導(dǎo)層中可以有多條運(yùn)動(dòng)軌跡。

二、滾球的制作 知識(shí)點(diǎn)：

1、背景層的創(chuàng)建： ①設(shè)定場(chǎng)景色

②用鋼筆工具勾勒一個(gè)上邊為曲線的多邊形。

2、運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建：該層中專門用來(lái)放置物體運(yùn)動(dòng)的軌跡，軌跡一般用線條描述，而在運(yùn)動(dòng)引導(dǎo)層中的線條在實(shí)際導(dǎo)出成SWF文件時(shí)是不可見。使用的方法：要使用軌跡的對(duì)象必須獨(dú)立地放在引導(dǎo)層的下方圖層中，運(yùn)動(dòng)的對(duì)象其關(guān)鍵幀必須完全吸附在軌跡上。③復(fù)制曲線。

如圖：第一、二關(guān)鍵幀的定點(diǎn)

3、制作技巧：

①引導(dǎo)層一旦建立完成后應(yīng)將其鎖定

②對(duì)運(yùn)動(dòng)對(duì)象定位時(shí)最好打開“帖緊至對(duì)象”工具，這樣當(dāng)吸附正確時(shí)中心點(diǎn)會(huì)放大。

三、思考自強(qiáng)不息和山地車實(shí)例的制作

四、我是一條魚

素材下載

1、水泡的制作（掌握刷子和填充變形工具的使用，并把水泡轉(zhuǎn)換為元件。）

水泡的顏色調(diào)板：白色透明度為0，2，100

2、浮起的水泡制作（影片元件:注意引導(dǎo)層繪制好后，可以及時(shí)鎖定。）

3、游動(dòng)的小魚

可以從左向右游動(dòng)，也可以從右向左游動(dòng)，小魚的運(yùn)動(dòng)軌跡為

4、在場(chǎng)景中創(chuàng)建： ①背景圖片放入場(chǎng)景。

②建立第二層，放入大小不一的水影片元件，注意水泡的放置位置

③建立第三層，放入多條小魚，使用小魚的影片元件時(shí)，可將其翻轉(zhuǎn)，從而改變其運(yùn)動(dòng)方向。

五、課后作業(yè)： 必做題：

1、滾球

2、我是一條小魚 選做題：

1、自強(qiáng)不息

2、山地車

第九周 按鈕的制作

教學(xué)目標(biāo)：

1、掌握按鈕制作的基本方法。

2、掌握按鈕中的動(dòng)畫設(shè)計(jì)方法。

3、掌握透明按鈕的制作

教學(xué)重點(diǎn)： 按鈕元件的創(chuàng)建，按鈕動(dòng)畫的設(shè)計(jì)。教學(xué)難點(diǎn)： 按鈕中的四種狀態(tài)。教學(xué)過程：

一、按鈕元件（可詳見課本P111）

按鈕用于響應(yīng)鼠標(biāo)，即隨鼠標(biāo)顯示不同的狀態(tài)，執(zhí)行指定的行為。

1、插入按鈕元件，執(zhí)行“插入”－“新建元件”命令（或者按鍵），在創(chuàng)建新元件對(duì)話框中設(shè)置元件類型為按鈕，即可見如下界面

2、編輯按鈕元件：按鈕元件有彈起、指針經(jīng)過、按下和點(diǎn)擊四種狀態(tài)，如圖所示：

V 彈起：表示鼠標(biāo)沒有在按鈕上時(shí)的按鈕的狀態(tài)。V 指針經(jīng)過：表示鼠標(biāo)經(jīng)過按鈕時(shí)按鈕的狀態(tài)。V 按下：表示按下鼠標(biāo)時(shí)按鈕的狀態(tài)。V 點(diǎn)擊：設(shè)置按鈕響應(yīng)鼠標(biāo)的區(qū)域。

如果要制作透明按鈕，僅在“點(diǎn)擊”畫出點(diǎn)范圍即可。

二、上機(jī)操作：制作以下實(shí)例

1、基本按鈕 分析：

1、彈起：二個(gè)圖片元件分別放置在文字和邊框圖層中

2、經(jīng)過：與彈起時(shí)的一個(gè)圖片元件相同，在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個(gè)影片剪輯元件。

3、按下：用“謝謝”圖片元件替換“按我”圖片元件

4、點(diǎn)擊：延續(xù)邊框圖層的第一幀，代表鼠標(biāo)進(jìn)入邊框區(qū)域后，按鈕才會(huì)有響應(yīng)。彈起幀

指針經(jīng)過幀 按下幀

點(diǎn)擊幀

2、練習(xí)：制作一個(gè)帶有以下動(dòng)畫效果的按鈕（自選一個(gè)完成）提示：將按鈕下面的文字放在新的圖層上。

三、按鈕的點(diǎn)擊作用

1、一般按鈕點(diǎn)擊后均會(huì)產(chǎn)生一個(gè)動(dòng)作，如：停止、播放、重放、跳轉(zhuǎn)、超鏈接，如：（源文件下載）

2、按鈕的幾個(gè)常用動(dòng)作： on動(dòng)作命令

下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。

(1)press 在鼠標(biāo)指針經(jīng)過按鈕時(shí)按下鼠標(biāo)按鈕。單擊press，然后選擇動(dòng)作語(yǔ)句，雙擊【全局函數(shù)】|【時(shí)間軸控制】中的play 命令。

完整的action是：

on(press){ //設(shè)定鼠標(biāo)事件為按下，然后執(zhí)行大括號(hào)里面的語(yǔ)句。play();//按鈕響應(yīng)后執(zhí)行play（播放）動(dòng)作 } press動(dòng)作 當(dāng)然，在大括號(hào)里面還可以用其他的語(yǔ)句，比如說(shuō)，gotoAndPlay(yourframe);//點(diǎn)擊按鈕后，就會(huì)從你設(shè)置的幀播放。

(2)release 在鼠標(biāo)指針經(jīng)過按鈕時(shí)釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個(gè)事件相同加入play命令。完成的語(yǔ)句如下：

on(release){ //當(dāng)鼠標(biāo)按下釋放的時(shí)候，執(zhí)行下面的語(yǔ)句動(dòng)作。play();//按鈕響應(yīng)后執(zhí)行play（播放）動(dòng)作。} release動(dòng)作 可以看到，當(dāng)鼠標(biāo)左鍵按下按鈕的時(shí)候，并沒有激發(fā)播放動(dòng)作，而是當(dāng)鼠標(biāo)左鍵放開的時(shí)候，執(zhí)行了播放動(dòng)作。這也是與“press”事件不同的地方。

(3)releaseOutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后，將鼠標(biāo)指針移到按鈕之外，此時(shí)釋放鼠標(biāo)按鈕。添加語(yǔ)句的方法同上。完整的語(yǔ)句如下： on(releaseOutside){ //當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語(yǔ)句。play();//按鈕響應(yīng)后執(zhí)行播放動(dòng)作。} releaseOutside動(dòng)作

通過這個(gè)例子我們知道，當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開后，觸發(fā)了按鈕的動(dòng)作。這是一個(gè)具有非常想象力的事件，大家可以利用on的這個(gè)事件來(lái)制作游戲。

(4)rollOver 鼠標(biāo)指針滑過按鈕。制作方法同上，完整的as語(yǔ)句為： on(rollover){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。play();//按鈕執(zhí)行播放動(dòng)作。} rollOver動(dòng)作 當(dāng)鼠標(biāo)指針從按鈕上滑過的時(shí)候，動(dòng)畫就開始執(zhí)行播放動(dòng)作了，而不需要點(diǎn)擊它。我們可以利用on的這個(gè)特點(diǎn)來(lái)制作一些圖示板，非常簡(jiǎn)單有效

(5)rollOut 鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上，完整的as語(yǔ)句為： on(rollOut){ //當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開時(shí)執(zhí)行下面動(dòng)作。Play(): //按鈕響應(yīng)播放動(dòng)作。} rollOut動(dòng)作

滑離與滑過并不是相同的，滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開以后開始響應(yīng)，而滑過是指只要鼠標(biāo)滑到按鈕上，就開始執(zhí)行動(dòng)作。

(6)dragOut 在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕區(qū)域。完整的as是：

on(Drag Out){ //當(dāng)鼠標(biāo)拖過的時(shí)候執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作。} dragOut動(dòng)作

拖離與拖過有所不同，只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)相應(yīng)。他與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。

（7）dragOver 在鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕，再滑回此按鈕。完整的as是：

on(dragover){ //當(dāng)鼠標(biāo)指針滑過按鈕時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕，再滑回此按鈕時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 } dragOver動(dòng)作

拖過的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放，移出按扭區(qū)，再移回按鈕上釋放的事件。注意：此例中是一個(gè)文字按鈕，在做文字按鈕的時(shí)候，應(yīng)在文字的下方用一透明方塊，以增加按鈕的反應(yīng)區(qū)域，或者在按鈕的第4幀繪制一個(gè)矩形來(lái)增加反映區(qū)。

(8)keyPress(“key”)按下指定的鍵。對(duì)于此參數(shù)的 key 部分，需指定鍵控代碼或鍵常量。

我們?cè)冢ā発ey”）中鍵入“k”。完整地as語(yǔ)句為：

on(keyPress “z”){ //當(dāng)按下鍵盤中的“z”健時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 }

注 意 ——在給動(dòng)畫作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層，這樣便于修改。

提 示 ——on為按鈕上的動(dòng)作，所以我們必須首先要選中按鈕，以后才可以添加on語(yǔ)句。有的朋友在論壇里面提問，“為什么我的on為灰色不可選狀態(tài)？”原因就是你沒有選中按鈕。

技 巧 ——在一般flash作品中，大家不會(huì)有意區(qū)分這些on的功能的，一般采用默認(rèn)的語(yǔ)句。如果沒有特殊說(shuō)明，你使用了拖離，滑離等事件來(lái)制作“replay”按鈕，會(huì)讓人們摸不著頭腦的。

試一試 ——我們了解了on得這么多的功能，利用這些功能可以輕易的制作出flash課件，flash游戲里面的效果，大家不妨試一試。

分 析——on語(yǔ)句的功能與按鈕息息相關(guān)，有按鈕的地方一定會(huì)有on語(yǔ)句的使用。而有flash作品的地方，就會(huì)有按鈕的出現(xiàn)，所以說(shuō)on的重要作用不可忽視。今天向大家詳細(xì)地介紹了on的各種功能，我們就可以結(jié)合按鈕自身的特點(diǎn)，發(fā)揮他們的功能。

四、作業(yè) 必做題：

1、“按我”

2、move on 或 next and back

3、完成書中P104頁(yè)的動(dòng)態(tài)按鈕制作： 素材

第十周 復(fù)習(xí)

教學(xué)目標(biāo)：

1、鞏固掌握引導(dǎo)線的基本技巧。

2、鞏固掌握按鈕制作的基本方法。

3、通過測(cè)試了解學(xué)生的掌握情況。教學(xué)重點(diǎn)： 掌握引導(dǎo)線、按鈕的創(chuàng)建。教學(xué)難點(diǎn)： 通過考試，鞏固薄弱知識(shí)點(diǎn)。教學(xué)過程：

一、復(fù)習(xí)

1、“調(diào)整到路徑”功能： 將補(bǔ)間元素的基線調(diào)整到運(yùn)動(dòng)路徑, 比較下面兩個(gè)動(dòng)畫

2、做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn)：

①路徑是否在引導(dǎo)層中，引導(dǎo)層的創(chuàng)建是否正確。②路徑是否閉合。

③運(yùn)動(dòng)物體中心點(diǎn)是否在路徑上，大家在拖動(dòng)的時(shí)候可以使用吸附工具，這樣比較容易觀察。

④引導(dǎo)線千萬(wàn)不能是元件，如果繪制出來(lái)是對(duì)象的話，要及時(shí)打散。⑤要讓引導(dǎo)層在導(dǎo)出文件中可見，就必須再添加一個(gè)背景層。

3、觀看下面的動(dòng)畫實(shí)例,分析在動(dòng)畫中有哪些效果？ 分析：按鈕的四個(gè)幀上分別放置的是什么？

三、本周作業(yè)：預(yù)習(xí)遮罩動(dòng)畫 第十一周 遮照的基本概念 教學(xué)目標(biāo)：

1、掌握遮照的原理

2、掌握遮照的操作方法

3、學(xué)會(huì)遮照的基本應(yīng)用，增強(qiáng)分析動(dòng)畫的能力 教學(xué)重點(diǎn)： 掌握遮照的操作方法

教學(xué)難點(diǎn)： 遮照的基本應(yīng)用，學(xué)會(huì)從現(xiàn)成的作品中獲取設(shè)計(jì)方法 教學(xué)過程：

一、知識(shí)回顧： 補(bǔ)間：形狀 補(bǔ)間：動(dòng)作

補(bǔ)間：動(dòng)作，光束為元件

補(bǔ)間：動(dòng)作，以物體中心為軸向兩邊擴(kuò)張的一般為元件

二、引入新課：

1、請(qǐng)注意觀察以下這個(gè)動(dòng)畫，在它的文字中有何特色，它的動(dòng)畫特點(diǎn)是什么？（1）文字用圖案填色，且是自上而下運(yùn)動(dòng)著的圖案填色。（2）文字完整顯示，而圖案顯示不完整。

（3）文字在最上層，圖案在下層，且下層是一個(gè)動(dòng)畫層。

三、新課內(nèi)容(上課素材下載)：

（一）遮罩的原理

1、遮罩是需要通過兩層實(shí)現(xiàn)的，上一層叫遮罩層，下一層叫被遮罩層。

2、遮罩結(jié)果顯示的是二層的疊加部分。

3、遮罩顯示結(jié)果的色彩由被遮罩層的色彩決定，即可通過辨別色彩的來(lái)源來(lái)確定哪一層為被遮罩層。

4、在遮罩層和被遮罩層中均可設(shè)定動(dòng)畫。

（二）遮罩的應(yīng)用

1、電影字幕效果

分析關(guān)鍵點(diǎn)：什么顏色為遮罩效果的主色,什么層在自下而上移動(dòng)？ 此例的結(jié)論：說(shuō)明遮罩層與被遮罩層均可根據(jù)需要設(shè)定動(dòng)畫。分析的特點(diǎn)：用顯示色彩的特性確定了被遮罩層。

2、光束的照射效果

比較一下兩幅動(dòng)畫的差異

本題總結(jié)：在遮罩層和被遮罩層之后，可適當(dāng)添加輔助層，以襯托遮罩效果。

3、MTV字幕效果 分析關(guān)鍵點(diǎn)：上面兩幅動(dòng)畫分別需要幾層？藍(lán)色的FLASH文字層是否產(chǎn)生遮罩效果？

四、作業(yè)布置：

1、必做題： 字幕、光照、MTV字幕

1、MTV字幕2（如下）

2、選做題：

第十二周 聲音與遮罩技巧

教學(xué)目標(biāo)：

1、能導(dǎo)入各類聲音，并能處理一些聲音的疊加。

2、遮照技巧的靈活應(yīng)用。

3、學(xué)會(huì)遮照的基本應(yīng)用，增強(qiáng)分析動(dòng)畫的能力 教學(xué)重點(diǎn)： 遮照技巧的靈活應(yīng)用

教學(xué)難點(diǎn)： 遮照的基本應(yīng)用，學(xué)會(huì)從現(xiàn)成的作品中獲取設(shè)計(jì)方法 教學(xué)過程：

一、FLASH中聲音的加載 ①導(dǎo)入聲音文件：

文件－－導(dǎo)入到庫(kù)－－選擇聲音源

我們只需新增一圖層（聲音層）－－將庫(kù)中的聲音拖入，或者在屬性面板中選擇聲音就可以使用聲音文件了，事情就這么簡(jiǎn)單。②聲音文件的使用技巧 為動(dòng)畫添加背景音樂

(1)新建或打開需要添加聲音的文件，在原來(lái)的動(dòng)畫上再增加一個(gè)“聲音層”的新層。需要在文件中多處有聲音時(shí)，我們通常會(huì)把幾個(gè)聲音文件放置在不同的層中，這樣不但便于控制，而且還能達(dá)到混響效果。

(2)導(dǎo)入所需要的聲音文件，然后從庫(kù)中將所需聲音文件拖拉到“聲音層”上即可。

為按鈕添加提示聲音

在原來(lái)的層上插入一新層，假設(shè)在按下幀上按F7添加空白關(guān)鍵幀，然后將聲音文件拖放到該幀即可，并將同步設(shè)置為“事件”。則測(cè)試時(shí)，當(dāng)鼠標(biāo)單擊按鈕時(shí)會(huì)發(fā)出聲音。

二、聲音的處理

當(dāng)聲音被加載到FLASH中后，可進(jìn)行如下處理：

1、取部分聲音播放。

2、控制聲音的淡入、淡出等。

3、處理方法：在屬性面板上，單擊聲音編輯即可

4、“事件”選項(xiàng)會(huì)將聲音和一個(gè)事件的發(fā)生過程全部同步起來(lái)。如果觸發(fā)了播放聲音的事件，它會(huì)自動(dòng)播放直至結(jié)束，在這個(gè)過程中聲音的停止不受動(dòng)畫本身的制約。例如我們?cè)贔lash中制作了一個(gè)聲音播放按鈕，如果事件聲音正在播放，而再次點(diǎn)擊，第一個(gè)實(shí)例繼續(xù)播放，另一個(gè)聲音實(shí)例同時(shí)開始播放。

“開始”選項(xiàng)和“事件”選項(xiàng)一樣，只是如果聲音正在播放，就不會(huì)播放新的聲音實(shí)例。

“停止”選項(xiàng)可以使指定的聲音靜音。

“數(shù)據(jù)流”用于在互聯(lián)網(wǎng)上同步播放聲音。Flash會(huì)協(xié)調(diào)動(dòng)畫與聲音流，使動(dòng)畫與聲音同步。如果Flash顯示動(dòng)畫幀的速度不夠快，F(xiàn)lash會(huì)自動(dòng)跳過一些幀。與事件聲音不同的是，如果聲音過長(zhǎng)而動(dòng)畫過短，聲音流將隨著動(dòng)畫的結(jié)束而停止播放。在播放影片時(shí)，聲音流是混合在一起播放的。

5、不同聲音的疊加：將聲音加載在不同圖層上。

三、實(shí)例：

1、按鈕上加載聲音

源文件下載 聲音下載(右擊下載)體會(huì)在按鈕上加聲音與在圖層上加聲音的區(qū)別。

四、遮照技巧

1、百葉窗(素材下載)：

（一）遮罩的原理 操作步驟： [1]、建立一個(gè)按水平線縮放的長(zhǎng)方條作為影片元件。

[2]、將第一步中創(chuàng)建的影片元件多個(gè)疊加，組合成一扇百葉窗，并將其作為第二個(gè)影片元件。

[3]、在場(chǎng)中創(chuàng)建三層，其中最上層放步驟二中影片元件，中間層與底層各放一張圖片。

[4]、將遮照效果應(yīng)用在最上層。思考：步驟2中能否不建影片元件？

2、閃閃紅星的制作 制作步驟：

[1]、制作一個(gè)扇片，并生成元件。

[2]、由步驟1的元件旋轉(zhuǎn)復(fù)制360度后而繞成一圈，并將此圖案生成元件。（注意調(diào)整元件中心點(diǎn)位置）

[3]、將步驟2生成的元件加以應(yīng)用于，實(shí)施翻轉(zhuǎn)。

[4]、將以上二個(gè)實(shí)例各自放入不同層，并在二層間實(shí)施遮照。

五、作業(yè)

1、完成以上二個(gè)實(shí)例：百葉窗、閃閃紅星

2、校名：

3、書本作業(yè)：橫向百葉窗

第十三周 遮照技巧應(yīng)用(三)教學(xué)目標(biāo)： 通過練習(xí)，使學(xué)生進(jìn)一步掌握遮照與變形的綜合應(yīng)用。教學(xué)重點(diǎn)： 遮照技巧應(yīng)用。教學(xué)難點(diǎn)： 復(fù)雜遮照的創(chuàng)建。教學(xué)過程：

一、鞏固復(fù)習(xí)：制作并講解上一節(jié)課的作業(yè)縱向百葉窗（詳見課本Ｐ９９,圖片下載）。知識(shí)點(diǎn)：

①分散到圖層。②直線動(dòng)畫的制作。③關(guān)鍵幀的復(fù)制。④遮照的使用。

二、制作跑車廣告

素材下載

1、準(zhǔn)備工作，試著制作下列圖案

2、查看跑車廣告

3、分析跑車廣告的元件及圖層

①數(shù)字計(jì)時(shí)：幀幀動(dòng)畫(序號(hào)之間的漸變效果)②遮照效果：遮照層：動(dòng)畫層（形狀補(bǔ)間的變形動(dòng)畫、）被遮照層：清晰跑車 背景層：模糊跑車

③落下帷幕：縮放動(dòng)畫、變形動(dòng)畫。

4、時(shí)間軸參考（沒有設(shè)計(jì)計(jì)時(shí)時(shí)的效果圖）

三、課后作業(yè) 必做：

1、跑車廣告

２、按下圖的提示制作“波浪文字” 提示： 效果動(dòng)畫：

選做：

3、制作以下“圖片切換效果”

第十四周 遮照復(fù)習(xí)

教學(xué)目標(biāo)：

1、掌握多層遮照的基本技巧。

2、注意對(duì)遮照層和被遮照層的設(shè)定。

3、通過測(cè)試了解學(xué)生的掌握情況。教學(xué)重點(diǎn)： 多層遮照技巧的原理。教學(xué)難點(diǎn)： 多層遮照技巧的應(yīng)用。教學(xué)過程：

一、復(fù)習(xí)：

1、旋轉(zhuǎn)的地球

地圖下載 提示：

1、注意觀察二幅地圖的顏色。[2]、思考用幾層遮照。

[3]、地圖的顏色是否發(fā)生變化。[4]、是否有背景層。[2]、波浪文字 源代碼下載

要求：自行分析以上兩個(gè)動(dòng)畫的遮照技巧，在源代碼的基礎(chǔ)上，修改完成第二種波浪效果。

第十五周 基本ActionScript 教學(xué)目標(biāo)：

1、要求學(xué)生了解什么是ActionScript。

2、掌握如何編輯ActionScript。

3、三種添加腳本的對(duì)象。

教學(xué)重點(diǎn)： ActionScript的基本概念。教學(xué)難點(diǎn)： 編輯ActionScript。

教學(xué)過程：

一、什么是 ActionScript（以下簡(jiǎn)稱AS）AS 是FLASH的動(dòng)作腳本語(yǔ)言?？梢?AS 使用控制FLASH影片中的對(duì)象，創(chuàng)建導(dǎo)航和交互元素，也可以擴(kuò)展FLASH，制作高級(jí)交互影片和FLASH交互網(wǎng)站。

二、利用AS 能做些什么？

使用 AS，用戶不僅可以動(dòng)態(tài)地控制動(dòng)畫的進(jìn)行，而且能夠進(jìn)行各種運(yùn)算，甚至由各種方式獲取用戶的動(dòng)作并且即時(shí)作出回應(yīng)。目前它在交互式網(wǎng)站、課件的制作及一些游戲、MTV和電子賀卡制作中的應(yīng)用及為廣泛。

三、編輯 AS

1、動(dòng)作面版的介紹

①動(dòng)作工具箱

②腳本導(dǎo)航器

③腳本助手

2、腳本窗口

3、行為面版（窗口－－行為）

用戶可以使用行為來(lái)裝載和卸裁實(shí)例，播放，停播、復(fù)制或拖動(dòng)實(shí)例。

4、添加腳本的對(duì)象

①在幀中添加: 寫在關(guān)鍵幀上面的AS，當(dāng)時(shí)間軸上的指針走到這個(gè)關(guān)鍵幀的時(shí)候，就寫在這個(gè)幀上面的AS就被觸發(fā)執(zhí)行了。常見的例子有在影片結(jié)尾的幀寫上 stop()等。操作方法就是點(diǎn)選關(guān)鍵幀，然后打開AS面板。

②在按鈕中添加: 不同于幀上面的AS，按鈕上面的AS是要有觸發(fā)條件的。要把AS寫在按鈕上，操作方法是點(diǎn)選目標(biāo)按鈕，然后打開AS面板。舉個(gè)例子能說(shuō)的更明白: ●●假設(shè)有一個(gè)動(dòng)畫，要讓它在播放完同時(shí)停止，那么，你要做的就是在這個(gè)動(dòng)畫的最后一幀寫stop();●●再假設(shè)有個(gè)按鈕，效果是按下按鈕后停止播放，那么步驟如下: 做一個(gè)按鈕，放到主場(chǎng)景，點(diǎn)選按鈕，然后打開AS面板?，F(xiàn)在如果也在按鈕上寫 stop();那么，輸出的時(shí)候就會(huì)提示錯(cuò)誤。正確的應(yīng)該這樣寫： 整個(gè)代碼翻譯過來(lái)就是: on(release){ stop();} 當(dāng)(松開){ 停止 }

這里要比幀的動(dòng)畫多這些代碼: on(release){} ，③在影片剪輯中添加

四、AS 基本語(yǔ)法

1、點(diǎn)語(yǔ)法：點(diǎn)（.）被用于指出與一個(gè)對(duì)象或影片剪輯相關(guān)聯(lián)的特性或方法，也是用于標(biāo)識(shí)指向一個(gè)影片剪輯或變量的目標(biāo)路徑。

2、括號(hào)：用于定義函數(shù)中的相關(guān)參數(shù)

3、大括號(hào)：凡是用大括號(hào)結(jié)合在一起的是一個(gè)語(yǔ)句塊。

4、分號(hào)：每一條語(yǔ)句都必須是以分號(hào)作為結(jié)束的。

其它具體的使用規(guī)則我們?cè)诰唧w的實(shí)例再進(jìn)行講解，有興趣的同學(xué)也可以參看

ActionScript 教程

五、第一實(shí)例（下拉菜單的制作）

1、實(shí)例源文件下載

使用goto配合幀標(biāo)簽制作下拉菜單 步驟 小技巧

①打開源文件并分析

②在三個(gè)菜單下拉的最后關(guān)鍵幀上添加Stop();語(yǔ)句，③選擇第一個(gè)按鈕（company），按下F9打開動(dòng)作面板，添加以下語(yǔ)句：

on(rollover){gotoAndPlay(“2”);}

④其它二個(gè)按鈕也以此類推添加語(yǔ)句。

當(dāng)時(shí)間軸上有大量幀時(shí)，可以通過給幀命名，從而方便地調(diào)用幀。如本例中，可以在第②、③步之間插入一步：

為三個(gè)菜單下拉的圖層中第一關(guān)鍵幀定義名稱，分別為t1、t2、t3

這時(shí)，按鈕（company）上的語(yǔ)句就得變成：

on(rollover){gotoAndPlay(“t1”);} 觀察制作的結(jié)果：

六、第二個(gè)實(shí)例：Food house

1、下載源文件 分析一下其中的動(dòng)畫效果

2、制作以下效果:

七、補(bǔ)充：利用getURL跳轉(zhuǎn)到其他網(wǎng)頁(yè)

1、查看一下精美的韓版菜單條（你能仿制嗎？）

看一下源代碼

2、為這個(gè)菜單添加getURL語(yǔ)句：參考

on(release){getURL(“http://004km.cn”);} 思考：加在什么位置

八、本周作業(yè)：

1、下拉菜單

2、Food house（時(shí)間軸提示）

第十六周 AS實(shí)例制作訓(xùn)練

教學(xué)目標(biāo)：

1、掌握復(fù)制影片剪輯命令duplicate的使用。

2、掌握隨機(jī)函數(shù)random的使用,_visible隱藏屬性的應(yīng)用。

3、掌握影片剪輯x,y軸比例屬性_xscale,_yscale以及透明屬性_alpha的應(yīng)用。教學(xué)重點(diǎn)： 復(fù)制影片剪輯命令duplicate和隨機(jī)函數(shù)random的使用。教學(xué)難點(diǎn)： 編輯ActionScript。教學(xué)過程：

一、知識(shí)鋪墊

在Flash中制作多個(gè)對(duì)象不規(guī)則地出現(xiàn),通常會(huì)用到兩個(gè)Action語(yǔ)句,即復(fù)制影片剪輯命令duplicateMovieClip和隨機(jī)函數(shù)random()。前者用于復(fù)制出相同的影片剪輯,后者則用于創(chuàng)建隨機(jī)數(shù),并將這些隨機(jī)數(shù)應(yīng)用到相應(yīng)的屬性中,使復(fù)制出的影片剪輯具有不同的狀態(tài)。

1、duplicateMovieClip語(yǔ)句可以復(fù)制一個(gè)Movie Clip（影片剪輯），同時(shí)可以為復(fù)制得到的Movie Clip 重新命名。該命令是一條單獨(dú)的語(yǔ)句，語(yǔ)法結(jié)構(gòu)如下：

duplicateMovieClip(目標(biāo)，新名稱，深度)由于每一個(gè)復(fù)制出來(lái)的影片剪輯都具有與目標(biāo)影片剪輯一樣的屬性并且每一個(gè)復(fù)制出來(lái)的影片剪輯其初始位置與目標(biāo)影片剪輯是疊加在一起的，因此為了區(qū)分每一個(gè)新復(fù)制的影片剪輯，防止后面復(fù)制的影片剪輯替換掉前面的影片剪輯，要設(shè)置每一個(gè)影片剪輯的深度參數(shù)，來(lái)規(guī)定新影片在舞臺(tái)上的疊加次序。

2、random（）函數(shù)是一個(gè)隨機(jī)函數(shù)，這個(gè)函數(shù)實(shí)現(xiàn)的是在設(shè)定的最大數(shù)值和0之間隨機(jī)地返回一個(gè)數(shù)值。

3、_root語(yǔ)句的使用：處于全局屬性的標(biāo)識(shí)符中。

“_root”是Flash中比較特殊的用法，表示后主場(chǎng)景中的絕對(duì)路徑，使“.”來(lái)連接后面的語(yǔ)句，如_root.snow代表主場(chǎng)景中的snow實(shí)例。

另外，本課還使用到了_visible、_x、_y（軸坐標(biāo)值屬性）、_xscale、_yscale、_rotation、_alpha屬性，請(qǐng)?jiān)斠娬n本P141頁(yè)。

二、“下雨”實(shí)例制作

1、制作一個(gè)影片元件：一滴雨水滴落的過程。

雨滴落下

水圈擴(kuò)大

2、“下雨”的代碼

返回到場(chǎng)景，將完成的影片元件拖入到場(chǎng)景中，并且將該實(shí)例取名為“drop”。新添加一個(gè)圖層，取名為“as”,在第一關(guān)鍵幀上的代碼： 第三關(guān)鍵幀上的代碼：

三、“飄雪”實(shí)例制作（素材下載）

1、制作一個(gè)圖處元件：雪片

2、制作一個(gè)影片元件：一片雪花飄落的過程（引導(dǎo)層）

3、“下雪”的代碼： 第一關(guān)鍵幀上的代碼：

思考：此段代碼有沒有需要修改的地方？ 第二關(guān)鍵幀上的代碼： 第三關(guān)鍵幀上的代碼：

四、根據(jù)所給素材制作引導(dǎo)頁(yè)(練習(xí)按鈕的制作)制作完畢后，想想可以如何創(chuàng)作一下，把它改編成一個(gè)網(wǎng)站的引導(dǎo)頁(yè)。

五、本周作業(yè)：

1、第一題：下雨

2、第二題：飄雪

3、引導(dǎo)頁(yè)（按鈕）

第十七周 達(dá)標(biāo)復(fù)習(xí)一

教學(xué)目標(biāo)：

1、鞏固各類知識(shí)點(diǎn)：時(shí)間線、按鈕、遮照、變形。

2、達(dá)標(biāo)復(fù)習(xí)。教學(xué)過程：

一、蜜蜂采蜜：

關(guān)鍵點(diǎn)：

1、背景，蜜蜂的繪制。

2、引導(dǎo)線動(dòng)畫制作。

二、殘影文字

關(guān)鍵點(diǎn)：

1、文字處理。漸變填充、多層文字旋轉(zhuǎn)的位差。

2、幀的復(fù)制，粘貼。

3、透明度，旋轉(zhuǎn)的設(shè)置。

三、地球與網(wǎng)絡(luò)

關(guān)鍵點(diǎn)：

1、圖片的分割。

2、分散到圖層。

四、進(jìn)度條

關(guān)鍵點(diǎn)：

1、圖片的處理。

2、逐幀動(dòng)畫。

3、形狀補(bǔ)間動(dòng)畫。

五、小球滾山坡

關(guān)鍵點(diǎn)：

1、場(chǎng)景的繪制。

2、引導(dǎo)線的繪制。

3、動(dòng)作補(bǔ)間動(dòng)畫。

第十八周 引導(dǎo)層的應(yīng)用 教學(xué)目標(biāo)：

1、進(jìn)一步理解和掌握引導(dǎo)線的繪制和引導(dǎo)層的設(shè)置；

2、掌握引導(dǎo)層在動(dòng)畫制作中的應(yīng)用。

教學(xué)重點(diǎn)： 引導(dǎo)線的繪制，及分析Flash中引導(dǎo)線。

教學(xué)難點(diǎn)： 對(duì)知識(shí)的梳理和理清引導(dǎo)層路徑動(dòng)畫制作的思路，提高分析問題的能力。教學(xué)過程：

一、課前熱身：

觀察下面的兩個(gè)flash動(dòng)畫，思考分別在做什么運(yùn)動(dòng)，是通過Flash中的什么動(dòng)畫實(shí)現(xiàn)的呢？并完成兩幅作品。唉?我不會(huì)拐彎！

瞧我,跳得多自由!回顧：路徑動(dòng)畫知識(shí)點(diǎn) 跳動(dòng)小球制作視頻

二、新課：實(shí)例應(yīng)用（素材下載）

觀看實(shí)例，同時(shí)也分析該例中用到了哪些動(dòng)畫效果?哪一處運(yùn)動(dòng)應(yīng)用了引導(dǎo)層？（實(shí)例瀏覽）

我們可以將整個(gè)動(dòng)畫進(jìn)行分解:（1）先創(chuàng)建單個(gè)小球跳動(dòng)動(dòng)畫，設(shè)計(jì)效果如下：（界面設(shè)計(jì)圖，制作視頻）思考：

1、如何形成小球有遠(yuǎn)及近的視覺效果？

要點(diǎn)提示

2、如何控制小球運(yùn)動(dòng)的節(jié)奏，使之符合萬(wàn)有引力定律？

要點(diǎn)提示

（2）有了第一步，接下來(lái)我們就要對(duì)引導(dǎo)層和引導(dǎo)對(duì)象進(jìn)行拓展應(yīng)用。比如，要求完成下面這種效果。（界面設(shè)計(jì)圖，制作視頻）

點(diǎn)評(píng)：

1、一個(gè)引導(dǎo)層可以為多個(gè)圖層提供運(yùn)動(dòng)軌跡，同時(shí)在一個(gè)引導(dǎo)層中可以有多條運(yùn)動(dòng)軌跡。

2、引導(dǎo)線允許重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必需保持圓潤(rùn)，讓Flash能辨認(rèn)出線段走向，否則會(huì)使引導(dǎo)失敗。

三、知識(shí)擴(kuò)展

在網(wǎng)絡(luò)上可以搜索到很多相關(guān)的路徑動(dòng)畫影片，希望大家能通過分析，模仿制作出類似的動(dòng)畫效果，比如物理課件中經(jīng)常用到的平拋動(dòng)畫、MTV場(chǎng)景中的落葉效果以及非常炫酷的激光寫字效果等等：（路徑繪制圖）（路徑繪制圖）（路徑繪制圖）

四、總結(jié)點(diǎn)評(píng)：、掌握做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn)，做出引導(dǎo)動(dòng)畫效果。、能綜合所學(xué)的 Flash 相關(guān)知識(shí)，自己構(gòu)思并制作出較復(fù)雜的動(dòng)畫影片。

五、課后作業(yè)：

1、模仿完成實(shí)例下面環(huán)節(jié)的效果，可以發(fā)散思維，適當(dāng)添加其他的效果。補(bǔ)充知識(shí)：圖層文件夾的使用。

2、預(yù)習(xí)遮罩層的應(yīng)用。

第十九周 達(dá)標(biāo)復(fù)習(xí)二

教學(xué)目標(biāo)：

1、鞏固復(fù)習(xí)各類知識(shí)點(diǎn)。

2、復(fù)習(xí)并掌握達(dá)標(biāo)中級(jí)題。教學(xué)過程：

一、拖動(dòng)的探照燈：

關(guān)鍵點(diǎn)：按鈕的制作、影片元件、元件的設(shè)置、遮照技巧、鼠標(biāo)跟隨運(yùn)動(dòng)。

二、圖片展

關(guān)鍵點(diǎn)：淡入淡出動(dòng)畫、幀標(biāo)簽設(shè)置、鼠標(biāo)控制動(dòng)作

三、百葉窗

關(guān)鍵點(diǎn)：分清楚各層之間的關(guān)系，花的圖片在背景層，樹林的圖片在被遮照層，變形條的影片剪輯要放在遮罩層；影片剪輯是由若干個(gè)變形條的影片剪輯組成，正好布滿圖片，這樣才能保證完成遮照效果。

四、閃閃紅星

關(guān)鍵點(diǎn)：

1、圖形的繪制，利用多邊形工具繪制一個(gè)等腰三角形，畫完后把中心點(diǎn)拖到邊角上，進(jìn)行變形工具的復(fù)制應(yīng)用(旋轉(zhuǎn)10度～12度左右)；

2、場(chǎng)景中總共分為三層，最低層為被遮照層，圖形水平反轉(zhuǎn)，靜態(tài)狀，第二層為遮照層，圖形作旋轉(zhuǎn)動(dòng)畫，第三層放入五角形

3、五角形的繪制，放射性漸變填充，白色筆觸，然后連接各頂點(diǎn)。

五、按鈕：

關(guān)鍵點(diǎn)：分清楚按鈕的四種狀態(tài)，在彈起狀態(tài)放入靜態(tài)的圓；指針經(jīng)過狀態(tài)放入圓和旋轉(zhuǎn)棒的影片剪輯，注意疊放順序；在按下狀態(tài)放入靜態(tài)的大圓和小棒的組合圖形；最后把按鈕放入場(chǎng)景中

六、下雨

關(guān)鍵點(diǎn)：

1、雨滴影片剪輯的制作。場(chǎng)景中該實(shí)例的命名。

2、動(dòng)作腳本的添加。