flash動(dòng)畫(huà)制作教程分析

1、動(dòng)畫(huà)制作技術(shù),Flash課程應(yīng)用篇,Flash課程基礎(chǔ)篇,天津青年職業(yè)學(xué)院 精品課,關(guān)于FLASH介紹,Macromedia 公司開(kāi)發(fā) 矢量圖形編輯和交互式動(dòng)畫(huà)制作專(zhuān)業(yè)軟件 FLASH產(chǎn)品特點(diǎn) 矢量化圖形和動(dòng)畫(huà) 文件尺寸小 支持流式播放技術(shù) 邊下載邊瀏覽 可配音、可交互、可編程,天津青年職業(yè)學(xué)院 精品課,Flash基礎(chǔ)篇,高級(jí)動(dòng)畫(huà)制作技術(shù),為動(dòng)畫(huà)添加音效,測(cè)試、優(yōu)化與發(fā)布,動(dòng)畫(huà)基礎(chǔ)和工作環(huán)境,交互動(dòng)畫(huà)制作技術(shù),動(dòng)畫(huà)原理與基礎(chǔ)動(dòng)畫(huà),天津青年職業(yè)學(xué)院 精品課,工作環(huán)境,天津青年職業(yè)學(xué)院 精品課,符號(hào)與實(shí)例,符號(hào)CTRL+F8 創(chuàng)建符號(hào)（或先創(chuàng)建后用F8轉(zhuǎn)換） 圖形符號(hào) 按鈕符號(hào) 存放在作品庫(kù)中 影

