《《Flash動畫制作》PPT課件.ppt》由會員分享，可在線閱讀，更多相關《《Flash動畫制作》PPT課件.ppt（38頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、Flash動畫制作,Flash 概述、工作界面、基本術語 基本操作：繪制輪廓線、填充、畫圓、畫方框、擦除圖形、移動圖形 動畫制作：逐幀動畫、過渡動畫、引導層動畫、遮罩動畫、Alpha通道、聲音的導入、發(fā)布與輸出,Flash 概述 工作界面 基本術語,Flash 概述,Flash 是美國Macromedia公司推出的一款非常優(yōu)秀的基于矢量圖形的交互式動畫設計軟件。 它可以將音樂、聲效、動畫以及富有新意的界面等多媒體元素融合在一起，制作出高品質的動畫效果。 它可應用在網(wǎng)頁設計、MTV、電子賀卡、廣告制作、游戲制作以及課件制作。,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程

2、,,Flash 8 工作界面,,,Flash基本術語,時間軸 幀 圖層 場景 元件、實例 對象,時間軸,時間軸位于主工具欄的下面，是用來進行動畫創(chuàng)作和編輯的主要工具，分為兩大部分：層控制區(qū)和時間軸控制區(qū)，如圖所示。,,圖示,幀（Frame） 構成Flash動畫的基本組成元素,幾種類型:,圖層(Layer ),圖層就像透明的膠片，每個圖層上所繪制的對象按一定的順序重疊在一起，形成復雜的動畫。每個每個圖層都有各自的時間軸。在Flash 中圖層分為普通層、遮罩層、運動引導層。,圖2 場景面板,場景（Scene） 場景如同拍電影的不同場所，一個影片可以有一個也可以有多個場景，每個場景是Flash作品中

3、相對獨立的一段動畫內容.,元件、實例,元件：存放在庫中可反復取出使用動畫元素 實例：將元件從庫中拖到舞臺上就形成了這個元件的一個實例. 一個元件可以產(chǎn)生多個實例，當元件更新后，舞臺上的所有實例全部更新，但修改實例的屬性對元件沒有絲毫影響。 說明：為了方便，在場景中引入的實例也簡稱為元件。,圖示,圖 示,對象（Object） Falsh中的動畫都是由對象組成的，對象可以分為: 形狀 通過繪圖工具繪制產(chǎn)生的如園、矩形等形狀；對象被選中，以網(wǎng)點所覆蓋，對象不是整體，各部分的形狀、大小都可以改變。 組 將形狀通過“修改|組合”命令轉換成為組對象，對象是個整體，只能改變組對象的大小、角度等操作。組對象通

4、過“修改|分離”命令打散轉變?yōu)樾螤顚ο蟆?元件 通過“插入”菜單的“|新建元件”或“轉換為元件”命令創(chuàng)建的元件，在場景中引用，其實質也是組。 文本 通過工具箱的“文本工具”產(chǎn)生。,基本操作： 繪制輪廓線、填充、畫圓、畫方框、擦除圖形、移動圖形,界面特點與繪制工具,,(1) 雙擊 Flash軟件圖標,(2) 選擇“文件 / 新建”菜單 (此步不可省略，否則窗口尺寸有誤),,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,,設置動畫尺寸及其他,(1) 單擊底部“屬性”工具條,,, 操作步驟,,,(2) 單擊“尺寸”按鈕,(3) 輸入“尺寸”數(shù)值,(5) 輸入“幀頻” fps (取值

5、1225),,,,(4) 單擊“背景顏色”框 確定動畫窗口背景色,,(6) 確定標尺單位 (像素、英寸、厘米、毫米等),,(7) 單擊“設為默認值”按鈕，保存當前設置,,(8) 單擊“確定”按鈕,,(9) 單擊“屬性”標題欄，關閉,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,動畫的畫法,,(1) 選擇鉛筆工具,(2) 選擇鉛筆顏色,(3) 選擇輪廓模式,(4) 描繪輪廓,, 繪制輪廓線,,,,,(1) 選擇顏料桶工具,(2) 選擇填充模式 (漸變、單色均可),(3) 選擇封閉模式,(4) 單擊圖形內部 填充顏色,,,,,,,,,,,,,,,,,,,,,,,,,,,,,

