Flash動(dòng)畫制作ppt課件

1、 動(dòng)畫文件格式 FLA (可編輯源動(dòng)畫) SWF (網(wǎng)頁成品動(dòng)畫) AVI (視頻) GIF (網(wǎng)頁成品動(dòng)畫) 動(dòng)畫形式 幀動(dòng)畫、矢量動(dòng)畫 可實(shí)現(xiàn)交互功能、附加同步聲音教學(xué)進(jìn)程教學(xué)進(jìn)程 工具箱 屬性面板 工作區(qū)域時(shí)間軸列號(hào) 混色器面板 其它面板 編輯模式 靜止幀結(jié)束 圖層名 插入圖層 添加運(yùn)動(dòng)層 顯示/隱藏圖層 鎖定/解除圖層層 空白關(guān)鍵幀 靜止幀 關(guān)鍵幀 當(dāng)前幀 幀頻 運(yùn)行時(shí)間 過渡幀 圖 示| |分別命令打散轉(zhuǎn)變?yōu)樾螤顚?duì)分別命令打散轉(zhuǎn)變?yōu)樾螤顚?duì)象。象。元件元件 經(jīng)過經(jīng)過“插入菜單的插入菜單的“| |新新建元件或建元件或“轉(zhuǎn)換為元件命令轉(zhuǎn)換為元件命令創(chuàng)建的元件，在場(chǎng)景中引用，其創(chuàng)建的元件，在

2、場(chǎng)景中引用，其實(shí)質(zhì)也是組。實(shí)質(zhì)也是組。文本文本 通過工具箱的通過工具箱的“文本工具文本工具產(chǎn)生。產(chǎn)生。界面特點(diǎn)與繪制工具界面特點(diǎn)與繪制工具(1) 雙擊雙擊 Flash軟件圖標(biāo)軟件圖標(biāo)(2) 選擇選擇“文件文件 / 新建菜單新建菜單 (此步不可省略，否則窗口尺寸有誤此步不可省略，否則窗口尺寸有誤)菜單欄菜單欄工具欄工具欄動(dòng)畫層控制動(dòng)畫層控制幀控制幀控制動(dòng)畫編輯窗口動(dòng)畫編輯窗口輔助工具輔助工具屬性工具欄屬性工具欄(輔助工具輔助工具)教學(xué)進(jìn)程教學(xué)進(jìn)程設(shè)置動(dòng)畫尺寸及其他設(shè)置動(dòng)畫尺寸及其他(1) 單擊底部單擊底部“屬性工具條屬性工具條 操作步驟(2) 單擊單擊“尺寸按鈕尺寸按鈕(3) 輸入輸入“尺寸數(shù)值

3、尺寸數(shù)值(5) 輸入輸入“幀頻幀頻” fps (取值取值1225)(4) 單擊單擊“背景顏色框背景顏色框 確定動(dòng)畫窗口背景色確定動(dòng)畫窗口背景色(6) 確定標(biāo)尺單位確定標(biāo)尺單位 (像素、英寸、厘米、毫米等像素、英寸、厘米、毫米等)(7) 單擊單擊“設(shè)為默認(rèn)值按鈕，保存當(dāng)前設(shè)置設(shè)為默認(rèn)值按鈕，保存當(dāng)前設(shè)置(8) 單擊單擊“確定按鈕確定按鈕(9) 單擊單擊“屬性標(biāo)題欄，封鎖屬性標(biāo)題欄，封鎖教學(xué)進(jìn)程教學(xué)進(jìn)程動(dòng)畫的畫法動(dòng)畫的畫法(1) 選擇鉛筆工具選擇鉛筆工具(2) 選擇鉛筆顏色選擇鉛筆顏色(3) 選擇輪廓模式選擇輪廓模式(4) 描繪輪廓描繪輪廓 繪制輪廓線(1) 選擇顏料桶工具選擇顏料桶工具(2) 選