2、片剪輯 實(shí)例將庫(kù)中的符號(hào)引用到場(chǎng)景就是實(shí)例 兩者的區(qū)別,天津青年職業(yè)學(xué)院 精品課,圖 層,疊放在一起的透明膠片 在不同的圖層組織圖形、文字和動(dòng)畫(huà) 在場(chǎng)景制作中表現(xiàn)空間層次（遠(yuǎn)、中、近）,圖層分類(lèi),普通層：放置圖形、文字和動(dòng)畫(huà) 引導(dǎo)層：繪制引導(dǎo)線 遮蔽層：遮蔽層上繪制圖形,透過(guò)窗口觀看下面圖層的動(dòng)畫(huà)。,天津青年職業(yè)學(xué)院 精品課,動(dòng)畫(huà)制作流程,選材(故事、身邊事、社會(huì)現(xiàn)象、寓言）觸動(dòng) 發(fā)人深省 編寫(xiě)腳本（創(chuàng)意、文字和音效） 確定風(fēng)格（根據(jù)故事情節(jié)） 設(shè)計(jì)制作場(chǎng)景、角色 (統(tǒng)一風(fēng)格) 制作（運(yùn)用所學(xué)技術(shù)） 測(cè)試（播放）修改、完善 優(yōu)化（適用于網(wǎng)絡(luò)帶寬） 發(fā)布（按要求導(dǎo)出指定格式的文件）,天津青年職業(yè)

3、學(xué)院 精品課,場(chǎng) 景,場(chǎng)景是故事情節(jié)發(fā)生的地點(diǎn)和情景 場(chǎng)景是故事發(fā)生過(guò)程中的一個(gè)片斷 場(chǎng)景是圍繞故事,與角色相關(guān)的特定空間環(huán)境,場(chǎng)景的功能 交待時(shí)空關(guān)系 再現(xiàn)社會(huì)空間 營(yíng)造情緒氛圍 刻畫(huà)角色心理,天津青年職業(yè)學(xué)院 精品課,基本動(dòng)畫(huà)制作技術(shù),動(dòng)畫(huà)基本類(lèi)型,逐幀動(dòng)畫(huà) 案例 （ ）,運(yùn)動(dòng)漸變動(dòng)畫(huà) 案例 （ ）,形狀漸變動(dòng)畫(huà) 案例 （ ）, 上述三種動(dòng)畫(huà)類(lèi)型是動(dòng)畫(huà)的基礎(chǔ)類(lèi)型，其后的高級(jí)動(dòng)畫(huà)多在此基礎(chǔ)上經(jīng)復(fù)合、疊加變化而來(lái)。,天津青年職業(yè)學(xué)院 精品課,逐幀動(dòng)畫(huà),逐幀動(dòng)畫(huà) 又稱(chēng)為“幀 幀”動(dòng)畫(huà)。 特 點(diǎn):每一幀都是關(guān)鍵幀,每一幀畫(huà)面都有不同之處。逐幀動(dòng)畫(huà)是由一個(gè)個(gè)密集的關(guān)鍵幀組成的變化復(fù)雜的動(dòng)畫(huà)。 時(shí)間軸

4、 逐幀動(dòng)畫(huà)適合制作無(wú)規(guī)律的動(dòng)畫(huà) 如：走路、飛翔、跳舞、書(shū)法、表情等。,天津青年職業(yè)學(xué)院 精品課,形狀漸變動(dòng)畫(huà),形狀漸變動(dòng)畫(huà)原理 圖形形狀發(fā)生變化（一個(gè)圖形變成另一個(gè)圖形） 形變動(dòng)畫(huà)的條件： 至少有兩個(gè)關(guān)鍵幀 關(guān)鍵幀中包含必要的矢量圖形、打散的文字、矢量化的位圖等動(dòng)畫(huà)元素 設(shè)置形狀漸變的動(dòng)畫(huà)方式 形變動(dòng)畫(huà)元素存在形式 散 點(diǎn),天津青年職業(yè)學(xué)院 精品課,運(yùn)動(dòng)漸變動(dòng)畫(huà),運(yùn)動(dòng)漸變動(dòng)畫(huà) 是使 等對(duì)象產(chǎn)生 變化的動(dòng)畫(huà)。,位圖 組合 文本 實(shí)例,位置移動(dòng) 尺寸縮放 平面旋轉(zhuǎn) 色彩變化 透 明 度,運(yùn)動(dòng)動(dòng)畫(huà)元素存在形式,創(chuàng)建運(yùn)動(dòng)漸變動(dòng)畫(huà)條件： 至少有兩個(gè)關(guān)鍵幀（通常是起始點(diǎn)和終止點(diǎn)） 關(guān)鍵幀中必須包含實(shí)例、組

5、合、文字或位圖等元素 設(shè)置運(yùn)動(dòng)漸變的動(dòng)畫(huà)方式,整 體,天津青年職業(yè)學(xué)院 精品課,兩種漸變動(dòng)畫(huà)的比較,矢 量 圖,實(shí) 文 群 位 例 字 組 圖,漸變形式,整 體,形狀漸變,控制點(diǎn),運(yùn)動(dòng)漸變,引導(dǎo)線,矢 量化位 圖,打散的文字,散 點(diǎn),天津青年職業(yè)學(xué)院 精品課,高級(jí)動(dòng)畫(huà)制作技術(shù),有控制點(diǎn)的形變動(dòng)畫(huà)案例（ ）,動(dòng)畫(huà)嵌套 案例（ ）,遮蔽動(dòng)畫(huà) 案例（ ）,按鈕動(dòng)畫(huà) 案例（ ）,文字特效動(dòng)畫(huà) 案例（ ）,有引導(dǎo)線的運(yùn)動(dòng)動(dòng)畫(huà)案例（ ）,天津青年職業(yè)學(xué)院 精品課,控制形變動(dòng)畫(huà),控制點(diǎn)作用：控制原始圖形與新圖形之間對(duì)應(yīng)部位的變換走向，使圖形之間的變形過(guò)渡不是隨機(jī)的而是定向的。最多時(shí)可以用26個(gè)控制點(diǎn)來(lái)控制圖

6、形變化。 控制點(diǎn)的擺放位置要符合要達(dá)到的變化順序。,天津青年職業(yè)學(xué)院 精品課,引導(dǎo)線運(yùn)動(dòng)動(dòng)畫(huà),創(chuàng)建順序（建議） 運(yùn)動(dòng)層; 引導(dǎo)層; 起、終點(diǎn)貼近引導(dǎo)線 引導(dǎo)層與運(yùn)動(dòng)層的關(guān)系 一個(gè)引導(dǎo)層可以和一個(gè)運(yùn)動(dòng)層建立關(guān)聯(lián) 或多個(gè)運(yùn)動(dòng)層建立關(guān)聯(lián),導(dǎo)向動(dòng)畫(huà) 運(yùn)動(dòng)動(dòng)畫(huà)的一種類(lèi)型, 可以由用戶設(shè)置運(yùn)動(dòng)路徑 ( 是兩個(gè)層共同作用的運(yùn)動(dòng)效果 ) 。,天津青年職業(yè)學(xué)院 精品課,動(dòng)畫(huà)嵌套,動(dòng)畫(huà)嵌套的實(shí)現(xiàn)是通過(guò)在一個(gè)影片中添加影片剪輯MC（局部動(dòng)畫(huà)），使得影片和影片剪輯各自獨(dú)立的變化疊加而形成的復(fù)合動(dòng)畫(huà)。比如： 汽車(chē)行駛（群、運(yùn)動(dòng)）+ 車(chē)輪轉(zhuǎn)動(dòng)（MC） 地球公轉(zhuǎn)（引導(dǎo)運(yùn)動(dòng)）+ 自轉(zhuǎn)（MC） 小鳥(niǎo)飛翔（運(yùn)動(dòng)）+ 翅膀扇動(dòng)（M

7、C） 流星劃落（運(yùn)動(dòng)）+ 閃動(dòng)（MC） 按鈕動(dòng)畫(huà)各種MC效果添加到按鈕各關(guān)鍵幀,天津青年職業(yè)學(xué)院 精品課,遮蔽動(dòng)畫(huà)（原理敘述）,遮蔽動(dòng)畫(huà)由遮蔽層與普通層（被遮蔽層）組成： 遮蔽層是起遮蔽作用的圖層：可含有圖形、實(shí)例、文字或各種類(lèi)型的動(dòng)畫(huà)（導(dǎo)向動(dòng)畫(huà)除外）等元素。 普通層即透過(guò)遮蔽要顯示的內(nèi)容所在層：元素同上 遮蔽層和普通層的區(qū)別：遮蔽層是用做遮蔽作用的層，而普通層是一個(gè)受遮蔽層影響的層。,天津青年職業(yè)學(xué)院 精品課,遮蔽動(dòng)畫(huà)（原理演示）,遮蔽動(dòng)畫(huà)是通過(guò)遮蔽層和普通層兩個(gè)圖層相互作用實(shí)現(xiàn)動(dòng)畫(huà)效果的。,原理演示:,天津青年職業(yè)學(xué)院 精品課,文字特效動(dòng)畫(huà),文字特效動(dòng)畫(huà)對(duì)象是文字（組或打散的文字）, 文字

8、動(dòng)畫(huà)多應(yīng)用于網(wǎng)頁(yè)或作品所需的字幕設(shè)計(jì)中 。, 文字打散后用分配到層命令依次傳送到不同的圖層中。,靜態(tài)文字 Flash可以將文字元素處理各種特殊效果 如 : 空心字、覆雪字、金屬字、浮雕字,動(dòng)態(tài)文字 淡入淡出（運(yùn)動(dòng)、Alpha） 跳動(dòng)文字（打散、分配到層、運(yùn)動(dòng)、時(shí)間順序） 文字引導(dǎo)線（運(yùn)動(dòng)、引導(dǎo)、嵌套）,天津青年職業(yè)學(xué)院 精品課,文字效果,靜態(tài)效果 1.空心字 輸入 - 打散2 - 描邊 - 刪除填充 2.覆雪字 上述步驟 + 填充藍(lán)色 - 擦除部分 3.金屬字 輸入 - 打散2 描邊6PX- 線性填充，剪切 - 選取邊框，修改-形狀-線條轉(zhuǎn)換為填充 - 線性填充邊框 原地粘貼內(nèi)部填充,動(dòng)態(tài)效果

9、 二、跳動(dòng)的文字 1 輸入文字 打散1 - 移動(dòng)至場(chǎng)景下方 2 選取文字分配到層 3 制作動(dòng)畫(huà),天津青年職業(yè)學(xué)院 精品課,按鈕 （ 庫(kù)元件 ）,普通按鈕 僅利用四個(gè)關(guān)鍵幀（按鈕四種狀態(tài)）制作靜態(tài)按鈕 動(dòng)態(tài)按鈕 利用 MC 與對(duì)應(yīng)關(guān)鍵幀嵌套制作動(dòng)態(tài)按鈕 按鈕動(dòng)畫(huà) 利用按鈕點(diǎn)擊關(guān)鍵幀特殊性制作動(dòng)畫(huà),作用：1.通過(guò)響應(yīng)鼠標(biāo)事件來(lái)控制影片的播放、停止等操作，實(shí)現(xiàn)瀏覽者與動(dòng)畫(huà)的交互。2.制作按鈕動(dòng)畫(huà),天津青年職業(yè)學(xué)院 精品課,動(dòng)態(tài)按鈕,動(dòng)態(tài)按鈕作用： 按鈕動(dòng)畫(huà)可以達(dá)到強(qiáng)調(diào)、美化、引起重視的效果。,動(dòng)態(tài)按鈕原理： 是利用動(dòng)畫(huà)嵌套，先將動(dòng)畫(huà)效果制做成影片剪輯符號(hào)（MC），再引用到按紐符號(hào)的對(duì)應(yīng)關(guān)鍵幀中而形成

10、的動(dòng)畫(huà)效果。, 將MC引用至彈起或經(jīng)過(guò)幀效果較好,天津青年職業(yè)學(xué)院 精品課,按鈕動(dòng)畫(huà),按鈕點(diǎn)擊幀（Hit 、反應(yīng)區(qū)） 影片剪輯（各種動(dòng)畫(huà)片段） 命令腳本,利用,而制作的動(dòng)畫(huà) 。,相互作用,天津青年職業(yè)學(xué)院 精品課,為動(dòng)畫(huà)添加音效,影響聲音文件大小的主要因素,為動(dòng)畫(huà)添加背景音樂(lè)案例（ ）,為動(dòng)畫(huà)添加聲音特效案例（ ）,為按鈕添加聲音特效案例（ ）,編輯聲音,聲音同步方式與效果案例（ ）,聲音文件格式,天津青年職業(yè)學(xué)院 精品課,聲音文件,FLASH可以接受的聲音文件格式 聲音文件的主要參數(shù) 概念：采樣率 KHz、位分辨率 kbps 和聲道 ( 單、雙） 建議: mp3格式 適用于較長(zhǎng)的聲音( 8k

11、bps,快速fast); ADPcm格式,適用于較短的聲音(參數(shù)盡可能小,單聲道),天津青年職業(yè)學(xué)院 精品課,聲音的錄制和導(dǎo)入,錄制 ( 利用操作系統(tǒng)提供的錄音程序） 開(kāi)始程序附件娛樂(lè)錄音機(jī) 文件保存格式： * . WAV 導(dǎo)入外部聲音（利用菜單“文件導(dǎo)入”命令） 聲音素材庫(kù)( 音效大全 ) 網(wǎng)上下載,www.sound_ ,天津青年職業(yè)學(xué)院 精品課,聲音同步,1聲音文件完全下載之后，影片播放到插有聲音的關(guān)鍵幀時(shí)開(kāi)始播放聲音。適用于較短的聲音文件。 此模式不受時(shí)間軸的控制，聲音一直到播放完畢才結(jié)束。如果聲音比影片長(zhǎng)，即使是動(dòng)畫(huà)已經(jīng)停止，聲音播放也繼續(xù)進(jìn)行。適用于同時(shí)開(kāi)始而無(wú)需同步的影片音樂(lè)。,

12、開(kāi)始模式與事件模式相似，增加了檢測(cè)重復(fù)聲音的功能(不同之處是當(dāng)一個(gè)新的開(kāi)始模式的聲音播放時(shí)，其它開(kāi)始模式的聲音會(huì)停止)。就是說(shuō)當(dāng)一個(gè)聲音正在播放時(shí)，不會(huì)有另一個(gè)開(kāi)始模式的聲音同時(shí)播放。此模式適合在按鈕組中使用。,停止模式將使指定的聲音靜音。選取聲音層是某關(guān)鍵幀，同步方式設(shè)置為停止，當(dāng)影片播放到該幀時(shí)聲音停止播放。適用于影片轉(zhuǎn)場(chǎng)或情節(jié)變化時(shí)。,資料流聲音鎖定時(shí)間軸，比視頻具有更高的優(yōu)先級(jí)。使用資料流聲音時(shí)，F(xiàn)lash MX播放器會(huì)將聲音與視頻同步（動(dòng)畫(huà)播放停止時(shí)資料流聲音也會(huì)停止）。也就是說(shuō)Flash MX強(qiáng)制動(dòng)畫(huà)播放與流式聲音播放同步。適用于動(dòng)畫(huà)中的同步音效。,事件模式：,開(kāi)始模式：,停止模式

13、：,資料流模式：,天津青年職業(yè)學(xué)院 精品課,實(shí)訓(xùn)科目為試管充水添加聲音效果,實(shí)訓(xùn)目的： 為試管充水添加流式聲音：“快速泡泡聲” 在最后一幀添加事件音效：“鈴” 為按鈕組添加開(kāi)始聲音：“咔” 相關(guān)知識(shí)：聲音屬性 聲音類(lèi)型 步驟提示： 打開(kāi)試管充水實(shí)例源文件 添加聲音圖層 選取應(yīng)添加聲音相應(yīng)關(guān)鍵幀添加聲音效果 選取相應(yīng)按鈕添加聲音效果 播放測(cè)試，調(diào)試,效 果,天津青年職業(yè)學(xué)院 精品課,交互動(dòng)畫(huà)制作技術(shù),ActionScript 是 Flash 的編程語(yǔ)言，作用 控制Flash動(dòng)畫(huà)的播放器 響應(yīng)用戶事件 程序?qū)崿F(xiàn)動(dòng)畫(huà)效果 編程對(duì)象：關(guān)鍵幀、按紐和影片剪輯,天津青年職業(yè)學(xué)院 精品課,動(dòng)作面板 （F9）,動(dòng) 作 工 具 箱,腳 本 窗 口,腳 本 導(dǎo) 航 器,腳 本 編 輯 按 鈕,天津青年職業(yè)學(xué)院 精品課,添加命令順序,為關(guān)鍵幀添加命令 1. 選取關(guān)鍵幀（或） 2. 打開(kāi)命令面板 為按鈕添加命令 1. 選取場(chǎng)景中按鈕 2. 打開(kāi)命令面板 為影片剪輯添