Flash 動(dòng)畫設(shè)計(jì)教程.ppt

1、Flash 動(dòng)畫設(shè)計(jì)教程,課程的主要內(nèi)容,Flash 動(dòng)畫基礎(chǔ),繪制圖形,對(duì)象的編輯,幀-幀動(dòng)畫,導(dǎo)向移動(dòng)動(dòng)畫,形狀過渡動(dòng)畫,旋轉(zhuǎn)動(dòng)畫,遮罩動(dòng)畫,Flash 特點(diǎn)、圖像知識(shí)、Flash工作環(huán)境介紹。,繪圖工具的使用、各種形狀的繪制方法。,文字、形狀、圖像的修改與編輯。,動(dòng)畫的基礎(chǔ)知識(shí)，幀-幀動(dòng)畫實(shí)例。,旋轉(zhuǎn)動(dòng)畫的制作過程與實(shí)例。,導(dǎo)向移動(dòng)動(dòng)畫的制作過程與實(shí)例。,形狀過渡動(dòng)畫的制作過程與XYZ變換實(shí)例。,遮罩動(dòng)畫的制作過程與實(shí)例。,第1章 Flash 中文版基礎(chǔ)知識(shí),什么是 Flash？ Flash 是由美國(guó)Macromedia公司出品的矢量繪圖和動(dòng)畫制作軟件。 1998年，Macromedia

2、公司收購(gòu)了一家很小的計(jì)算機(jī)公司，同時(shí)將該公司開發(fā)的網(wǎng)絡(luò)發(fā)布插件FutureSplash更名為Flash 2，取得了意想不到的效果。以后繼續(xù)開發(fā)升級(jí)，很快就推出了Flash 3，使Flash被商業(yè)界接受。 1999年6月推出Flash 4，更加受到各方面的重視。 2000年9月發(fā)布了Flash 5，引起了市場(chǎng)的強(qiáng)烈反應(yīng)。 2002年3月推出了Flash MX。 2004年推出Flash 2004 MX。 2005年推出Flash 8.0，此時(shí)Flash已不能再被稱為矢量圖形軟件，因?yàn)樗奶幚砟芰σ蜒由斓搅艘曨l、矢量、位圖和聲音。 Flash如此受到人們歡迎的主要原因是，它可以在使用很小字節(jié)量的情

3、況下，實(shí)現(xiàn)高質(zhì)量的矢量圖形和交互式動(dòng)畫的制作。目前，F(xiàn)lash文件的格式已成為網(wǎng)絡(luò)動(dòng)畫的標(biāo)準(zhǔn)格式，是發(fā)布網(wǎng)絡(luò)多媒體的首選網(wǎng)頁(yè)設(shè)計(jì)工具。 Flash不僅可用于網(wǎng)頁(yè)制作，還可以應(yīng)用于交互式多媒體軟件的開發(fā)、多媒體教學(xué)和游戲等。,1.1 Flash 的主要特點(diǎn),簡(jiǎn)單易學(xué)： 操作界面友好，使用方便。 采用浮動(dòng)面板，面板安排更合理。 繪圖工具簡(jiǎn)單易學(xué)，可以更簡(jiǎn)便地繪制各種矢量圖形。 與Macromedia公司的其他產(chǎn)品配合密切。尤其是和Dreamweaver和Fireworks等組合成一體，成為“夢(mèng)幻組合”，使制作網(wǎng)頁(yè)更方便。 功能強(qiáng)大： 具有較強(qiáng)的矢量繪圖和動(dòng)畫制作功能。繪制的圖像質(zhì)量高，制作的動(dòng)畫和

4、網(wǎng)頁(yè)數(shù)據(jù)量小。 較強(qiáng)的多媒體技術(shù)。具有很強(qiáng)的導(dǎo)入和發(fā)布功能，可以導(dǎo)入位圖、MP3、 AVI、 QuickTime等格式文件。 可以充分調(diào)用Flash文件內(nèi)部庫(kù)中的文件，重復(fù)利用資源。 Flash MX具有自己的腳本語(yǔ)言。它所有的編程方式和編程思想都符合面向?qū)ο蟮恼Z(yǔ)言形式。,數(shù)字圖像知識(shí),數(shù)字圖像的種類有兩種：點(diǎn)陣圖、矢量圖。 1、點(diǎn)陣圖 點(diǎn)陣圖也叫位圖，它由許多顏色不同、深淺不同的小圓點(diǎn)(像素)組成。像素是組成圖像的最小單位，許許多多的像素構(gòu)成一幅完整的圖像。在一幅圖像中，像素越小，數(shù)目越多，則圖像越清晰。 點(diǎn)陣圖可以表現(xiàn)得更自然和更逼真，更接近于實(shí)際觀察到的真實(shí)場(chǎng)景。 點(diǎn)陣圖的缺點(diǎn)：圖像文件

5、一般較大，在將它放大、縮小和旋轉(zhuǎn)時(shí)，會(huì)產(chǎn)生失真。,矢量圖,矢量圖由一些基本圖元組成，這些圖元是一些幾何圖形，如：點(diǎn)、線、矩形、多邊形、圓和弧線等。這些幾何圖形均可由數(shù)學(xué)公式計(jì)算后獲得。矢量圖的圖形文件是繪制圖形中各圖元的命令。顯示矢量圖形時(shí)，需要相應(yīng)的軟件讀取這些命令，并將命令轉(zhuǎn)換成組成圖形的各個(gè)圖元。 由于矢量圖是采用數(shù)學(xué)描述方式的圖形，所以通常由它生成的圖形文件相對(duì)比較小，圖形顏色的多少與文件的大小基本無(wú)關(guān)。另外，在將它放大、縮小和旋轉(zhuǎn)時(shí)，不會(huì)象點(diǎn)陣圖那樣產(chǎn)生失真。,1.2 Flash的工作環(huán)境,工具箱,標(biāo)題欄,主要工具欄,調(diào)色版面板,菜單欄,時(shí)間軸,舞臺(tái)工作區(qū),“屬性”面板,顏色樣本面板

6、,一、菜單欄與主要工具欄,菜單欄 菜單欄在標(biāo)題欄的下邊，菜單欄有十個(gè)主菜單。Flash 8.0 菜單的形式與其他Windows軟件的菜單形式相同，都遵循基本相同的規(guī)定。 主要工具欄 主要工具欄也叫常用工具欄，它有16個(gè)按鈕，其中一些按鈕都是標(biāo)準(zhǔn)化的，如新建、打開、保存、剪切、復(fù)制、粘貼等。另外一些按鈕則是用于繪圖編輯，如平滑、直線、對(duì)齊對(duì)象等按鈕。,二、Flash 工具箱,工具箱提供用于圖形繪制和圖形編輯等的各種工具。工具箱內(nèi)從上到下分為四個(gè)欄： 工具欄，查看欄， 顏色欄，選項(xiàng)欄。,三、面板,在Flash中提供了許多面板（也叫浮動(dòng)面板），利用這些面板，可以完成繪制圖形、加工文字、制作動(dòng)畫等許多

7、操作。通過 “窗口”菜單，可以打開不同的面板窗口。,混色器面板,顏色樣本面板,屬性面板,四、舞臺(tái),舞臺(tái)，就是繪制圖形和編輯圖形、圖像的矩形區(qū)域，也是創(chuàng)作影片動(dòng)畫的區(qū)域。在創(chuàng)建或編輯一段Flash影片時(shí)，我們離不開舞臺(tái)，這是排練演出的場(chǎng)所。 1. 舞臺(tái)工作區(qū)大小與顏色的設(shè)置 單擊菜單“修改”-“文檔” 或單擊屬性面板中的“文檔屬性”按鈕，打開文檔屬性對(duì)話框。在尺寸欄可以設(shè)置舞臺(tái)工作區(qū)的大小，默認(rèn)單位為像素(px)，最大可設(shè)置為2880px2880px，最小為1px1px。 在文檔屬性對(duì)話框中，單擊“背景顏色”按鈕，會(huì)彈出顏色面板，選中一種顏色，完成工作區(qū)的顏色設(shè)置。 幀頻：影片的播放速度，默認(rèn)1