4、擇填充模式選擇填充模式 (漸變、單色均可漸變、單色均可)(3) 選擇封閉模式選擇封閉模式(4) 單擊圖形內(nèi)部單擊圖形內(nèi)部 填充顏色填充顏色 填充顏色教學(xué)進(jìn)程教學(xué)進(jìn)程畫圖形畫圖形(2) 選擇圓內(nèi)單色或漸變色選擇圓內(nèi)單色或漸變色(3) 畫圓畫圓 (鼠標(biāo)鼠標(biāo)橢圓橢圓 /Shift+鼠標(biāo)鼠標(biāo)正圓正圓)(1) 選擇畫圓工具選擇畫圓工具(2) 選擇單色或漸變色選擇單色或漸變色(3) 單擊單擊“圓角圓角” 按鈕，設(shè)置圓角按鈕，設(shè)置圓角 畫空心圖形在調(diào)色板中選擇在調(diào)色板中選擇“沒有沒有” 畫圓(4) 畫方框畫方框 (鼠標(biāo)鼠標(biāo)恣意恣意 /Shift+鼠標(biāo)鼠標(biāo)正方正方)(1) 選畫方框工具選畫方框工具 畫方框教學(xué)

5、進(jìn)程教學(xué)進(jìn)程處理圖形處理圖形(1) 選擇橡皮工具選擇橡皮工具(3) 選擇橡皮尺寸選擇橡皮尺寸(2) 選擇擦除模式選擇擦除模式(4) 擦除圖形擦除圖形(2) 移動(dòng)圖形移動(dòng)圖形 擦除圖形 移動(dòng)圖形(1) 選擇箭頭工具選擇箭頭工具邊框和填充顏色是不同的圖形，若想整體移動(dòng)，邊框和填充顏色是不同的圖形，若想整體移動(dòng)，須用鼠標(biāo)左鍵劃定編輯區(qū)域，然后整體移動(dòng)。須用鼠標(biāo)左鍵劃定編輯區(qū)域，然后整體移動(dòng)。 闡明教學(xué)進(jìn)程教學(xué)進(jìn)程輸入文字輸入文字(1) 選擇文本工具選擇文本工具(2) 鼠標(biāo)左鍵劃出文本框鼠標(biāo)左鍵劃出文本框(3) 輸入文本內(nèi)容輸入文本內(nèi)容(4) 光標(biāo)條覆蓋文本光標(biāo)條覆蓋文本(6) 鼠標(biāo)對(duì)準(zhǔn)文本輸入框，移

6、動(dòng)文字鼠標(biāo)對(duì)準(zhǔn)文本輸入框，移動(dòng)文字(7) 單擊非文本輸入?yún)^(qū)結(jié)束單擊非文本輸入?yún)^(qū)結(jié)束北京北京 (5) 單擊單擊“屬性屬性” 工具欄，設(shè)置字體、字號(hào)、顏色、對(duì)齊方式工具欄，設(shè)置字體、字號(hào)、顏色、對(duì)齊方式等等 單擊文本，可再次修改文字教學(xué)進(jìn)程教學(xué)進(jìn)程逐幀動(dòng)畫: 每一幀的畫面都需要自己制作。逐幀動(dòng)畫的體積一般比較大。 例8.10 ：顯示數(shù)字計(jì)數(shù)器，在顯示數(shù)字5這幀時(shí)停留時(shí)間長(zhǎng)些。 設(shè)計(jì)思想： (1)在時(shí)間軸第1幀輸入數(shù)字1 ，其它幀插入關(guān)鍵幀，將數(shù)字改變，在數(shù)字5后的幀間隔長(zhǎng)一些； (2)“修正|文檔將幀的播放速度由默認(rèn)12改為4，使顯示速度慢一些。 例：制作文字滾動(dòng)的動(dòng)畫文字 在關(guān)鍵幀依次增加文字

7、u “動(dòng)畫補(bǔ)間”：關(guān)鍵幀是分離的圖形。例8.11 “形狀補(bǔ)間” ，使用改變幀形狀的方法制作由圓形變?yōu)榉叫?、三角形的?dòng)畫。例8.12 “動(dòng)畫補(bǔ)間” 利用兩個(gè)圖層實(shí)現(xiàn)兩個(gè)球碰撞的效果。 設(shè)計(jì)思想：利用元件、兩個(gè)圖層的時(shí)間軸實(shí)現(xiàn)兩球碰撞的模擬； 場(chǎng)景中的網(wǎng)格便于定位，經(jīng)過“查看|網(wǎng)格|顯示網(wǎng)格來設(shè)置。 引導(dǎo)層動(dòng)畫引導(dǎo)層動(dòng)畫: : 使運(yùn)動(dòng)的對(duì)象沿著特定的路徑運(yùn)動(dòng)，運(yùn)動(dòng)的對(duì)象可使運(yùn)動(dòng)的對(duì)象沿著特定的路徑運(yùn)動(dòng)，運(yùn)動(dòng)的對(duì)象可以是實(shí)例、組合及文本塊，而引導(dǎo)層中的路徑必須是矢量圖形。以是實(shí)例、組合及文本塊，而引導(dǎo)層中的路徑必須是矢量圖形。例例8.13 8.13 利用引導(dǎo)層使對(duì)象沿指定曲線運(yùn)動(dòng)的動(dòng)畫。利用引導(dǎo)層使