6、,,,教學進程,,畫圖形,(2) 選擇圓內單色或漸變色,(3) 畫圓 (鼠標橢圓 /Shift+鼠標正圓),(1) 選擇畫圓工具,(2) 選擇單色或漸變色,(3) 單擊“圓角” 按鈕，設置圓角,,,,,, 畫圓,,(4) 畫方框 (鼠標任意 /Shift+鼠標正方),,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,處理圖形,(1) 選擇橡皮工具,(3) 選擇橡皮尺寸,(2) 選擇擦除模式,(4) 擦除圖形,(2) 移動圖形,, 擦除圖形,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,北京 BEIJING,輸入文字,(1) 選擇文本工具,(

7、2) 鼠標左鍵劃出文本框,(3) 輸入文本內容,(4) 光標條覆蓋文本,(6) 鼠標對準文本輸入框，移動文字,(7) 單擊非文本輸入?yún)^(qū)結束,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,動畫制作,1.逐幀動畫 2.過渡動畫(形狀補間、動作補間) 3.引導層動畫 4.遮罩層動畫 5.添加聲音,逐幀動畫,逐幀動畫: 每一幀的畫面都需要自己制作。逐幀動畫的體積一般比較大。 例8.10 ：顯示數(shù)字計數(shù)器，在顯示數(shù)字5這幀時停留時間長些。 設計思想： (1)在時間軸第1幀輸入數(shù)字1 ，其它幀插入關鍵幀，將數(shù)字改變，在數(shù)字5后的幀間隔長一些； (2)“修改|文檔”將幀的播

8、放速度由默認12改為4，使顯示速度慢一些。 例：制作文字滾動的動畫文字 在關鍵幀依次增加文字,過渡動畫,過渡動畫:可以做出位移、旋轉、縮放、顏色改變等動畫效果。 制作方法:改變兩個關鍵幀的位置、形狀、顏色和大小等屬性來完成。也可通過幾個層之間動畫的疊加來實現(xiàn)。 實現(xiàn)過渡動畫:通過“補間”來實現(xiàn)兩個關鍵幀之間的動畫變化；有兩種“補間”： “動作補間”：關鍵幀是矢量圖（組、元件）； “動畫補間”：關鍵幀是分離的圖形。,例8.11 “形狀補間” ，使用改變幀形狀的方法制作由圓形變?yōu)榉叫巍⑷切蔚膭赢嫛?例8.12 “動畫補間” 利用兩個圖層實現(xiàn)兩個球碰撞的效果。 設計思想：利用元件、兩個圖層的時間

9、軸實現(xiàn)兩球碰撞的模擬； 場景中的網(wǎng)格便于定位，通過“查看|網(wǎng)格|顯示網(wǎng)格”來設置。,引導層動畫,引導層動畫: 使運動的對象沿著特定的路徑運動，運動的對象可以是實例、組合及文本塊，而引導層中的路徑必須是矢量圖形。 例8.13 利用引導層使對象沿指定曲線運動的動畫。 設計思想： “插入|新建元件” 建立一個元件，作為運動對象； 在圖層1不同幀引用元件； 添加運動層，用鉛筆畫一條光滑運動軌跡； 在圖層1對象定位在運動曲線上，作”動作補間”。,遮罩層動畫,遮罩層動畫:遮罩層的內容就好比一個洞，透過這個洞，我們可以看到下面的層。遮罩層的對象可以是填充的形狀、文字和實例。 例8.14 制作探照燈效

10、果的動畫。 設計思想：利用遮罩層運動的圓遮罩下面的文字，形成探照燈的效果。 例8.16 使用圖層的遮罩技術滾動顯示彩色文字，文字顏色使用一幅圖片來填充。 設計思想：在圖層1有運動的圖片； 在圖層2有所需的文字，設置為遮罩層。,Alpha通道應用,Alpha通道:是指元件對象顏色的透明度，應用在對象由近到遠逐漸變淡的過程。 例8.15 通過改變文本的位置、顏色和大小的方法制作逐漸消失的文字。 注意： 使用Alpha通道屬性的對象必須是元件或組，不能是分散的圖形。,聲音的導入與使用,聲音在動畫中占有相當重要的地位，它在整個動畫過程中起著畫龍點睛的作用。一個精彩的的動畫，配以合適的背景音樂