8、2fps，即每秒播放12幀畫面，對(duì)于在 Web 站點(diǎn)播放的動(dòng)畫，8fps到12fps就足夠了。 2.舞臺(tái)工作區(qū)顯示比例的調(diào)整 在舞臺(tái)的右上方，有一個(gè)可改變舞臺(tái)工作區(qū)顯示比例的下拉列表框，通過它可以調(diào)整舞臺(tái)工作區(qū)顯示比例。,3. 網(wǎng)格和標(biāo)尺 在舞臺(tái)中，為了使對(duì)象準(zhǔn)確定位，可以在舞臺(tái)的上邊和左邊加入標(biāo)尺，或在舞臺(tái)工作區(qū)顯示網(wǎng)格。 通過菜單“視圖”“標(biāo)尺”，可以在舞臺(tái)上邊和左邊出現(xiàn)標(biāo)尺。 通過菜單“視圖”“網(wǎng)格”“顯示網(wǎng)格”，舞臺(tái)工作區(qū)內(nèi)顯示網(wǎng)格 4. 舞臺(tái)工作區(qū)的兩個(gè)控制工具 工具箱內(nèi)“查看”欄中提供了兩個(gè)舞臺(tái)工作區(qū)的控制工具，一個(gè)是手形工具，另一個(gè)是縮放工具。 手形工具：選擇手形工具，鼠標(biāo)移入舞

9、臺(tái)工作區(qū)后鼠標(biāo)指針變?yōu)槭值男螤?，按下鼠?biāo)左鍵并拖曳，可以在舞臺(tái)工作區(qū)的不同部位進(jìn)行查看。 縮放工具：?jiǎn)螕舭聪鹿ぞ呦鋬?nèi)的“縮放工具”按鈕，在工具箱“選項(xiàng)”欄中會(huì)出現(xiàn)放大和縮小兩個(gè)按鈕，可以實(shí)現(xiàn)對(duì)舞臺(tái)工作區(qū)的放大和縮小顯示。,舞臺(tái),五、時(shí)間軸,時(shí)間軸是動(dòng)畫和視頻類軟件中的一個(gè)重要概念。通俗地講，時(shí)間軸就好象導(dǎo)演的劇本，它決定了各個(gè)場(chǎng)景的切換以及演員出場(chǎng)、表演的時(shí)間順序。 Flash 把動(dòng)畫按時(shí)間分解成幀，時(shí)間軸用于組織和控制影片內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)。它是處理幀和圖層的地方，幀和圖層是對(duì)象和動(dòng)畫的組成部分。將一些圖形圖像按照一定的時(shí)間、空間順序播放，就形成了動(dòng)畫，而“時(shí)間軸”可以表現(xiàn)和記

10、錄動(dòng)畫的全部信息，是控制動(dòng)畫流程最重要的手段。,時(shí)間軸的組成 每一個(gè)動(dòng)畫都有與它相應(yīng)的時(shí)間軸。時(shí)間軸窗口可以分為左右兩個(gè)區(qū)域，左邊區(qū)域是圖層控制區(qū)域，它主要用來(lái)進(jìn)行各圖層的操作；右邊區(qū)域是幀控制區(qū)域，它主要用來(lái)進(jìn)行各幀的操作。 所謂圖層就相當(dāng)于舞臺(tái)中演員所處的前后位置。圖層靠上，相當(dāng)于該圖層的對(duì)象在舞臺(tái)的前面。在同一個(gè)縱深位置處，前面的對(duì)象會(huì)擋住后面的對(duì)象。 (1) 圖層控制區(qū)域：它上邊第一行是所有圖層的控制欄，有三個(gè)按鈕：顯示、鎖定和輪廓線。圖層控制區(qū)域的下邊是圖層工作區(qū)，其內(nèi)有許多行，每行表示一個(gè)圖層。 (2) 幀控制區(qū)域：它上邊的第一行是時(shí)間軸幀數(shù)標(biāo)示區(qū)，用來(lái)標(biāo)注隨時(shí)間變化所對(duì)應(yīng)的幀號(hào)碼

11、。下邊是幀工作區(qū)，它給出各幀的屬性信息。有一個(gè)小黑點(diǎn)的是關(guān)鍵幀(即動(dòng)畫起點(diǎn)、終點(diǎn)或轉(zhuǎn)折點(diǎn)的幀)。,1.3 創(chuàng)建第一個(gè)Flash影片,基本步驟： 1. 新建動(dòng)畫影片文件，同時(shí)設(shè)置影片的基本屬性。 影片的尺寸為500px寬、300px高，背景為淺灰色。 2. 輸入文字，進(jìn)行必要的設(shè)置。 使用 “文本工具”在舞臺(tái)工作區(qū)輸入文字“第1個(gè)Flash影片”，字體為楷體，10號(hào)，粗體，黃色。使用箭頭工具將文字置于舞臺(tái)的正中間。 3. 創(chuàng)建文字由小到大逐漸擴(kuò)展的動(dòng)畫 右鍵單擊時(shí)間軸圖層1的第1幀，在快捷菜單（右鍵單擊）中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。單擊時(shí)間軸的第30幀，按F6鍵，即創(chuàng)建了從第1到第30幀的動(dòng)畫。時(shí)間

12、軸處于第30幀處時(shí)，選中文字，使用“任意變形工具”調(diào)整文字尺寸，將文字調(diào)大。,4. 增加圖層和繪制立體球圖形 在圖層1上增加新圖層2，單擊圖層2第1幀，在舞臺(tái)左下角畫一個(gè)小立體彩球。 5. 創(chuàng)建紅色立體球從左下角向右上角直線移動(dòng)的動(dòng)畫 單擊圖層2第30幀，按F6鍵創(chuàng)建關(guān)鍵幀。按住Shift鍵，選中1到30幀的所有單元格，單擊菜單“插入”“時(shí)間軸”“創(chuàng)建補(bǔ)間動(dòng)畫”。選中第30幀，將彩球移到舞臺(tái)的右上角處，再調(diào)整大小。 將此動(dòng)畫文件調(diào)試后保存。,1. 播放Flash動(dòng)畫的幾種方法 直接按Enter鍵，即可在舞臺(tái)窗口內(nèi)播放動(dòng)畫。 使用“控制欄”面板播放： 通過菜單“窗口”“工具欄”“控制器”，打開“

13、控制器”，單擊相應(yīng)按鈕進(jìn)行操作。 通過菜單“控制”“測(cè)試影片”（快捷鍵：Ctrl+回車鍵），即可在播放窗口內(nèi)播放動(dòng)畫。 2. 保存與打開Flash動(dòng)畫： 與其它軟件操作類似。這里應(yīng)注意文件的擴(kuò)展名為.fla 3. Macromedia Flash Player (獨(dú)立播放器) 是一個(gè)獨(dú)立的應(yīng)用程序，它的名字是SAFlashPlayer。使用它可以播放SWF 格式的文件。直接雙擊swf類型的文件，就可以打開Flash Player播放器，同時(shí)播放該動(dòng)畫文件。,Flash動(dòng)畫的播放與保存,第 2 章 繪制圖形,制作 Flash 動(dòng)畫前，一定要準(zhǔn)備好素材，素材的來(lái)源有三種： 一、導(dǎo)入外部素材，如圖片

14、、聲音和視頻等； 二、 Flash “庫(kù)” 中的元件； 三、 用 Flash 的繪圖工具繪制。 矢量圖形一般可以看成是由線條和填充物組成； 矢量圖形的著色有兩種：線條的著色和填充物的著色；可以著單色，也可以著漸變色和位圖。 本章主要內(nèi)容： 介紹繪圖工具的使用方法、設(shè)置顏色、圖形屬性等。,1.1 Flash 的基本操作,1. 選取對(duì)象：?jiǎn)螕簟凹^工具”按鈕，然后可以選擇對(duì)象。 選擇一個(gè)對(duì)象：?jiǎn)螕粢粭l線或填充物，可以選中該線或填充物。 選取多個(gè)對(duì)象：按住Shift鍵，同時(shí)依次單擊各對(duì)象；或用鼠標(biāo)畫矩形，可以將矩形區(qū)域中的所有對(duì)象都選中。 2. 移動(dòng)對(duì)象：利用箭頭工具選中一個(gè)或多個(gè)對(duì)象，拖動(dòng)鼠標(biāo)。

15、如果按住Shift鍵，同時(shí)拖動(dòng)被選的對(duì)象，可以將選中的對(duì)象沿 45 度的整數(shù)倍角度移動(dòng)。 按鍵盤上的光標(biāo)移動(dòng)鍵，可以微調(diào)對(duì)象的位置。 3. 復(fù)制對(duì)象：移動(dòng)對(duì)象的同時(shí)按Ctrl鍵，可以復(fù)制對(duì)象。 也可以打開“變形面板”(菜單: 窗口變形)進(jìn)行“復(fù)制與變形”操作。 4. 刪除對(duì)象： 選中要?jiǎng)h除的對(duì)象，然后按 Delete 鍵或退格鍵。,2.1 顏色的設(shè)置和繪制圖形,Flash 提供了很多設(shè)置和修改顏色的方法，其中“顏色樣本”和“混色器”面板是最常用的處理顏色的工具面板。,一、“顏色樣本”面板 通過菜單“窗口”“顏色樣本”，可以調(diào)出“顏色樣本”面板。它提供了各種不同的顏色樣本供選擇使用，在它的底部是