8、對(duì)象沿指定曲線運(yùn)動(dòng)的動(dòng)畫。 設(shè)計(jì)思想：設(shè)計(jì)思想： “ “插入插入| |新建元件新建元件” ” 建立一個(gè)元件，作為運(yùn)動(dòng)對(duì)象；建立一個(gè)元件，作為運(yùn)動(dòng)對(duì)象； 在圖層在圖層1 1不同幀引用元件；不同幀引用元件； 添加運(yùn)動(dòng)層，用鉛筆畫一條光滑運(yùn)動(dòng)軌跡；添加運(yùn)動(dòng)層，用鉛筆畫一條光滑運(yùn)動(dòng)軌跡； 在圖層在圖層1 1對(duì)象定位在運(yùn)動(dòng)曲線上，作動(dòng)作補(bǔ)間對(duì)象定位在運(yùn)動(dòng)曲線上，作動(dòng)作補(bǔ)間”。 遮罩層動(dòng)畫遮罩層動(dòng)畫: :遮罩層的內(nèi)容就好比一個(gè)洞，透過這個(gè)遮罩層的內(nèi)容就好比一個(gè)洞，透過這個(gè)洞，我們可以看到下面的層。遮罩層的對(duì)象可以是洞，我們可以看到下面的層。遮罩層的對(duì)象可以是填充的形狀、文字和實(shí)例。填充的形狀、文字和實(shí)例。

9、例例8.14 8.14 制作探照燈效果的動(dòng)畫。制作探照燈效果的動(dòng)畫。 設(shè)計(jì)思想：利用遮罩層運(yùn)動(dòng)的圓遮罩下面的文字，設(shè)計(jì)思想：利用遮罩層運(yùn)動(dòng)的圓遮罩下面的文字，形成探照燈的效果。形成探照燈的效果。例例8.16 8.16 使用圖層的遮罩技術(shù)滾動(dòng)顯示彩色文字，文使用圖層的遮罩技術(shù)滾動(dòng)顯示彩色文字，文字顏色使用一幅圖片來填充。字顏色使用一幅圖片來填充。 設(shè)計(jì)思想：在圖層設(shè)計(jì)思想：在圖層1 1有運(yùn)動(dòng)的圖片；有運(yùn)動(dòng)的圖片； 在圖層在圖層2 2有所需的文字，設(shè)置有所需的文字，設(shè)置為遮罩層。為遮罩層。AlphaAlpha通道通道: :是指元件對(duì)象顏色的透明度，應(yīng)是指元件對(duì)象顏色的透明度，應(yīng)用在對(duì)象由近到遠(yuǎn)逐漸

10、變淡的過程。用在對(duì)象由近到遠(yuǎn)逐漸變淡的過程。例例8.15 8.15 通過改變文本的位置、顏色和大小的通過改變文本的位置、顏色和大小的方法制作逐漸消失的文字。方法制作逐漸消失的文字。留意：留意： 使用使用AlphaAlpha通道屬性的對(duì)象必須是元通道屬性的對(duì)象必須是元件或組，不能是分散的圖形。件或組，不能是分散的圖形。 聲音在動(dòng)畫中占有相當(dāng)重要的地位，它在整個(gè)動(dòng)畫過程中起著畫龍點(diǎn)睛的作用。一個(gè)精彩的的動(dòng)畫，配以合適的背景音樂，將會(huì)使作品生動(dòng)起來，變得更加精彩。 添加聲音過程 1. 導(dǎo)入聲音 2. 在場(chǎng)景中加入使用聲音 3. 聲音屬性設(shè)置音效、播放） u 運(yùn)用“文件”“導(dǎo)入命令;u 選擇.wav或

