1、第十四章,動(dòng)畫制作軟件Flash (一),動(dòng)畫制作軟件Flash,推薦參考站點(diǎn)： （TOM動(dòng)畫站） 6/content/flashmx/index.htm 北影動(dòng)畫學(xué)院 ,動(dòng)畫制作軟件Flash,Flash概述 工具簡介 基本操作 基本概念 簡單動(dòng)畫實(shí)例 簡單動(dòng)畫的進(jìn)一步制作,動(dòng)畫制作軟件Flash,Flash概述,動(dòng)畫制作軟件Flash,Flash概述,Flash1.0誕生于1996年，到1999年6月發(fā)布的Flash4.0版本，逐漸成為交互式矢量動(dòng)畫的標(biāo)準(zhǔn)。 Flash是目前最流行的交互式多媒體動(dòng)畫制作軟件之一?？梢灾谱鞒鲐S富絢麗的動(dòng)態(tài)效果，且文件相對較

2、小，具有交互性功能。,動(dòng)畫制作軟件Flash,Flash概述,Flash的功能與特點(diǎn) 文件體積較小 采用是矢量圖；但同時(shí)也支持位圖格式的圖像 流媒體動(dòng)畫 Flash播放器在下載Flash影片時(shí)采用流媒體方式 強(qiáng)大的交互功能 可通過Action Script腳本語言與使用者建立交互式關(guān)系，使用者可以通過鍵盤操作或鼠標(biāo)操作與影片之間產(chǎn)生互動(dòng),動(dòng)畫制作軟件Flash,Flash概述Flash的功能與特點(diǎn),支持多種文件格式 Flash文件格式（Flash源文件） 可導(dǎo)入的素材文件格式，如 圖像：bmp、tif、jpg、gif等 音頻：wav、mp3、au等 視頻：mov等 動(dòng)畫：gif、swf等 Ph

3、otoshop的psd、Freehand的ft9、fh9等等 可導(dǎo)出的文件格式，如 動(dòng)畫：gif、swf（ Flash特有的文件格式，在安裝了Flash Player插件的瀏覽器中播放） 視頻：avi、mov 音頻：wav 圖像或圖像序列：jpg、gif、bmp 矢量圖形：dxf,動(dòng)畫制作軟件Flash,Flash概述,Flash的應(yīng)用 制作Flash動(dòng)畫 制作Flash游戲 制作Flash電子賀卡 制作Flash教學(xué)課件 制作Flash廣告條 制作Flash網(wǎng)站主頁,動(dòng)畫制作軟件Flash,Flash概述,作品欣賞 點(diǎn)線人動(dòng)畫 DV效果動(dòng)畫 短篇制作,動(dòng)畫制作軟件Flash,工作界面,菜單欄

4、,工具箱,元件庫,面板,圖層區(qū),時(shí)間軸,場景區(qū),Flash概述,返回,動(dòng)畫制作軟件Flash,工具簡介,動(dòng)畫制作軟件Flash,工具簡介,選取工具 主選工具 作用：選取對象 操作 圖形不分段 選取單個(gè)對象：單擊（如邊框、填充部分） 選取單個(gè)對象的全部：雙擊 當(dāng)圖形分為很多段： 選取邊框中的部分：單擊 選取邊框中的全部：雙擊 選取多個(gè)對象：框選/Shift+雙擊 次選工具 作用：選取錨點(diǎn)與貝賽爾曲線，改變圖形形狀,動(dòng)畫制作軟件Flash,工具簡介,繪圖與擦除工具 直線工具 作用：繪制任意直線 操作 按Shift，繪制出的直線是傾角按45度倍數(shù)變化的直線 橢圓工具 操作 若想繪制無邊框（或無填充）