16、漸變填充效果樣式按鈕，單擊其中一個(gè)，即可迅速獲得相應(yīng)的漸變填充色設(shè)置。 另外，單擊顏料桶等工具也會(huì)出現(xiàn)與“顏色樣板”一樣的“填充顏色”面板。,通過菜單“窗口”“混色器”，可以調(diào)出“混色器”面板。 可以實(shí)現(xiàn)填充類型有： 純色、線性、放射狀和位圖。,混色器面板,設(shè)置漸變效果： 對(duì)于“線性”和“放射狀”填充方式，用戶可以自己設(shè)置顏色漸變的效果。如移動(dòng)關(guān)鍵點(diǎn)、改變關(guān)鍵點(diǎn)的顏色、增加關(guān)鍵點(diǎn)等。,繪制有填充物的橢圓和矩形,繪制有填充物的橢圓 使用工具箱中的“橢圓工具”，設(shè)置線條類型、線條顏色和填充色，在舞臺(tái)工作區(qū)內(nèi)拖動(dòng)鼠標(biāo)，即可繪制有填充物的橢圓圖形。 在繪制時(shí)，如果按Shift鍵，可繪制正圓。 繪制有填

17、充物的矩形 使用工具箱中的“矩形工具”，設(shè)置線條類型、線條顏色和填充色，在舞臺(tái)工作區(qū)內(nèi)拖動(dòng)鼠標(biāo)，即可繪制有填充物的矩形圖形。 如果在繪制時(shí)，按Shift鍵，可繪制正方形。,實(shí)例1：立體彩球,制作步驟： 1、新建一個(gè)文件和導(dǎo)入一幅圖像 設(shè)置舞臺(tái)的尺寸為 600Px200Px，白色背景；導(dǎo)入一幅圖像，使用“任意變形”工具，調(diào)整適當(dāng)?shù)某叽?，然后將該圖層鎖定。 2、繪制第1和第2個(gè)立體彩球 在圖層1上插入圖層2，單擊“橢圓工具”按鈕，繪制正圓，無(wú)輪廓線，填充為放射狀的紅到黑色；使用箭頭工具，按Ctrl鍵拖動(dòng)紅色彩球，復(fù)制一個(gè)相同的立體彩球，使用油漆桶工具，改變彩球亮點(diǎn)的位置為左上方。 3、繪制第3個(gè)立

18、體彩球 復(fù)制第3個(gè)立體彩球，通過調(diào)整漸變色調(diào)整條關(guān)鍵點(diǎn)的顏色，將填充設(shè)置成紅到白色的放射狀填充效果。,2.2 線條的繪制與設(shè)置,使用“線條工具”繪制直線 單擊工具箱中的線條工具按鈕，在屬性面板設(shè)置線的顏色、粗細(xì)和線型，在舞臺(tái)工作區(qū)內(nèi)拖動(dòng)鼠標(biāo)，可以繪制各種長(zhǎng)度和角度的直線。同時(shí)按 Shift 鍵，可以繪制水平、垂直和45角的線條。 使用“橢圓工具”繪制橢圓輪廓線 單擊工具箱中的橢圓工具按鈕，在屬性面板設(shè)置輪廓線的顏色、粗細(xì)和線型，在舞臺(tái)工作區(qū)拖動(dòng)鼠標(biāo)，即可畫出橢圓。同時(shí)按 Shift 鍵，可以畫正圓。 使用“矩形工具”繪制矩形輪廓線 單擊工具箱中的矩形工具按鈕，在屬性面板設(shè)置輪廓線的顏色、粗細(xì)和

19、線型，在舞臺(tái)工作區(qū)拖動(dòng)鼠標(biāo)，即可畫出矩形。同時(shí)按 Shift 鍵，可以畫正方形。,線條屬性設(shè)置,一、設(shè)置線的顏色 以下操作一般應(yīng)首先要選中操作對(duì)象。 使用“筆觸顏色”面板設(shè)置線的顏色 將鼠標(biāo)移到顏色板內(nèi)的色快上單擊即可； 或在顏色輸入框輸入六位十六進(jìn)制數(shù)#RRGGBB來(lái)設(shè)置顏色。 使用“混色器”面板設(shè)置線的顏色 在顏色板上用鼠標(biāo)單擊選擇； 或在右邊的紅、綠、籃輸入框中輸入R、G、B值。 二、設(shè)置線型 線型包括線的形狀、線的粗細(xì)和線的顏色等。線型的設(shè)置可由線的“屬性”面板來(lái)完成。,刷子工具的使用,使用刷子工具，可以創(chuàng)建某些特殊效果。 刷子參數(shù)設(shè)置：刷子寬度、刷子形狀和刷子模式，其中刷子模式設(shè)置如

20、下：,原始圖像 1.標(biāo)準(zhǔn)繪畫 2.后面繪畫 3.顏料選擇 4.顏料填充 5.內(nèi)部繪畫,1、標(biāo)準(zhǔn)繪畫模式：新畫的線條覆蓋同一層中的原有圖形。 2、后面繪畫模式：可在空白區(qū)域涂色，不影響原有線條和填充。 3、顏料選擇模式：只能在選擇的圖形區(qū)域里畫線條。 4、顏料填充模式：只能在空白區(qū)域和原圖形的填充區(qū)域內(nèi)繪制線條。 5、內(nèi)部繪畫模式：只能在起始點(diǎn)所在的圖形區(qū)域中繪制線條。,實(shí)例2：荷塘月色,荷塘月色的風(fēng)景圖畫。 漆黑的夜晚，圓圓的月亮照映在湖水中，倒掛的垂柳，深籃色的湖面上漂浮著片片荷葉。給人一種美麗、幽靜的感覺，好像置身于迷人的風(fēng)景之中。,制作過程,1、設(shè)置：創(chuàng)建新 Flash 文件，舞臺(tái)大小

21、300260px，灰色(#999999)背景。 2、月亮：用橢圓工具畫一個(gè)黃色的圓形月亮圖形。 3、湖面：使用矩形工具在舞臺(tái)的下半部繪制深籃色的矩形湖面。 4、垂柳：使用刷子工具，設(shè)置深綠色，最小的豎形筆型畫垂柳。 5、荷葉：在舞臺(tái)的外邊繪制深綠色橢圓，之上畫小圓和直線，形成荷葉。 6、組合：用箭頭工具選中荷葉圖形，通過菜單“修改”“組合”，將它們組合。 7、復(fù)制：按Ctrl鍵，用鼠標(biāo)拖動(dòng)荷葉，進(jìn)行荷葉的復(fù)制，放在湖面的不同位置。 8、變形：使用任意變形工具，調(diào)整荷葉的大小和旋轉(zhuǎn)角度。 9、倒影：設(shè)置填充色為黃色，使用刷子工具，畫出月亮的倒影。 10、保存：保存文件“荷塘月色.fla”。,2.

22、3 鋼筆工具的使用,使用鋼筆工具可以繪制精確的直線、曲線、多邊形等。 直線：?jiǎn)螕糁本€的起點(diǎn)，然后松開鼠標(biāo)，移到終點(diǎn)再雙擊鼠標(biāo)。 折線：?jiǎn)螕粽劬€的起點(diǎn)，依次單擊轉(zhuǎn)折點(diǎn)，最后在終點(diǎn)雙擊鼠標(biāo)。 多邊形：?jiǎn)螕舳噙呅蔚钠瘘c(diǎn)，然后依次單擊各端點(diǎn)，最后單擊多邊形的起點(diǎn)。,繪制曲線：有兩種方法。 （1）先繪直線再定切線：?jiǎn)螕羝瘘c(diǎn)，松開鼠標(biāo)，移動(dòng)鼠標(biāo)到下一點(diǎn)處單擊，產(chǎn)生一條線段，同時(shí)（不要松開鼠標(biāo)左鍵）拖動(dòng)鼠標(biāo)改變切線的方向，從而確定曲線形狀。 （2）先定切線再繪曲線：?jiǎn)螕羝瘘c(diǎn)，不松開鼠標(biāo)，拖動(dòng)鼠標(biāo)形成切線，然后松開鼠標(biāo)，再單擊下一節(jié)點(diǎn)處，產(chǎn)生一條兩點(diǎn)間的曲線。,2.4 鉛筆工具的使用,使用鉛筆工具，可以像我們