11、.mp3格式的文件，將其導(dǎo)入到庫中;u 如果想獲得較好的音效，可導(dǎo)入22kHz、16位立體聲格式的聲音文件；如果為了提高動(dòng)畫文件的傳輸速度，則應(yīng)導(dǎo)入8kHz、8位單聲道格式的聲音文件。 庫面板中將聲音文件拖到關(guān)鍵幀上庫面板中將聲音文件拖到關(guān)鍵幀上3.3.聲音屬性設(shè)置聲音屬性設(shè)置 效果：有淡入淡出等效果：有淡入淡出等 同步方式四種：同步方式四種： 事件：某個(gè)動(dòng)作觸發(fā)；播放前必須下載完才播事件：某個(gè)動(dòng)作觸發(fā)；播放前必須下載完才播放放; ;動(dòng)畫動(dòng)畫 停頓，聲音也要播完停頓，聲音也要播完; ; 可能會(huì)同時(shí)可能會(huì)同時(shí)聽到多個(gè)聲音。聽到多個(gè)聲音。 開場(chǎng)：與事件相似；區(qū)別是要播完原來的；開場(chǎng)：與事件相似；區(qū)

12、別是要播完原來的； 不會(huì)同時(shí)聽到多個(gè)聲音不會(huì)同時(shí)聽到多個(gè)聲音 停頓：立即停止播放當(dāng)前幀的聲音停頓：立即停止播放當(dāng)前幀的聲音; ; 數(shù)據(jù)流：邊下載邊播放；動(dòng)畫停止，聲音停止。數(shù)據(jù)流：邊下載邊播放；動(dòng)畫停止，聲音停止。發(fā)布與輸出發(fā)布與輸出 制作完動(dòng)畫之后，可以把生成的動(dòng)畫導(dǎo)出制作完動(dòng)畫之后，可以把生成的動(dòng)畫導(dǎo)出為后綴名為為后綴名為.swf的動(dòng)畫播放文件，也可以的動(dòng)畫播放文件，也可以把它發(fā)布為影片，生成網(wǎng)頁瀏覽器支持的把它發(fā)布為影片，生成網(wǎng)頁瀏覽器支持的HTML、GIF、JPEG文件。文件。 當(dāng)動(dòng)畫導(dǎo)出為影片或者是完成當(dāng)動(dòng)畫導(dǎo)出為影片或者是完成HTML文檔的文檔的創(chuàng)建后，就可以上載給有創(chuàng)建后，就可以

13、上載給有MIME類型文件、類型文件、能識(shí)別能識(shí)別Flash影片的瀏覽器，任何帶有影片的瀏覽器，任何帶有Flash播放器播放器Shockwave Flash Player的瀏覽器都可以播放它。的瀏覽器都可以播放它。發(fā)布的過程為：發(fā)布的過程為： 發(fā)布設(shè)置發(fā)布設(shè)置 選擇選擇“文件文件|發(fā)布設(shè)置命令，發(fā)布設(shè)置命令，指定要發(fā)布的文件格式和文件名。每種圖形指定要發(fā)布的文件格式和文件名。每種圖形格式都有相應(yīng)的選項(xiàng)，在選擇了一種圖形格格式都有相應(yīng)的選項(xiàng)，在選擇了一種圖形格式發(fā)布時(shí)式發(fā)布時(shí)Flash會(huì)自動(dòng)嵌入該圖形的會(huì)自動(dòng)嵌入該圖形的HTML代代碼。碼。 發(fā)布發(fā)布 設(shè)置完成后可直接單擊發(fā)布按鈕，設(shè)置完成后可直接

14、單擊發(fā)布按鈕，或關(guān)閉對(duì)話框后選擇或關(guān)閉對(duì)話框后選擇“文件文件|發(fā)布命令。發(fā)布命令。制作幀動(dòng)畫制作幀動(dòng)畫 繪制圖形7.1.3選擇選擇“插入插入/關(guān)鍵幀選項(xiàng)，增加新的幀關(guān)鍵幀選項(xiàng)，增加新的幀(新的幀自動(dòng)復(fù)制前一幀的內(nèi)容新的幀自動(dòng)復(fù)制前一幀的內(nèi)容) 增加關(guān)鍵幀 在新的幀中繪制圖形 增加圖層 (用于兩個(gè)以上的動(dòng)畫合成)(1) 選擇選擇“插入插入/圖層選項(xiàng)，增加新圖層圖層選項(xiàng)，增加新圖層(2) 在新圖層中繪制圖形，增加關(guān)鍵幀在新圖層中繪制圖形，增加關(guān)鍵幀 演播動(dòng)畫效果(1) 選擇選擇“窗口窗口/工具欄工具欄/控制欄控制欄”，打開控制欄，打開控制欄(2) 選擇選擇“控制控制/循環(huán)播放循環(huán)播放”，連續(xù)觀察動(dòng)