11、，將會使作品生動起來，變得更加精彩。 添加聲音過程 1. 導入聲音 2. 在場景中加入使用聲音 3. 聲音屬性設置（音效、播放）,1.導入聲音,使用“文件”“導入”命令; 選擇.wav或.mp3格式的文件，將其導入到庫中; 如果想獲得較好的音效，可導入22kHz、16位立體聲格式的聲音文件；如果為了提高動畫文件的傳輸速度，則應導入8kHz、8位單聲道格式的聲音文件。,2.在場景中加入聲音,庫面板中將聲音文件拖到關鍵幀上,3.聲音屬性設置,效果：有淡入淡出等 同步方式四種： 事件：某個動作觸發(fā)；播放前必須下載完才播放;動畫 停止，聲音也要播完; 可能會同時聽到多個聲音。 開始：與事件相似

12、；區(qū)別是要播完原來的； 不會同時聽到多個聲音 停止：立即停止播放當前幀的聲音; 數(shù)據(jù)流：邊下載邊播放；動畫停止，聲音停止。,發(fā)布與輸出,制作完動畫之后，可以把生成的動畫導出為后綴名為.swf的動畫播放文件，也可以把它發(fā)布為影片，生成網(wǎng)頁瀏覽器支持的HTML、GIF、JPEG文件。 當動畫導出為影片或者是完成HTML文檔的創(chuàng)建后，就可以上載給有MIME類型文件、能識別Flash影片的瀏覽器，任何帶有Flash播放器（Shockwave Flash Player）的瀏覽器都可以播放它。,,發(fā)布的過程為： 發(fā)布設置 選擇“文件|發(fā)布設置”命令，指定要發(fā)布的文件格式和文件名。每種圖形格式都有相應的選

13、項，在選擇了一種圖形格式發(fā)布時Flash會自動嵌入該圖形的HTML代碼。 發(fā)布 設置完成后可直接單擊發(fā)布按鈕，或關閉對話框后選擇“文件|發(fā)布”命令。,制作幀動畫, 繪制圖形,,7.1.3,,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,制作自動動畫, 直線移動動畫,(4) 鼠標右鍵單擊第1幀，選擇“創(chuàng)建動畫動作”,(6) 預覽動畫效果，圖形從第1幀的位置移動到第20幀的位置,,7.1.4,,,,(1) 在第1幀中畫 一個圖形,(2) 鼠標右鍵單擊某一幀，如第20幀 選擇“插入關鍵幀”,,,(5) 鼠標右鍵單擊第20幀，選擇“創(chuàng)建動畫動作”,,,,,,,,,,,,,,,,

14、,,,,,,,,,,,,教學進程,,自由路徑移動動畫,,(3) 單擊鉛筆工具,(10) 預覽動畫效果,,,,(1) 制作直線 移動動畫,,(5) 畫自由路徑,(2) 單擊 (添加引導圖層)按鈕,(4) 選擇“平滑”效果,,,,(6) 單擊圖形圖層,,,(8) 單擊第1幀，把圖形置于路徑的起始位置,(9) 單擊最后1幀，把圖形置于路徑的終了位置,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,為動畫添加聲音,(2) 指定文件類型和聲音文件,(3) 單擊“打開”按鈕,(4) 單擊某個動畫圖層, 操作步驟,(5) 單擊“屬性”工具欄,(6) 在“聲音”框中指定聲音文件,(

15、7) 指定“同步”對象 (事件、開始、停止、數(shù)據(jù)流),(8) 預覽動畫 (可聽到聲音),,,,,,7.1.5,(1) 選擇“文件/導入”,,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,保存動畫, 保存可編輯文件 fla,(1) 選擇“文件/另存為”,(2) 輸入文件名,(3) 單擊“保存”按鈕,,,,,7.1.6,,(3) 單擊“保存”按鈕,(1) 選擇“文件/導出影片”菜單,,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,,動畫制作舉例,, 幀數(shù)：5 動畫文件格式：GIF,,,,操作步驟 (1) 設置動畫尺寸及其他 (2) 繪制輪廓線 (3) 增加關鍵幀 (4) 重復步驟(2)、(3) (5) 保存, 繪制一組蟲子爬行的畫面,,,,,,,,,,,,,,,,,,,,,,,,,,,,教學進程,,