23、真的在使用一支鉛筆一樣，繪制直線、曲線和其它任意形狀。Flash 還可以自動(dòng)對(duì)其進(jìn)行加工，例如變直、平滑等處理。 使用鉛筆工具時(shí)，首先要設(shè)置線型和顏色，并且要選擇一種繪畫模式：,伸直模式：可以繪制直線，并且將接近三角形、橢圓、矩形和正方形的形狀轉(zhuǎn)換為這些常見的幾何形狀。 平滑模式：可以繪制平滑曲線。 墨水模式：可以繪制接近徒手畫出的線條。,實(shí)例3：樹葉圖形,樹葉圖形由幾片樹葉和幾條葉莖組成，制作過程如下： 1、創(chuàng)建新文檔，尺寸為300px寬、260px高，白色背景。 2、設(shè)置鋼筆工具：線寬2，筆觸顏色為深綠色，填充為綠色放射性漸變。 3、畫樹葉的外形：使用鋼筆工具，畫出樹葉的外形；使用任意變形

24、工具，對(duì)樹葉的形狀進(jìn)行調(diào)整；使用線條工具，在樹葉上繪制幾條直線。 4、樹葉組合與復(fù)制：通過菜單“修改”“組合”命令，將樹葉組合。然后按 Ctrl 鍵同時(shí)拖動(dòng)鼠標(biāo)進(jìn)行樹葉的復(fù)制操作。 5、畫粗葉莖：使用鉛筆工具，深綠色，線寬 6，畫一條粗葉莖。線寬3，畫幾條細(xì)葉莖。 6、最后調(diào)整樹葉的大小和位置。,2.5 橡皮擦工具的使用,使用“橡皮擦”工具，可以快速擦除舞臺(tái)上的任何內(nèi)容。 橡皮形狀下拉列表框：可選擇橡皮擦的形狀與大小。 橡皮模式按鈕：可以設(shè)置擦除方式，各擦除模式意義如下： “標(biāo)準(zhǔn)擦除”模式：可以擦除同一層上的筆觸和填充。 “擦除填色”模式：只擦除填充，不影響筆觸。 “擦除線條”模式：只擦除筆觸

25、，不影響填充。 “擦除所選填充”模式：只擦除當(dāng)前選定的填充，并不影響筆觸。 “內(nèi)部擦除”模式：只擦除橡皮擦筆觸開始處的填充。 水龍頭按鈕：可擦除所單擊的整個(gè)填充或線段。,2.6 墨水瓶和顏料桶工具的使用,墨水瓶工具 墨水瓶工具的作用是改變線條的屬性，例如線的顏色、粗細(xì)和類型等。另外，使用墨水瓶工具還可以為沒有輪廓線的填充物增加輪廓線。 顏料桶工具 使用顏料桶工具，可以設(shè)置和修改填充物的顏色屬性，也可以填充封閉圖形內(nèi)部為某一顏色屬性。,實(shí)例4：國(guó)畫展廳,國(guó)畫展廳的制作步驟,1. 繪制輪廓線和地面 (1) 設(shè)置舞臺(tái)區(qū)大小為500260px。單擊“視圖”“網(wǎng)格”“編輯網(wǎng)格”，設(shè)置網(wǎng)格水平、垂直間距均

26、為10px，選擇“顯示網(wǎng)格”復(fù)選框。 (2) 使用線條工具，繪制展廳、地面的布局線條圖形。 (3) 使用顏料桶工具，給展廳地面的格子內(nèi)填充黑白相間的顏色。,2. 填充圖像 (1) 單擊“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”菜單命令，將一幅“燈”圖像和五幅國(guó)畫圖像導(dǎo)入到“庫(kù)”面板。 (2) 在“混色器”面板的填充風(fēng)格下拉列表框中，選中“位圖”選項(xiàng)，將“燈”圖像用油漆桶工具填充到上邊的梯形內(nèi)部。 (3) 使用填充變形工具，單擊填充的“燈”圖像，拖動(dòng)鼠標(biāo)調(diào)整圖像的大小和位置，形成房頂?shù)牡鯚魣D像效果。 (4) 將“庫(kù)面板”中的三幅國(guó)畫圖像依次拖到工作區(qū)，調(diào)整圖像的大小，填充到展廳正面。選中整個(gè)圖像并組合。 (5

27、) 將“庫(kù)面板”中的一幅國(guó)畫拖到工作區(qū)，調(diào)整大小，打碎。使用“任意變形工具”調(diào)整形狀，使其與左邊的梯形形狀一致。同樣方法將另一幅國(guó)畫填充到另一梯形中。,第3章 創(chuàng)建文本和導(dǎo)入外部對(duì)象,本章主要內(nèi)容： 創(chuàng)建文本 導(dǎo)入圖像 導(dǎo)入聲音和視頻,3.1 創(chuàng)建文本,1. 文本輸入 選擇工具箱內(nèi)的文字工具，在單擊舞臺(tái)工作區(qū)單擊，會(huì)出現(xiàn)一個(gè)矩形框，矩形框右上角有一個(gè)小圓控制柄，光標(biāo)出現(xiàn)在矩形框內(nèi)，這時(shí)可以輸入文字。此時(shí)文本框?qū)挾炔还潭?，稱為延伸文本。 要?jiǎng)?chuàng)建固定行寬的文本，可以用鼠標(biāo)拖動(dòng)文本框的小圓控制柄，即可改變文本的行寬度，此時(shí)文本框的小圓控制柄變?yōu)榉叫慰刂票?，稱為固定行寬文本。在固定行寬狀態(tài)下，輸入文本

28、超過一行后會(huì)自動(dòng)換行。雙擊方形控制柄，可將固定行寬文本變?yōu)檠由煳谋尽?2. 文本類型 靜態(tài)文本：文本框內(nèi)顯示不會(huì)動(dòng)態(tài)更改字符的文本。 動(dòng)態(tài)文本：顯示動(dòng)態(tài)更新的文本，如體育比賽得分、天氣報(bào)告。 輸入文本：文本框內(nèi)可以提供用戶輸入文本，如用戶名、密碼等。,文本屬性的設(shè)置,3. 文本的屬性與設(shè)置 文本的屬性包括文字的字體、字號(hào)、顏色等。設(shè)置文本的屬性可通過菜單命令或?qū)傩悦姘鍋?lái)完成。 利用菜單命令設(shè)置文本屬性 單擊“文本”菜單選項(xiàng)，可以設(shè)置字體、大小(字號(hào))、樣式(效果)、對(duì)齊、間距等。 利用“屬性”面板設(shè)置文本屬性 單擊工具箱內(nèi)的“文本工具”按鈕，調(diào)出它的文本屬性面板，可以設(shè)置文字的各種屬性。,分離

29、和打碎文字,分離文字塊： 使用箭頭工具，單擊選中一個(gè)文字塊，單擊“修改”“分離”菜單命令，即可將文字塊分離為獨(dú)立的單個(gè)字符或漢字。文字塊分離后，成為多個(gè)獨(dú)立對(duì)象。,打碎文字： 單擊選中一個(gè)或多個(gè)獨(dú)立的字符或漢字，然后單擊“修改”“分離”菜單命令，即可將其打碎。打碎后的文字可以按照?qǐng)D形來(lái)處理。,實(shí)例5：彩虹文字,制作過程： 1、使用文本工具輸入文本“彩虹文字”，華文行楷，70號(hào)，黑色。 2、用箭頭工具選中文字，再用任意變形工具適當(dāng)調(diào)整文字的大小。3、兩次單擊“修改”“分離”菜單命令，將文字打碎。 3、選中所有文字，單擊“修改”“形狀”“擴(kuò)展填充”，將文字向外擴(kuò)充 2 個(gè)像素點(diǎn)。 4、在工具箱的“