15、畫效果，連續(xù)觀察動(dòng)畫效果停停 首首 倒倒 播播 進(jìn)進(jìn) 尾尾 顯示網(wǎng)格，方便編輯 鼠標(biāo)右鍵單擊動(dòng)畫編輯窗口 選擇“網(wǎng)格/顯示網(wǎng)格” 為方便編輯，打開所有工具 (1) 選擇“窗口/工具欄菜單 (2) 分別選中： 主要欄 狀態(tài)欄 控制欄教學(xué)進(jìn)程教學(xué)進(jìn)程制作自動(dòng)動(dòng)畫制作自動(dòng)動(dòng)畫 直線移動(dòng)動(dòng)畫(4) 鼠標(biāo)右鍵單擊第鼠標(biāo)右鍵單擊第1幀，選擇幀，選擇“創(chuàng)建動(dòng)畫動(dòng)作創(chuàng)建動(dòng)畫動(dòng)作”(6) 預(yù)覽動(dòng)畫效果，圖形從第預(yù)覽動(dòng)畫效果，圖形從第1幀的位置移動(dòng)到第幀的位置移動(dòng)到第20幀的位置幀的位置7.1.4(1) 在第在第1幀中畫幀中畫 一個(gè)圖形一個(gè)圖形(2) 鼠標(biāo)右鍵單擊某一幀，如第鼠標(biāo)右鍵單擊某一幀，如第20幀幀 選擇

16、選擇“插入關(guān)鍵幀插入關(guān)鍵幀”(3) 單擊單擊“ ”工具，移動(dòng)圖工具，移動(dòng)圖形形(5) 鼠標(biāo)右鍵單擊第鼠標(biāo)右鍵單擊第20幀，選擇幀，選擇“創(chuàng)建動(dòng)畫動(dòng)作創(chuàng)建動(dòng)畫動(dòng)作” 自動(dòng)動(dòng)畫只用到兩個(gè)關(guān)鍵幀 用鼠標(biāo)單擊第1幀和第20幀，可調(diào)整圖形的初始位置和終了位置教學(xué)進(jìn)程教學(xué)進(jìn)程自由路徑移動(dòng)動(dòng)畫自由路徑移動(dòng)動(dòng)畫(3) 單擊鉛筆工具單擊鉛筆工具(10) 預(yù)覽動(dòng)畫效果預(yù)覽動(dòng)畫效果(1) 制作直線制作直線 移動(dòng)動(dòng)畫移動(dòng)動(dòng)畫(5) 畫自由路徑畫自由路徑(2) 單擊單擊 (添加引導(dǎo)圖層添加引導(dǎo)圖層)按鈕按鈕(4) 選擇選擇“平滑效果平滑效果(6) 單擊圖形圖層單擊圖形圖層(7) 單擊單擊“ ”工具工具(8) 單擊第單擊

17、第1幀，把圖形置于路徑的起始位置幀，把圖形置于路徑的起始位置(9) 單擊最后單擊最后1幀，把圖形置于路徑的終了位置幀，把圖形置于路徑的終了位置教學(xué)進(jìn)程教學(xué)進(jìn)程為動(dòng)畫添加聲音為動(dòng)畫添加聲音(2) 指定文件類型和聲音文件指定文件類型和聲音文件(3) 單擊單擊“翻開按鈕翻開按鈕(4) 單擊某個(gè)動(dòng)畫圖層單擊某個(gè)動(dòng)畫圖層 操作步驟(5) 單擊單擊“屬性工具欄屬性工具欄(6) 在在“聲音框中指定聲音文件聲音框中指定聲音文件(7) 指定指定“同步對(duì)象同步對(duì)象 (事件、開場(chǎng)、停頓、數(shù)據(jù)流事件、開場(chǎng)、停頓、數(shù)據(jù)流)(8) 預(yù)覽動(dòng)畫預(yù)覽動(dòng)畫 (可聽到聲音可聽到聲音)7.1.5(1) 選擇選擇“文件文件/導(dǎo)入導(dǎo)入”教學(xué)進(jìn)程教學(xué)進(jìn)程保存動(dòng)畫保存動(dòng)畫 保存可編輯文件 fla(1) 選擇選擇“文件文件/另存為另存為”(2) 輸入文件名輸入文件名(2) 選擇文件保