5、的橢圓，則選取橢圓工具后，修改“屬性”面版上的“筆觸顏色”框（或“填充顏色”框）為透明色 矩形工具 操作 按住矩形工具不放，將展開一個(gè)工具組，可選多角星行工具,動(dòng)畫制作軟件Flash,工具簡介繪圖與擦除工具,鋼筆工具 作用：可繪制直線、折線、閉合圖形區(qū)域、光滑曲線 操作 修改曲線控制點(diǎn)：利用“部分選取工具” 選中曲線 單擊控制點(diǎn)選中控制點(diǎn)，出現(xiàn)控制桿 調(diào)整控制點(diǎn) 轉(zhuǎn)換控制點(diǎn) 角控制點(diǎn)轉(zhuǎn)換為曲線控制點(diǎn)：選中控制點(diǎn)；Alt+“部分選取工具”拖動(dòng)該點(diǎn) 曲線控制點(diǎn)轉(zhuǎn)換為角控制點(diǎn)：利用鋼筆工具，移到要轉(zhuǎn)換的曲線控制點(diǎn)上，單擊 刪除曲線控制點(diǎn) 鋼筆工具移到要轉(zhuǎn)換的曲線控制點(diǎn)上，雙擊,動(dòng)畫制作軟件Flash

6、,工具簡介繪圖與擦除工具,鉛筆工具 作用：繪制比較隨意的線條 三種繪畫模式 伸直 會(huì)將接近三角形、橢圓、圓形、矩形和正方形的圖形變得更加接近這些形狀 平滑 可以讓曲線更加平滑美觀 墨水 讓繪制出的曲線盡可能地接近鼠標(biāo)運(yùn)動(dòng)的軌跡，得到的圖形有點(diǎn)類似徒手畫,動(dòng)畫制作軟件Flash,工具簡介繪圖與擦除工具,筆刷工具 作用：模擬軟筆的效果，為繪制的圖形上色，（具有填充色屬性，可以設(shè)置筆刷樣式與大?。?五種繪畫模式,動(dòng)畫制作軟件Flash,工具簡介繪圖與擦除工具,橡皮工具 水龍頭工具：刪除圖形中某些連續(xù)的區(qū)域 5種擦除模式,動(dòng)畫制作軟件Flash,工具簡介,文本工具 文本塊類型 擴(kuò)展/垂直水平文本塊：單

7、擊鼠標(biāo) 定寬/定高文本塊：單擊鼠標(biāo)然后拖動(dòng) 轉(zhuǎn)換文本類型：拖動(dòng)調(diào)整大小的手柄 色彩工具 墨水瓶工具 作用：為所選圖形加邊框線，也可用來改變邊框線顏色 顏料桶工具 作用：給所選閉合圖形填充顏色，也可用來改變圖形填充顏色 吸管工具 吸取場景中的任意顏色以便填充,動(dòng)畫制作軟件Flash,工具簡介,其他工具 任意變形工具 作用：調(diào)整所選圖形的尺寸，角度與形狀 填充變形工具 作用：用于調(diào)整漸變填充色，（還可以用于調(diào)整填充位圖） 操作 要先選中圖形 套鎖工具,動(dòng)畫制作軟件Flash,工具簡介,混色器 窗口-控制面版-混色器 作用：調(diào)制出不同的顏色，還可創(chuàng)建各種漸變色,返回,動(dòng)畫制作軟件Flash,基本操作

8、,對象組合和解組 組合 作用 繪制多個(gè)圖形后，為防止它們之間的相對位置發(fā)生改變，可以將其組合到一起； 繪制多個(gè)圖形后，若希望它們重疊在一起的時(shí)候互不影響，可以分別先組合，再重疊 Ctrl+G 解組 Ctrl+Shift+G/Ctrl+B,動(dòng)畫制作軟件Flash,基本操作,文本處理 分離文本 作用：可以將輪廓字體的文本中每個(gè)字符放在一個(gè)單獨(dú)的文本塊中 操作：Ctrl+B 分散到圖層 作用：分離文本后，可將文本塊分散到圖層 操作：修改-時(shí)間軸-分散到圖層 轉(zhuǎn)變?yōu)閳D形 作用：轉(zhuǎn)變?yōu)閳D形后可對它進(jìn)行改變形狀、擦除和其他操作 操作：兩次分離操作,返回,動(dòng)畫制作軟件Flash,基本概念,動(dòng)畫 是一種動(dòng)態(tài)生