30、顏色”欄內(nèi)設(shè)置填充色為多彩線性漸變色。在混色器面板中，依次將各關(guān)鍵點(diǎn)顏色調(diào)整為：紅(255,0,0)、橙(200,200,0)、黃(255,255,0)、綠(0,255,0)、青(0,255,255)、藍(lán)(0,0,255)、紫(255,0,255)。 5、不選中文字。使用填充轉(zhuǎn)換工具，單擊文字，調(diào)整漸變色的傾斜方向與顏色。,3.2 導(dǎo)入圖像,一、導(dǎo)入外部素材和位圖屬性的設(shè)置 導(dǎo)入外部素材： 單擊“文件”“導(dǎo)入到舞臺(tái) 或 導(dǎo)入到庫(kù)”菜單，打開“導(dǎo)入”對(duì)話框進(jìn)行導(dǎo)入操作。 可以導(dǎo)入的外部素材包括：矢量圖形、位圖、聲音和視頻等。 幾種格式簡(jiǎn)介如下： GIF圖像文件：壓縮比略小于JPEG格式的位圖圖像

31、，可以動(dòng)態(tài)顯示。 WAV聲音文件：是未壓縮的聲音格式，其擴(kuò)展名是 .wav。 MP3聲音文件：采用 MP3 方式壓縮的聲音格式，擴(kuò)展名是 .MP3。,位圖屬性的設(shè)置,導(dǎo)入一個(gè)位圖圖像后，打開“庫(kù)”面板，雙擊“庫(kù)”面板中的圖像名字或圖標(biāo)，即可調(diào)出該圖像的“位圖屬性”對(duì)話框。 允許平滑：可以消除位圖邊界的鋸齒。 “壓縮”下拉列表框：可選擇“照片(JPEG)”或“無(wú)損(PNG/GIF)”。 “使用導(dǎo)入的 JPEG 數(shù)據(jù)”復(fù)選框：選中時(shí)，表示使用文件默認(rèn)質(zhì)量；不選擇該復(fù)選框，會(huì)出現(xiàn)一個(gè)“品質(zhì)”文本框，輸入1到100的數(shù)值，數(shù)值越大，圖像品質(zhì)越高。 “測(cè)試”按鈕：可以按新的屬性進(jìn)行設(shè)置，在對(duì)話框的下半部

32、顯示相關(guān)信息。,在 Flash 中，許多操作是針對(duì)矢量圖形進(jìn)行的，對(duì)于導(dǎo)入的位圖就不能操作了。因此，位圖必須經(jīng)過分離(也叫打碎)或矢量化才能操作和編輯。 打碎位圖：選中位圖，然后單擊“修改”-“分離”，將位圖打碎。 位圖的矢量化：“修改”“位圖”“轉(zhuǎn)換位圖為矢量圖”，進(jìn)行有關(guān)設(shè)置后確定。,位圖的打碎和矢量化,顏色閾值：區(qū)分顏色的閥值，介于 1 和 500 之間。閥值越小，轉(zhuǎn)換后的顏色丟失少，與原位圖圖像差別較小。 最小區(qū)域：介于 1 和 1000 之間，表示最小區(qū)域的像素?cái)?shù)。其值越小，轉(zhuǎn)化后的矢量圖形越精確，與原位圖像越接近，但轉(zhuǎn)換速度慢。 曲線擬合：從下拉列表中選擇一個(gè)選項(xiàng)，用于確定繪制的輪

33、廓的平滑程度。 轉(zhuǎn)角閾值：選擇一個(gè)角閥值，以確定是保留銳邊還是進(jìn)行平滑處理。 要?jiǎng)?chuàng)建最接近原始位圖的矢量圖形，請(qǐng)輸入以下的值： 顏色閾值：10；最小區(qū)域：1 個(gè)像素；曲線擬合：像素；轉(zhuǎn)角閾值：較多轉(zhuǎn)角。,實(shí)例6：圖像文字,圖像文字由一幅風(fēng)景畫填充文字的內(nèi)部，制作過程如下： 1. 導(dǎo)入一幅風(fēng)景圖像，調(diào)整圖像尺寸，然后將其打碎，鎖定該圖層。 2. 插入圖層 2，單擊選中圖層 2 的第 1 幀。 3. 輸入文字“圖像文字”，黑體、96號(hào)、黃色，用任意變形工具適當(dāng)調(diào)整文字大小。 4. 將文字打碎。此時(shí)若有連筆畫現(xiàn)象，需要修補(bǔ)。 （縮放比例 400%，使用線條工具，在有連筆畫的地方繪制線條并調(diào)整，雙擊線

34、條內(nèi)部，選中線條內(nèi)部的填充物和線條，刪除。） 5. 選中文字，單擊“修改”“形狀”“擴(kuò)展填充”菜單，將文字向外擴(kuò)充4個(gè)像素點(diǎn)。 6. 單擊空白處，不選文字。使用墨水瓶工具，設(shè)置黃色，線粗為2。單擊文字筆畫的邊緣，增加文字的黃色輪廓線。 7. 使用箭頭工具，按 Shift 鍵，選中所有文字內(nèi)部的填充，刪除。 8. 選中所有文字，在舞臺(tái)工作區(qū)右鍵單擊，選擇“復(fù)制”命令，然后刪除圖層2。 9 . 解除圖層 1 的鎖定狀態(tài)，在舞臺(tái)工作區(qū)右鍵單擊，選擇“粘貼”（Ctrl+V）命令。 10. 使用箭頭工具，按 Shift 鍵，同時(shí)選中文字外部的圖像，刪除，只剩下文字輪廓線和文字內(nèi)的圖像。（制作完畢）,3.

35、3 導(dǎo)入聲音,一、導(dǎo)入聲音和使用聲音 在Flash作品中，可以給圖形、按鈕動(dòng)作和動(dòng)畫等配有背景聲音，導(dǎo)入的聲音文件格式有 WAV、AIFF 和 MP3 等。 導(dǎo)入聲音： 首先為聲音創(chuàng)建一個(gè)圖層（添加普通圖層即可，此為聲音圖層）。然后單擊“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”菜單，在對(duì)話框中選擇聲音文件打開，導(dǎo)入的聲音會(huì)加載到“庫(kù)”面板中。 將“庫(kù)”面板中的一個(gè)聲音文件拖到新建圖層舞臺(tái)工作區(qū)，在時(shí)間軸上可看到在第 1 幀內(nèi)顯示出聲音的波形。在聲音圖層時(shí)間軸的某一幀，如 30 幀單擊，按 F5鍵，可以看到后面的聲音波形。 二、聲音的屬性設(shè)置 雙擊“庫(kù)”面板中的聲音元件圖標(biāo)，打開“聲音屬性”對(duì)話框，可以查看、

36、更改聲音屬性和進(jìn)行測(cè)試。,第 4 章 編輯對(duì)象,修改對(duì)象的形狀 修改對(duì)象的大小、位置 編輯多個(gè)對(duì)象和聲音,4.1 修改對(duì)象的形狀,使用箭頭工具 1、改變對(duì)象的形狀：使用箭頭工具，先不要選中對(duì)象，將鼠標(biāo)移到對(duì)象的邊緣處，鼠標(biāo)指針右下角出現(xiàn)小弧線或小直角線，拖動(dòng)鼠標(biāo)即可修改對(duì)象的形狀。 2、切割對(duì)象：使用箭頭工具，在舞臺(tái)工作區(qū)內(nèi)拖動(dòng)鼠標(biāo)，選中圖形的一部分，然后拖動(dòng)選中的部分，即可將選中的部分分離。 也可以在對(duì)象上畫細(xì)直線，將圖形切割，用鼠標(biāo)拖動(dòng)分離。,實(shí)例7：撲克牌,制作步驟： 1、設(shè)置舞臺(tái)大小為默認(rèn)值，打開“網(wǎng)格”對(duì)話框，設(shè)置水平和垂直間距均為10，選擇“顯示”和“緊貼”網(wǎng)格選項(xiàng)。 2、繪制黑桃

37、：使用黑色鋼筆，先畫一個(gè)三角形，高度6個(gè)格，底邊4個(gè)格。 3、在上肩兩側(cè)、底邊中間畫小段直線，使用箭頭工具調(diào)整出桃形圖案。 4、將小線段刪除，使用油漆桶填充黑色。 5、對(duì)上述圖形復(fù)制和垂直翻轉(zhuǎn)，輸入相應(yīng)的文字，組成黑桃A撲克牌圖形。 6、畫矩形框作為撲克的邊框。,7、方片5：使用線條工具，設(shè)置線的顏色為紅色，線寬為1，畫菱形，尺寸10格6格。 8、使用箭頭工具，調(diào)整菱形的形狀，填充紅色。 9、選中輪廓和填充，將它們組合。 10、通過屬性面板，將菱形的尺寸縮小至原尺寸的 。 11、按Ctrl鍵同時(shí)拖動(dòng)鼠標(biāo)，復(fù)制6個(gè)菱形，擺放至合適位置。 12、將左上角、右下角的2個(gè)菱形尺寸縮小一半。 13、使用

