Flash動畫制作ppt課件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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