9、成一系列相關(guān)畫面的處理方法。利用人眼視覺上的“殘留”特性，依一定的速率播放靜止的圖形或圖像就會(huì)產(chǎn)生運(yùn)動(dòng)的視覺效果,動(dòng)畫制作軟件Flash,基本概念,Flash動(dòng)畫的分類 逐幀動(dòng)畫 需要單獨(dú)制作出每一幀的圖形，然后把這些圖形連續(xù)播放來構(gòu)成動(dòng)畫； 補(bǔ)間動(dòng)畫 是由用戶繪制或定義首尾兩幀的圖形，由Flash自動(dòng)生成中間幀，產(chǎn)生首尾兩幀間對象的尺寸、旋轉(zhuǎn)角度、色彩、以及其他一些屬性的均勻變化運(yùn)動(dòng)效果，由首幀的圖形變化到尾幀的圖形 分類 運(yùn)動(dòng)動(dòng)畫 形變動(dòng)畫,動(dòng)畫制作軟件Flash,基本概念,Flash動(dòng)畫的分類 逐幀動(dòng)畫 補(bǔ)間動(dòng)畫 運(yùn)動(dòng)動(dòng)畫 形變動(dòng)畫,動(dòng)畫制作軟件Flash,基本概念,Flash動(dòng)畫的分類

10、 逐幀動(dòng)畫 補(bǔ)間動(dòng)畫 運(yùn)動(dòng)動(dòng)畫 形變動(dòng)畫,動(dòng)畫制作軟件Flash,基本概念,Flash動(dòng)畫的分類 逐幀動(dòng)畫 補(bǔ)間動(dòng)畫 運(yùn)動(dòng)動(dòng)畫 形變動(dòng)畫,動(dòng)畫制作軟件Flash,基本概念,時(shí)間軸（Timeline） 是Flash的核心，通過時(shí)間軸可以組織和控制動(dòng)畫中的內(nèi)容在特定的時(shí)間出現(xiàn)在畫面上 包括：圖層面版、幀面版,動(dòng)畫制作軟件Flash,基本概念,幀（Frame） 動(dòng)畫在時(shí)間上的變化關(guān)系由幀控制 時(shí)間軸以“幀”為單位，生成的動(dòng)畫以“每秒n幀”（fps）的速度進(jìn)行播放 幀的類型 關(guān)鍵幀（KeyFrame）： 此關(guān)鍵幀的表演內(nèi)容與先前的一些普通幀內(nèi)容大不相同，而呈現(xiàn)出關(guān)鍵性的動(dòng)作或內(nèi)容的變化；增加關(guān)鍵幀意味

11、著要增加動(dòng)畫文件的文件長度 只有關(guān)鍵幀中的內(nèi)容才能夠被選取和編輯 插入關(guān)鍵幀：F6（并將前一關(guān)鍵幀復(fù)制） 普通幀 又稱靜止幀，指添加了動(dòng)化效果的兩個(gè)關(guān)鍵幀之間的過度幀(F5) 空白幀 其中不包含任何對象，相當(dāng)于一段空白影片,動(dòng)畫制作軟件Flash,基本概念幀,時(shí)間軸視圖常識 實(shí)關(guān)鍵幀：幀內(nèi)實(shí)心圓 空關(guān)鍵幀：幀內(nèi)空心圓 普通幀：幀內(nèi)空心矩形 空幀：空白 無動(dòng)畫過渡幀：灰色 運(yùn)動(dòng)動(dòng)畫過渡幀：淡藍(lán)色帶箭頭 變形動(dòng)畫過渡幀：淡綠色帶箭頭 錯(cuò)誤動(dòng)畫：虛線,動(dòng)畫制作軟件Flash,基本概念-幀,1,20,21,30,31,50,51,小鴨駛?cè)?秒,原地停止1秒,原地旋轉(zhuǎn)2秒,Demo,動(dòng)畫播放速度10fp

12、s,動(dòng)畫制作軟件Flash,基本概念,圖層（Layers） 動(dòng)畫在空間上的關(guān)系由層來控制 為方便動(dòng)畫制作，往往將各種對象（角色）分開在不同的層中；上面圖層的對象將擋住所有在它下面圖層的對象,動(dòng)畫制作軟件Flash,基本概念,元件與元件庫 元件（符號） 是Flash中可重復(fù)使用的元素 創(chuàng)建元件 新建元件：插入-新建元件 將對象轉(zhuǎn)換為元件 ：修改-轉(zhuǎn)換為元件/F8 種類 圖形元件 按鈕元件 影片剪輯元件 元件庫 元件創(chuàng)建后就添加到元件庫,動(dòng)畫制作軟件Flash,基本概念,實(shí)例 只要把元件庫中的元件拖放到場景中，就可以創(chuàng)建一個(gè)相應(yīng)的實(shí)例 說明 元件減小了文件大小，因?yàn)闊o論創(chuàng)建多少個(gè)元件實(shí)例，F(xiàn)las