38、文本工具，輸入紅色數(shù)字5，字號(hào)20，放到左上角。 14、復(fù)制數(shù)字5至右下角，垂直翻轉(zhuǎn)，擺放到合適位置 15、畫矩形框作為撲克的邊框。,4.2 對(duì)象的大小、形狀和位置,一、使用任意變形工具改變對(duì)象 使用任意變形工具可以縮放、旋轉(zhuǎn)、變形和封套對(duì)象。 二、平滑與校直： 選中線、填充物或打碎的對(duì)象，不斷單擊“平滑”按鈕(在選項(xiàng)欄或常用工具欄)，即可將不平滑的圖形變平滑；不斷單擊“直線”按鈕，即可將不直的圖形變直。 三、精確調(diào)整對(duì)象的形狀與位置 可以通過 “屬性面板”精確調(diào)整對(duì)象的位置和大小,4.3 編輯多個(gè)對(duì)象,一、組合 組合就是將多個(gè)對(duì)象(圖形和位圖像)組合成一個(gè)對(duì)象。組合后，可以作為一個(gè)對(duì)象來(lái)進(jìn)行

39、操作，如復(fù)制、移動(dòng)、旋轉(zhuǎn)與傾斜等。 二、多個(gè)對(duì)象的對(duì)齊和層次調(diào)整 1. 對(duì)齊對(duì)象：先選擇要對(duì)齊的對(duì)象，執(zhí)行菜單“修改”“對(duì)齊”，即可將選中的對(duì)象進(jìn)行相應(yīng)的對(duì)齊。也可以通過“窗口”“設(shè)置”面板“對(duì)齊”，打開“對(duì)齊”窗口進(jìn)行對(duì)齊操作。 2. 層次調(diào)整：可以通過菜單“修改”“排列”，進(jìn)行層次調(diào)整。,實(shí)例8：彩球倒影,繪制方法： 1、繪制橢圓：使用橢圓工具，藍(lán)色線條，繪制一個(gè)無(wú)填充的圓。按住Ctrl鍵拖動(dòng)，將圖形復(fù)制一份。 2、打開“變形”面板，復(fù)制縮小比例分別為2/3、1/3的橢圓，形成各個(gè)小區(qū)域。間隔填充小區(qū)域?yàn)樯罴t色，刪除彩球線條。將左上角的兩個(gè)色塊填充由白到紅色的放射狀漸變色，選中圖形并組合。

40、 3、設(shè)置填充顏色為白、綠、黑色中心漸變色，繪制一個(gè)同樣大小的無(wú)輪廓線的綠色彩球，將其移到紅白彩球之上并組合。 4、復(fù)制3份彩球，擺放到適當(dāng)?shù)奈恢谩?5、插入圖層2，繪制無(wú)輪廓線的藍(lán)色矩形，將下面兩個(gè)彩球覆蓋住，在混色器面板中調(diào)整Alpha的值為60。（完成）,第5章 Flash 動(dòng)畫制作,移動(dòng)動(dòng)畫和“幀幀”動(dòng)畫 對(duì)象旋轉(zhuǎn)的動(dòng)畫 導(dǎo)向移動(dòng)動(dòng)畫 形狀過渡動(dòng)畫 遮罩圖層動(dòng)畫,5.1 移動(dòng)動(dòng)畫和“幀幀”動(dòng)畫,一、Flash 動(dòng)畫的基礎(chǔ)知識(shí) Flash動(dòng)畫的分類： (1)“幀幀”動(dòng)畫：制作好每一幀畫面，每一幀內(nèi)容不同，然后連續(xù)依次播放這些畫面，即可生成動(dòng)畫效果。 (2)過渡動(dòng)畫：制作好若干關(guān)鍵幀的畫面

41、，由Flash通過計(jì)算生成各關(guān)鍵幀之間的各個(gè)幀，使畫面從一個(gè)關(guān)鍵幀過渡到另一個(gè)關(guān)鍵幀。過渡動(dòng)畫又分為： 移動(dòng)過渡動(dòng)畫(動(dòng)作動(dòng)畫) 形狀過渡動(dòng)畫(變形動(dòng)畫),移動(dòng)動(dòng)畫的制作方法,1、選中時(shí)間軸中的一個(gè)空白關(guān)鍵幀(第1幀就是空白關(guān)鍵幀)，在舞臺(tái)工作區(qū)創(chuàng)建一個(gè)對(duì)象或從“庫(kù)”面板中把一個(gè)元件拖到舞臺(tái)工作區(qū)中。例如畫一個(gè)綠色立體圓球。 2、鼠標(biāo)右鍵單擊關(guān)鍵幀，在快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”， 3、單擊選擇時(shí)間軸中的動(dòng)畫結(jié)束幀(如30幀），按F6鍵，創(chuàng)建一個(gè)關(guān)鍵幀并選中該關(guān)鍵幀。此時(shí)在兩個(gè)關(guān)鍵幀之間會(huì)產(chǎn)生一個(gè)指向右邊的水平箭頭線，表示過渡動(dòng)畫創(chuàng)建成功。 4、調(diào)整動(dòng)畫起始幀和結(jié)束幀中對(duì)象的位置、大小、旋轉(zhuǎn)

42、。,實(shí)例9：彈跳彩球,“彈跳彩球”動(dòng)畫顯示的畫面是：彩球在垂直方向彈跳，彩球下面有一個(gè)陰影，隨著彩球的上下跳動(dòng)，陰影大小也在隨之變化。 制作步驟： 1、在舞臺(tái)工作區(qū)繪制一個(gè)立體彩球。 2、右鍵單擊時(shí)間軸第1幀，選擇“創(chuàng)建補(bǔ)間動(dòng)畫”菜單命令。單擊第30幀，按F6鍵，創(chuàng)建從第1幀到30幀的移動(dòng)過渡動(dòng)畫。 3、選擇第15幀，按F6鍵，將第15幀的彩球垂直移到舞臺(tái)工作區(qū)的下邊。 4、新建圖層2，把圖層2拖到圖層1的下面。選中圖層2的第1幀，在舞臺(tái)工作區(qū)繪制一個(gè)無(wú)輪廓線的灰色橢圓。 5、通過菜單“修改”“形狀”“柔化填充邊緣”，對(duì)灰色橢圓進(jìn)行“柔化填充邊緣”操作。 6、創(chuàng)建圖層2從第1幀到30幀的移動(dòng)過

43、渡動(dòng)畫，單擊第15幀，按F6鍵，將陰影縮小。,實(shí)例10:倒計(jì)時(shí)數(shù)字,“倒計(jì)時(shí)數(shù)字”動(dòng)畫播放后，畫面依次顯示 5、4、3、2、1 圖像，然后顯示一幅從大到小的國(guó)畫圖像。 制作步驟： （1）設(shè)置動(dòng)畫文檔，寬為 300px、高為 200px，白色背景。 （2）將提前制作的 “1”、“2”、“3”、“4”、“5”圖像文件，導(dǎo)入到“庫(kù)”面板。 （3）單擊選中第 1 幀，將“庫(kù)”中的“5”元件拖到舞臺(tái)工作區(qū)，位置為（130，50）。 （4）選擇第 5 幀，按 F6 鍵。再按刪除鍵，將圖像“5”刪除。 （5）將“庫(kù)”面板中的“4”元件拖到舞臺(tái)，位置仍為（130，50）。,（6）選擇第 10 幀，按 F6 鍵

44、。再刪除圖像“4”，將圖像“3”放到舞臺(tái)，位置（130，50）。 （7）按照上述方法，依次將“庫(kù)”面板中的“2”和“1”元件放到舞臺(tái)工作區(qū)。最后在第 25 幀將“1”圖像刪除。 （8）單擊選中第 25 幀，導(dǎo)入一幅國(guó)畫圖像。 （9）單擊選中第 25 幀，右擊鼠標(biāo)，選擇“創(chuàng)建補(bǔ)間動(dòng)畫”菜單命令。單擊選擇第 40 幀，按 F6 鍵，創(chuàng)建 25 幀到第 40 幀的移動(dòng)過渡動(dòng)畫。 （10）使用任意變形工具，分別調(diào)整第25幀和第40幀的圖像大小。,5.2 制作旋轉(zhuǎn)的動(dòng)畫,制作旋轉(zhuǎn)動(dòng)畫的方法 （1）選中移動(dòng)動(dòng)畫的第 1 個(gè)關(guān)鍵幀，創(chuàng)建動(dòng)畫對(duì)象。 （2）按照前述方法，制作移動(dòng)動(dòng)畫。 （3）選中動(dòng)畫對(duì)象，用任

45、意變形工具調(diào)整動(dòng)畫對(duì)象中的圓形標(biāo)記，即旋轉(zhuǎn)中心的位置。 （4）在“屬性”面板的“旋轉(zhuǎn)”下拉列表框中選擇“順時(shí)針”或“逆時(shí)針”選項(xiàng)，在右邊的文本框中輸入旋轉(zhuǎn)的圈數(shù)。 （5）如果動(dòng)畫對(duì)象是圍繞中心點(diǎn)擺動(dòng)，可以單擊選中動(dòng)畫的結(jié)束關(guān)鍵幀，使用任意變形工具，用鼠標(biāo)調(diào)整該幀對(duì)象的位置。,有關(guān)幀的編輯操作 （1）選擇一個(gè)或多個(gè)幀：?jiǎn)螕粢粠膯卧窦纯蛇x中該幀；按Ctrl 鍵，同時(shí)單擊幀，可以同時(shí)選中多個(gè)不連續(xù)的幀；按 Shift 鍵，單擊第 1幀和最后 1 幀，可以選擇連續(xù)的多個(gè)幀；按 Ctrl+Alt+A，可以選中動(dòng)畫中的所有幀。 （2）復(fù)制和移動(dòng)幀：選中若干幀，右鍵單擊，選擇“復(fù)制幀”（或“剪切幀”）菜

46、單，然后選擇一個(gè)單元格，在快捷菜單中選擇“粘貼幀”。 （3）調(diào)整過渡幀的數(shù)量：在創(chuàng)建了移動(dòng)過渡動(dòng)畫或形狀過渡動(dòng)畫后，如果要調(diào)整過渡的長(zhǎng)度（即過渡幀的數(shù)量），可以先單擊選中起始或結(jié)束關(guān)鍵幀，然后用鼠標(biāo)水平拖動(dòng)該幀單元格。 （4）插入普通幀：?jiǎn)螕暨x中要插入幀的幀單元格，然后按 F5 鍵?；蛴益I單擊，選擇“插入幀”命令。 （5）插入關(guān)鍵幀：?jiǎn)螕暨x中要插入關(guān)鍵幀的幀單元格，按 F6 鍵。,實(shí)例11：擺動(dòng)球,“擺動(dòng)球”動(dòng)畫是單擺小球來(lái)回?cái)[動(dòng)的動(dòng)畫。最左邊的小球擺起再回到原處，撞擊其它三個(gè)單擺小球，最右邊的小球擺起，回到原處后，又撞擊其他三個(gè)單擺小球，左邊的單擺球再擺起。周而復(fù)始，不斷循環(huán)。 制作過程：

47、（1）設(shè)置舞臺(tái)工作區(qū)的大小為 500px300px，背景為白色。 （2）單擊“插入”“新建元件”菜單命令，輸入元件的名稱為“單擺”。單擊選中“影片剪輯”單選按鈕確定，此時(shí)舞臺(tái)工作區(qū)切換到元件編輯窗口。 （3）繪制一個(gè)灰色的立體球和一條紅色的垂直直線，將它們組合，制成單擺。然后單擊“場(chǎng)景1”，回到主場(chǎng)景舞臺(tái)工作區(qū)。 （4）選擇圖層 1 的第 1 幀，在舞臺(tái)上繪制一個(gè)長(zhǎng)條的矩形，作為單擺的橫梁。它的輪廓線為藍(lán)色，填充為放射狀漸變的紅黑色。單擊選中第 40 幀，按 F5 鍵，使第 1 到 40 幀內(nèi)容一樣。,（5）在圖層 1 上增加圖層 2。選中第 1 幀，將“庫(kù)”面板中的“單擺”元件拖到橫梁的下邊

48、的偏左處。使用“任意變形工具”適當(dāng)調(diào)整它的大小，并且調(diào)整“單擺”對(duì)象的中心標(biāo)記到單擺線的頂端。 （6）創(chuàng)建圖層 2 從第 1 幀到第 20 幀的旋轉(zhuǎn)移動(dòng)動(dòng)畫。第 1 幀與第 20 幀的畫面均如圖 1 所示，第 10 幀為關(guān)鍵幀，將該幀“單擺”對(duì)象的位置移動(dòng)到如圖 2 所示。,圖1,圖2,（7）選擇圖層 2 的第 40 幀，按 F5 鍵，使“圖層2”圖層的第 21幀到 40 幀的內(nèi)容與第 20 幀的內(nèi)容一樣。,（8）在圖層 2 上增加圖層 3。將圖層 2 第 1 幀的單擺對(duì)象復(fù)制到圖層 3 的第 1 幀。同時(shí)使圖層 3 第 1 到 40 幀的圖像一樣。 （9）單擊選中圖層3的第1幀的單擺對(duì)象，兩

49、次按Ctrl+D鍵（重制命令），復(fù)制兩“單擺”對(duì)象。精確調(diào)整它們的位置，使它們成為三個(gè)“單擺”對(duì)象。,（10）在圖層 3 之上增加圖層 4。復(fù)制圖層2”的“單擺”對(duì)象到圖層 4 的第 1 幀。 （11）單擊圖層 4 圖層的第 21 幀，按 F6鍵，創(chuàng)建關(guān)鍵幀。再創(chuàng)建第 21 幀到 40 幀的旋轉(zhuǎn)動(dòng)畫。然后，單擊“圖層 4 的 30 幀，按F6 鍵。 （12）選擇圖層 4 的第 30 幀，將該幀的“單擺”對(duì)象向右上方旋轉(zhuǎn)（制作完畢）。,5.3 制作導(dǎo)向移動(dòng)動(dòng)畫,一、導(dǎo)向移動(dòng)動(dòng)畫的制作方法 1、首先建立沿直線移動(dòng)的移動(dòng)動(dòng)畫，例如圓球從左到右的動(dòng)畫。 2、選擇上述含有動(dòng)畫的圖層，作為被引導(dǎo)圖層，然后

50、單擊時(shí)間軸左下角的“添加引導(dǎo)圖層”按鈕，創(chuàng)建引導(dǎo)圖層。 3、選中引導(dǎo)圖層的第1幀，在舞臺(tái)工作區(qū)內(nèi)繪制路徑曲線。 4、選中被引導(dǎo)圖層第1 幀，將移動(dòng)對(duì)象(例如圓球)拖放到引導(dǎo)線的起始端，使對(duì)象的中心與路徑起始點(diǎn)重合。單擊動(dòng)畫結(jié)束幀，拖放移動(dòng)對(duì)象到引導(dǎo)線的結(jié)束端，中心與結(jié)束點(diǎn)重合。 5、按回車鍵，播放動(dòng)畫。引導(dǎo)線在正式播放時(shí)不會(huì)顯示出來(lái)。,實(shí)例12：云中翱翔的雄鷹,制作步驟： 1、設(shè)置舞臺(tái)屬性：寬800，高500；白色背景。 2、導(dǎo)入背景圖像到圖層1：將一幅風(fēng)景圖像導(dǎo)入到舞臺(tái)工作區(qū)，使用任意變形工具調(diào)整它的大小和位置，鎖定圖層1。 3、在圖層1上增加圖層2，選中第1幀。將鷹圖像（Gif格式）導(dǎo)入舞

51、臺(tái)工作區(qū)。 4、使用任意變形工具、套索工具等，對(duì)鷹圖像進(jìn)行修飾（可略）。 5、在圖層2中創(chuàng)建鳥的直線移動(dòng)動(dòng)畫（第1到50幀）。選擇圖層1的第50幀，按F5鍵插入普通幀。 6、在圖層2上創(chuàng)建引導(dǎo)圖層，用鋼筆工具繪制引導(dǎo)曲線。使用箭頭工具調(diào)整路徑的形狀。 7、將鳥圖像拖放到引導(dǎo)線的起始端，與路徑起始點(diǎn)重合；單擊動(dòng)畫結(jié)束幀，將鳥圖像拖到引導(dǎo)線的結(jié)束端，中心與結(jié)束點(diǎn)重合。 8、按回車鍵或Ctrl+回車鍵，測(cè)試動(dòng)畫效果。,5.4 制作形狀過渡動(dòng)畫,什么是形狀過渡動(dòng)畫？ 形狀過渡動(dòng)畫也叫變形動(dòng)畫，它是由一種形狀對(duì)象逐漸變?yōu)榱硪环N形狀對(duì)象。Flash 可以將圖形、打碎的文字和由點(diǎn)陣圖像轉(zhuǎn)換的矢量圖形進(jìn)行變形