13、h 只會(huì)將該元件在文件中存儲(chǔ)一次 修改實(shí)例的屬性而不影響主元件，但編輯主元件會(huì)更改所有實(shí)例,動(dòng)畫制作軟件Flash,基本概念,場景 是在一個(gè)動(dòng)畫文件中，按照一定的子題來組織的一系列動(dòng)畫幀 一個(gè)動(dòng)畫文件中可以有多個(gè)場景；動(dòng)畫中的每一幀都按場景的順序連續(xù)編號 動(dòng)作 采用動(dòng)作可以設(shè)置交互動(dòng)畫，即可以使動(dòng)畫在一段場景播放結(jié)束之后暫停，或采用非線性的方式讓用戶交互控制Flash動(dòng)畫的瀏覽 動(dòng)作是由Flash內(nèi)建的ActionScript語言來控制的,返回,動(dòng)畫制作軟件Flash,簡單動(dòng)畫實(shí)例,逐幀動(dòng)畫實(shí)例 圖像序列 將圖片按照動(dòng)畫的先后順序依次命名，這樣的圖像文件序列稱為圖像序列 操作要點(diǎn) 新建文件 導(dǎo)

14、入圖像 修改舞臺(tái)大小 移動(dòng)圖像位置 移動(dòng)所有幀的內(nèi)容 利用“繪圖紙外觀”按鈕 利用“編輯多個(gè)幀”按鈕 測試：Ctrl+Enter 發(fā)布,動(dòng)畫制作軟件Flash,簡單動(dòng)畫實(shí)例,補(bǔ)間動(dòng)畫實(shí)例 創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫的基本步驟 建立一個(gè)元件，其包含運(yùn)動(dòng)對象 創(chuàng)建首幀，把運(yùn)動(dòng)對象從庫中拖動(dòng)到舞臺(tái)上 插入尾幀，并調(diào)整其運(yùn)動(dòng)對象，可使色彩、尺寸、位置等發(fā)生變化 選中首尾幀之間的任一幀，插入不見動(dòng)畫，產(chǎn)生中間幀 選中任一中間幀，打開屬性面版，可調(diào)整運(yùn)動(dòng)的各種屬性，如旋轉(zhuǎn)、運(yùn)動(dòng)速度等 腳本設(shè)計(jì),動(dòng)畫制作軟件Flash,1,2,3,4,5,6,7,8,9,10,背景,小鴨,音樂,秒,簡單動(dòng)畫實(shí)例補(bǔ)間動(dòng)畫實(shí)例,動(dòng)畫制作

15、軟件Flash,簡單動(dòng)畫實(shí)例補(bǔ)間動(dòng)畫實(shí)例,操作要點(diǎn) 定義文檔屬性 設(shè)置動(dòng)畫播放速度(fps)，以及舞臺(tái)大小（640400）和背景色 創(chuàng)建漸變背景 導(dǎo)入外部圖像到舞臺(tái)，并轉(zhuǎn)換為圖形元件 創(chuàng)建補(bǔ)間動(dòng)畫 添加聲音效果 發(fā)布動(dòng)畫影片,返回,動(dòng)畫制作軟件Flash,簡單動(dòng)畫的進(jìn)一步制作,設(shè)置交互功能 設(shè)置交互動(dòng)畫就是設(shè)置在指定的事件發(fā)生時(shí)執(zhí)行某個(gè)特定的動(dòng)作 Flash動(dòng)畫指定一個(gè)動(dòng)作，是通過ActionScript腳本語言來描述的，并通過動(dòng)作面版將該動(dòng)作分配給舞臺(tái)上某個(gè)按鈕、時(shí)間線上的某一幀或影片剪輯后，才能起作用 為關(guān)鍵幀分配動(dòng)作 是對時(shí)間軸的移動(dòng)產(chǎn)生影響 為按鈕分配動(dòng)作 是對鼠標(biāo)的單擊、移動(dòng)等產(chǎn)生響