52、。 創(chuàng)建形狀過渡動(dòng)畫的過程 1、選中一個(gè)圖層，使它為當(dāng)前圖層，然后單擊選中一個(gè)空白關(guān)鍵幀作為動(dòng)畫的開始幀。 2、在舞臺(tái)工作區(qū)內(nèi)創(chuàng)建一個(gè)符合要求的對(duì)象，作為初始對(duì)象。例如，繪制一個(gè)紅色立體球。 3、選擇形狀動(dòng)畫的結(jié)束幀，按F6鍵，使其成為關(guān)鍵幀。 4、刪除原對(duì)象，然后在舞臺(tái)工作區(qū)內(nèi)創(chuàng)建一個(gè)符合要求的對(duì)象，作為形狀過渡動(dòng)畫的結(jié)束對(duì)象。 5、選中起始關(guān)鍵幀與結(jié)束關(guān)鍵幀之間的所有單元格，在動(dòng)畫屬性面板的“補(bǔ)間”下拉列表框中選擇“形狀”選項(xiàng)。 在時(shí)間軸上，從初始到結(jié)束幀之間會(huì)出現(xiàn)一個(gè)指向右邊的箭頭，幀單元格的背景變?yōu)闇\綠色，表示創(chuàng)建了形狀動(dòng)畫。 變形動(dòng)畫不但可以改變初始對(duì)象的形狀，還可以改變它的位置和顏

53、色。,形狀動(dòng)畫效果調(diào)整,形狀動(dòng)畫效果調(diào)整的方法： 1、單擊選中時(shí)間軸第1幀單元格，按Ctrl+Shift+H鍵，或通過菜單“修改”“形狀”“添加形狀提示”命令，即可在第1幀文字圖形中加入一個(gè)關(guān)鍵點(diǎn)標(biāo)記：a。重復(fù)上述過程，可以繼續(xù)增加 b 到 z 25個(gè)關(guān)鍵點(diǎn)標(biāo)記。 2、用鼠標(biāo)拖動(dòng)標(biāo)記，分別放置在第 1 幀圖形的不同位置。 3、單擊選中結(jié)束幀，這時(shí)在結(jié)束幀圖形中也有 a 、b關(guān)鍵點(diǎn)標(biāo)記(可能重疊在一起）。用鼠標(biāo)將這些標(biāo)記拖放到適當(dāng)位置。 4、在起始關(guān)鍵幀的形狀關(guān)鍵點(diǎn)用黃色圓圈表示，在結(jié)束關(guān)鍵幀用綠色圓圈表示。如果關(guān)鍵點(diǎn)的位置不在曲線上，將顯示紅色圓圈。 為了獲得更好的形狀效果，應(yīng)注意以下原則：

54、如果過渡比較復(fù)雜，可以在中間增加一個(gè)或多個(gè)關(guān)鍵幀。 起始關(guān)鍵幀與結(jié)束關(guān)鍵幀中關(guān)鍵點(diǎn)標(biāo)記的順序應(yīng)該一致。例如一條線上添加了3個(gè)關(guān)鍵點(diǎn)標(biāo)記 a 、b 、c 。無(wú)論這條線如何變形，這三個(gè)點(diǎn)在線上始終保持 a 、 b 、c 的順序。 最好使各形狀關(guān)鍵點(diǎn)沿逆時(shí)針或順時(shí)針方向?qū)R，并且從圖形的左上角開始。,實(shí)例13：XYZ變換,“XYZ變換”動(dòng)畫播放后，屏幕上紅色的字母“X”逐漸變形為綠色的“Y”，接著綠色的“Y”再逐漸變形為藍(lán)色的字母“Z”。制作步驟： 1、用文本工具，在舞臺(tái)輸入字符“X”，紅色、黑體、96號(hào)、加粗，并將其打碎。 2、在第 15 幀，按 F6 鍵插入關(guān)鍵幀。將字符 X 刪除。輸入綠色字符

55、 Y，打碎。 3、選中 1 到 15 幀，在屬性面板的“補(bǔ)間”下拉列表框中選擇“形狀”選項(xiàng)，創(chuàng)建變形動(dòng)畫。 4、選擇第 1 幀，添加 5 個(gè)關(guān)鍵點(diǎn)標(biāo)記（Ctrl+Shift+H），分別調(diào)整 X 和 Y 上的關(guān)鍵點(diǎn)標(biāo)記的位置。 5、選擇第 16 幀，按 F6 鍵，創(chuàng)建關(guān)鍵幀。選擇 30 幀，按 F6 鍵，在 30 幀將字符 Y 刪除，輸入藍(lán)色字符 Z 并打碎。 6、選擇第 21 幀，添加 7 個(gè)關(guān)鍵點(diǎn)標(biāo)記，分別調(diào)整 Y 和 Z 上的關(guān)鍵點(diǎn)標(biāo)記。,5.5 遮罩圖層與動(dòng)畫,遮罩圖層的作用：,由于遮罩圖層的存在，不能看到下面圖層的內(nèi)容。但可以透過遮罩圖層中的圖形看到下面圖層的內(nèi)容。 在遮罩圖層上繪制的

56、圖形或輸入的文字，相當(dāng)于在遮罩圖層上挖掉了相應(yīng)形狀的洞，形成挖空區(qū)域，挖空區(qū)域?qū)⑼耆该?，其他區(qū)域都是完全不透明的。通過挖空區(qū)域，下面圖層的內(nèi)容就可以被顯示出來(lái)。,創(chuàng)建遮罩圖層：,1、首先創(chuàng)建一個(gè)普通圖層，在其上繪制圖形、輸入文字、導(dǎo)入圖像或加入影片剪輯等。 2、選中剛剛創(chuàng)建的普通圖層，在其上面創(chuàng)建一個(gè)新的普通圖層。 3、在新建的普通圖層上繪制圖形、加入打碎的文字或影片剪輯等，作為遮罩圖層中挖空的區(qū)域。 4、鼠標(biāo)在新建圖層上右鍵單擊，選擇“遮罩”菜單命令。此時(shí)，下面的普通圖層的名字會(huì)向右縮進(jìn)，表示已經(jīng)被它上面的遮罩圖層所關(guān)聯(lián)，成為被遮罩的圖層。,示例14：模擬探照燈光,制作過程： 1、在圖層

57、1 的第 1 幀導(dǎo)入一幅圖像，調(diào)整大小，使它與舞臺(tái)一致。 2、新增圖層 2。將圖層 1 第 1 幀的圖像復(fù)制到圖層 2 的第 1 幀。兩幅圖像的位置、大小應(yīng)一致。 3、隱藏圖層 2。選中圖層 1 的圖像，打開菜單“修改”“轉(zhuǎn)換為元件”，將圖層1的圖像轉(zhuǎn)換成影片剪輯。 4、打開屬性面板，選擇“顏色”下拉列表框中的“亮度”選項(xiàng)，將圖像調(diào)暗。 5、在圖層 2 上創(chuàng)建圖層 3，在該圖層創(chuàng)建一個(gè)圓形圖形移動(dòng)（1-60幀）的動(dòng)畫。分別在第 15、30、45 幀創(chuàng)建關(guān)鍵幀，調(diào)整圓形圖形的位置和形狀。 6、選中圖層1、2的第 60 幀，按 F5 鍵創(chuàng)建普通幀。 7、選中圖層 3，右鍵單擊，選擇“遮罩”項(xiàng)。,示例15：水潑荷花,制作步驟： 1、新建 Flash 文檔，舞臺(tái)尺寸 550400 像素，白色背景。 2、將一副荷花圖片導(dǎo)入到庫(kù)中，然后將該圖片放到舞臺(tái)圖層 1 第 1 幀。 3、調(diào)整圖片尺寸：寬與舞臺(tái)一致，高為舞臺(tái)高度的 1/2，位置處于舞臺(tái)上半部。 4、增加圖層 2。將圖層 1 的圖片復(fù)制到圖層 2 的第 1 幀，位置處于舞臺(tái)的下半部分，然后將圖層 2 的圖片垂直翻轉(zhuǎn)（菜單：“修改-變形-垂直翻轉(zhuǎn)”）。 5、增加圖層 3，鎖定圖層 1。選定圖層 2 第 1 幀，即倒置的荷花圖片，復(fù)制到圖層 3 第 1 幀