16、應(yīng),動(dòng)畫制作軟件Flash,簡單動(dòng)畫的進(jìn)一步制作設(shè)置交互功能,關(guān)鍵幀的動(dòng)作與按鈕上的動(dòng)作 按鈕實(shí)例上指定的“動(dòng)作”，其優(yōu)先權(quán)高于關(guān)鍵幀中指定的“動(dòng)作” 但按鈕實(shí)例上指定的“動(dòng)作”，必須等待瀏覽者引發(fā)事件之后才會(huì)執(zhí)行（比如，單擊了按鈕等）。如果瀏覽者沒有引發(fā)事件的話，該動(dòng)畫的動(dòng)作行為還是以幀中指定的“動(dòng)作”為準(zhǔn)（比如，下面舉例中的動(dòng)畫在瀏覽者未單擊播放按鈕，一直暫停在第1幀中） 并非每一個(gè)動(dòng)畫都需要指定 “動(dòng)作”，在沒有指定 “動(dòng)作”的情況下，這個(gè)動(dòng)畫就會(huì)從第1幀開始播放，平鋪直敘地一直往前，直到播放到最后一幀為止,動(dòng)畫制作軟件Flash,簡單動(dòng)畫的進(jìn)一步制作設(shè)置交互功能,按鈕 按鈕的四種狀態(tài)

17、Up （一般狀態(tài)） Over （鼠標(biāo)經(jīng)過時(shí)） Down （按鈕被按下時(shí)） Hit（感應(yīng)區(qū)域） Hit狀態(tài)在任何時(shí)候都不會(huì)顯現(xiàn)出來，它用于設(shè)置鼠標(biāo)的感應(yīng)區(qū)域，若不設(shè)置，則默認(rèn)為Up所指的區(qū)域,Demo,動(dòng)畫制作軟件Flash,簡單動(dòng)畫的進(jìn)一步制作設(shè)置交互功能,按鈕元件的編輯 按鈕實(shí)際上是四幀的交互影片剪輯 前三幀顯示按鈕的三種可能狀態(tài)； 第四幀定義按鈕的活動(dòng)區(qū)域 制作一個(gè)交互式按鈕 把該按鈕元件的一個(gè)實(shí)例放在舞臺(tái)上； 然后給該實(shí)例指定動(dòng)作 測試按鈕 選擇“控制”/“啟用簡單按鈕”； 將指針滑過已啟用按鈕以對它進(jìn)行測試,動(dòng)畫制作軟件Flash,簡單動(dòng)畫的進(jìn)一步制作設(shè)置交互功能,按鈕元件的制作步驟要

18、點(diǎn) 制作素材元件 buttonp1圖形元件：無邊漸變圓 sanjiao圖形元件：用鋼筆工具畫的三角 制作按鈕元件的圖形元件buttonp2 buttonp1的實(shí)例1做最底層 將buttonp1的實(shí)例2縮小、翻轉(zhuǎn)180度做第二層 將sanjiao的實(shí)例做第三層 選中三個(gè)實(shí)例，對齊（窗口-設(shè)計(jì)面版-對齊） 制作按鈕元件button1 編輯按鈕的Up狀態(tài)：拖入圖形元件buttonp2，對準(zhǔn)舞臺(tái)中間的十字 編輯按鈕的Over狀態(tài)：（變大）插入關(guān)鍵幀；拖入圖形元件buttonp2，對準(zhǔn)舞臺(tái)中間的十字；放大,動(dòng)畫制作軟件Flash,簡單動(dòng)畫的進(jìn)一步制作設(shè)置交互功能,編輯按鈕的Down狀態(tài)：（變色）插入關(guān)鍵幀；拖入圖形元件buttonp2，對準(zhǔn)舞臺(tái)中間的十字；打散（打散后的元件才能填色）；將要變色的圖形拖出，填色，并分別組合，放回原位；Shift+點(diǎn)選三個(gè)圖形，對齊 編輯按鈕的Hit狀態(tài)：插入關(guān)鍵幀；因和Over狀態(tài)的面積要求完全相同，故刪除遺留的上一幀的內(nèi)容，復(fù)制Over幀的內(nèi)容 為按鈕加入聲效 添加一新圖層sound 建立4個(gè)關(guān)鍵幀 在Down幀拖入聲音文件 回到場景： 增加一新圖層buttons將建好的按鈕元件拖入；選中按鈕，打開動(dòng)作面版，為其添加動(dòng)作（on(release)play();） 增加新圖層action定位第一幀，打開動(dòng)作面版，為其添加動(dòng)作（stop()）。,動(dòng)畫制作軟件F