第四章 動畫制作技巧.ppt

1、第四章 動畫制作技巧,FlashMX網頁動畫,2,本章主要內容,元件與實例 圖層在動畫中的應用 時間軸特效 濾鏡與混合模式,3,動畫中的場景,場景動畫的三維控制 當二維的時間軸控制不便時，可將不同情況的影片用不同場景制作 特性： 場景是一個完整的動畫序列 一個Flash作品可由若干個場景組成 播放動畫時，依建立順序逐次播放場景,4,動畫中的場景,場景的建立 新建動畫時，自動建立第一場景 菜單：“插入”“場景”可插入新場景 時間軸窗口下方按鈕可切換場景 場景插入后默認名為場景1、場景2、. 菜單：“窗口”-“其他面板”-“場景”可打開場景面板，在其中可修改場景名，添加或刪除、復制場景,元件與實例

2、,第四章 動畫制作技巧,6,元件和實例,元件（符號） 元件是Flash中可重復使用的特殊圖形對象。 元件可以自行創(chuàng)建或從另一動畫中復制。 為便于管理，動畫中所有元件被組織成元件庫存放 實例： 實例是元件的實際應用。 將元件從元件庫拖入舞臺即成為一個實例 實例繼承元件全部屬性。 修改元件后全體實例均被修改，而每個實例均可單獨修改部分屬性。,Flash MX中的元件,7,元件和實例,元件優(yōu)點： 簡化動畫編輯：形狀相似僅大小或顏色不同的同類圖形制作一個元件即可。 顯著縮小動畫的大小：同一元件不管創(chuàng)建多少實例，F(xiàn)lash只保留一份副本即可。 加快影片播放速度：因元件只需下載一次。 可編程性：可為元件設

3、置觸發(fā)事件以創(chuàng)建復雜的交互式動畫,Flash MX中的元件,8,為便于管理FLASH元件被組織成元件庫在系統(tǒng)中存放。 元件庫類型 公用庫 公用庫是FLASH系統(tǒng)為用戶制作的元件庫 打開菜單：窗口公用庫 影片的元件庫 每個FLASH影片，系統(tǒng)都為其建立一個元件庫 打開菜單：窗口庫 FLASH影片元件庫是公用的可被任何影片使用。 將任意元件庫中的元件用鼠標拖至舞臺即可成為實例，同時元件亦被復制到本影片元件庫。,元件和實例,Flash MX元件庫,9,元件類型 圖形元件（Graphic)： 一般為靜止圖片，不可加入交互動作和聲音。 電影剪輯元件（Move Clip)： 本身即為獨立小動畫，有自己的時

4、間軸可獨立播放，并可加入聲音和互動。 按鈕元件（button）： 檢測鼠標動作產生互動，并可夾帶音效。 高級按鈕（Smart Clip)：單選、復選、下拉式菜單等復雜按鈕。 附：導入的位圖和聲音亦放入元件庫。,元件和實例,Flash MX元件庫,10,元件和實例,在元件庫中直接創(chuàng)建 “插入”“新建元件”或單擊圖庫窗口下按鈕 輸入元件名稱并選擇元件類型 在元件編輯模式中編輯元件 結束編輯：單擊場景名稱或場景按鈕 實例：制作“球”圖形元件,創(chuàng)建元件,11,元件和實例,創(chuàng)建影片剪輯元件的特殊性 影片剪輯元件是小動畫，制作方法與一般動畫制作相同 可以利用已有元件做影片剪輯的動畫對象 用影片剪輯元件做動

5、畫對象時兩者的運動會產生疊加現(xiàn)象 播放動畫時一般不會看到影片剪輯的動畫效果，測試時才可以 實例：疊加的老鼠運動,創(chuàng)建元件,12,元件和實例,由圖形對象生成元件 繪制或導入一個圖形或文字 選中對象 菜單：修改轉換成元件 輸入元件名稱并選擇元件類型 實例：旋轉風車,創(chuàng)建元件,13,元件和實例,系統(tǒng)自動創(chuàng)建 創(chuàng)建運動漸變動畫時，系統(tǒng)有時會自動將對象轉換為元件。 轉換條件： 動畫對象不是元件實例 創(chuàng)建方法是右擊中間幀選“創(chuàng)建動畫動作” 轉換類型：圖形元件；默認名稱：補間1、.,創(chuàng)建元件,14,元件和實例,將FLASH影片轉換成電影剪輯元件 按Shift單擊動畫所有層，選中所有幀 “編輯”“復制幀” 確

6、保沒有選取對象，“插入”“新建元件” 輸入元件名稱并選擇電影剪輯元件 對時間軸上第一幀選擇“粘貼幀” 單擊場景名稱或場景按鈕退出元件編輯狀態(tài),創(chuàng)建元件,15,必須進入元件剪輯模式才能修改元件 切換方法 雙擊元件庫中元件圖標 雙擊元件實例 右擊選中元件實例 編輯、在新窗口中編輯、在新位置中編輯 “編輯”菜單 編輯元件、編輯所選項目 元件庫“選項”按鈕“編輯” 編輯欄右上角元件按鈕 進入元件編輯模式后可象編輯FLash 圖形一樣編輯元件,元件和實例,編輯元件,16,元件和實例,按鈕的特點： 按鈕是一種特殊元件，播放動畫時可以接受鼠標操作從而觸發(fā)動作控制動畫。 按鈕可依操作狀態(tài)附加畫面變化和聲音。

7、按鈕的構造-由四幀動畫構成。 彈起（Up）鼠標彈起或不使用狀態(tài)。 指針經過（Over）鼠標指針移動到按鈕上時的狀態(tài)。 按下（Down）按下按鈕時的狀態(tài)。 點擊（Hit）定義對鼠標做出反應的區(qū)域，以防文字按鈕字間對鼠標不反應。,按鈕元件,17,元件和實例,新建元件并設置元件類型為按鈕 進入元件編輯模式 在“彈起”幀中繪制或導入圖形，注意圖形中心點與元件中心十字線對準。 在“指針經過”幀中插入一個關鍵幀。 在“屬性”面板中改變按鈕效果或改變圖形。 在“按下”幀中做同樣操作。 “點擊”幀如不設計，則按鈕在上三幀圖形范圍內有效，如設計圖形則圖形即為鼠標有效范圍。,制作按鈕元件,18,元件和實例,編輯狀

8、態(tài)： “控制”“啟用簡單按鈕”：編輯狀態(tài)下按鈕即可有反應。 “控制”“測試影片”,按鈕的測試,19,元件和實例,元件從元件庫中拖入舞臺區(qū)就成為實例 查看實例屬性屬性面板 實例類型框：顯示或修改實例類型 實例名稱 “交換”按鈕用于更改實例 顏色：調整顏色屬性包括亮度、彩色、色調、Alpha等 實例：花的顏色,實例屬性,20,元件和實例,圖形元件其實亦可帶動畫，但用其做主動畫時至少后面要有一個延續(xù)幀 影片剪輯元件實例亦可臨時轉換為圖形元件 方法：屬性面板：類型下拉框中直接選擇類型 帶動畫圖形元件可以由屬性面板控制小動畫的播放方式 播放方式框：指定圖形元件是否播放動畫及是否循環(huán) “第一幀”：設定圖形

9、元件動畫從第幾幀開始播放,帶動畫圖形元件,21,元件和實例,實例一：鏡頭推拉效果 實例二：圖片的漸隱漸出 實例三：水波紋,實例屬性,22,共享對象庫資源,FLASHMX2004允許若干個動畫共享一個源動畫元件庫中的資源。 當源動畫中的共享對象改變時，所有動畫中的同一對象同步更新，相當于將實例使用范圍擴大到其他動畫 分類： 運行時共享 將源動畫中的資源鏈接為外部文件，播放目標動畫時動態(tài)載入（更新）共享對象 編輯時共享 通過局域網實現(xiàn)編輯源動畫中共享對象時同步更新目標動畫中的共享對象。,23,共享對象,要實現(xiàn)共享對象，首先應在源動畫中設置要共享的對象。 操作 在元件庫中選中要共享的元件或對象 選項

10、或快捷菜單中選擇“鏈接” “鏈接”對話框參數(shù)： 為動作腳本導出：使用腳本調用共享對象 為運行時共享導出：一般共享 在第一幀導出：將自身文件名加入URL以便共享 URL：指定共享對象所在SWF文件名,共享對象的設置,24,共享對象,目標動畫中將復制的元件設置為共享型資源。 操作 建立目標動畫并用一般復制元件方法將源動畫中的共享對象復制到本動畫中 在元件庫中選中要共享的元件或對象 選項或快捷菜單中選擇“鏈接” 選擇“為運行時共享導入”即將此元件設置為共享的元件。,共享對象的設置,25,共享對象,在目標動畫中設置自動更新方式。 操作 在目標動畫元件庫中選中共享對象 選項或快捷菜單中選擇“屬性”“高級

11、”按鈕“源”選項區(qū) 總是在發(fā)布前更新：設置自動更新 “瀏覽”按鈕：設置源動畫文件路徑 “元件”按鈕：設置更新的元件 設置更新后，一旦源動畫中共享對象改變則所有目標動畫中同一對象運行后全部自動更新。,共享對象的更新,26,共享對象,實例一：共享元件并更新 實例二：在圖片和聲音上加載鏈接信息 注意：對位圖和聲音文件的鏈接引用不能實現(xiàn)自動更新，必須同步修改。但可顯著減小目標動畫的大小。,共享對象實例,圖層的應用,第四章 動畫制作技巧,28,圖層在動畫中的應用,圖層用于組織和安排動畫的層次 圖層特點： 圖層間相互獨立，能獨立編輯 上方圖層上的圖形對象總是位于下方圖層的上面 實例：圖層的調整 不同動作安

12、放在不同圖層上才能互不影響 利用圖層，能輕松高效作出種種特殊效果,圖層基本概念,29,圖層在動畫中的應用,圖層類型 一般圖層 遮罩與被遮罩圖層：用于制作特殊遮罩動畫 引導與被引導圖層：用于制作特殊沿路徑運動動畫,圖層基本概念,30,時間軸上的圖層狀態(tài) 繪圖與禁止繪圖狀態(tài) 表示本層為當前層，可進行各種操作 。 顯示或隱藏狀態(tài) 如圖層處于隱藏狀態(tài)，編輯時看不見也不能進行任何修改。 鎖定狀態(tài) 被鎖定的圖層無法進行任何操作。 外框模式 處于外框模式層上的所有圖形只能顯示輪廓。 設定狀態(tài)方法 單擊圖層上表示本狀態(tài)的點,圖層在動畫中的應用,圖層基本概念,31,創(chuàng)建新圖層 新建作品只有一個層。 創(chuàng)建操作：

13、“插入”“圖層”或快捷菜單選“插入圖層”。 單擊圖層窗口下方按鈕 新層默認在舊層上面。 創(chuàng)建圖層文件夾 圖層太多時可以創(chuàng)建圖層文件夾以分別管理不同性質的圖層 創(chuàng)建操作： “插入”“圖層目錄”或快捷菜單選“插入目錄”。 單擊圖層窗口下方按鈕,圖層在動畫中的應用,圖層操作,32,圖層在動畫中的應用,重新命名圖層雙擊圖層名。 改變圖層順序鼠標直接拖動 選取圖層 選取一個圖層：單擊圖層 選取多個圖層：按 Shift 后單擊各圖層 刪除圖層 選取圖層，單擊 選取圖層拖至 右擊圖層，選擇“刪除圖層”。,圖層操作,33,復制圖層 復制圖層實際上是復制圖層上的所有幀 FLASH允許同時復制多個連續(xù)圖層上的幀

14、操作 選取不同圖層上的多幀 按 Shift選取多個圖層，則自動選取這些圖層上的所有幀 直接用鼠標拖出包含不同圖層不同幀的矩形區(qū) 右擊選“復制幀” 插入一個新圖層（可以在新文件中） 右擊新圖層上相應幀選“粘貼幀” 注意：多個圖層復制時除最低層必須自創(chuàng)圖層外其余由系統(tǒng)自動插入,圖層在動畫中的應用,圖層操作,34,圖層在動畫中的應用,圖層屬性 圖層屬性對話框用于全面設置指定圖層的相關參數(shù) 打開： 右擊圖層選“屬性” 雙擊圖層名前的圖標 參數(shù)設置 圖層名稱、鎖定、類型、外框顏色(Outline)、是否為外框模式(View Layer As Outline)等。,圖層操作,35,圖層在動畫中的應用,圖層

15、使用原則： 不同動作應使用不同圖層。 聲音一般單獨占一圖層 查看多圖層時可將其他圖層隱藏 為保護設置好的動畫，編輯新圖層時可將原圖層鎖定。,圖層操作,36,圖層在動畫中的應用,實例一：飛翔的文字 實例二：開放的花 實例三：光線寫字效果 實例四：旋轉文字,圖層操作實例,37,引導層 引導層是一種輔助層，它下方圖層可成為被引導層 功能：讓被引導層上的對象沿引導層上繪制的路徑運動 創(chuàng)建沿路徑運動 創(chuàng)建漸變動畫 右擊當前層選擇“添加引導層”或單擊按鈕 新添引導層在當前層上方并成為當前層 在引導層上繪制路徑 調整首尾關鍵幀上對象的位置使其中心點正好位于路徑起、終點。 將引導層隱藏,圖層在動畫中的應用,沿

16、路徑運動,38,圖層在動畫中的應用,添加旋轉效果 選中“屬性”面板上“調整到路徑”時可使對象沿路徑運動同時改變角度 “屬性”面板中選擇旋轉參數(shù) 沒有：不旋轉（默認） 自動：對象以最小角度旋轉到終點位置 順時針：順時針旋轉 逆時針：旋轉 后兩種要在后面的次數(shù)框中選擇旋轉次數(shù),沿路徑運動,39,圖層在動畫中的應用,動畫實例： 老鼠的弧線運動 行星運動,沿路徑運動,40,圖層在動畫中的應用,一個引導層可以引導若干個被引導層 普通圖層轉換為被引導層 任何位于引導層下的圖層想成為被引導層，可在圖層“屬性”框中選“已引導”或將其拖至引導層下方 引導層轉為普通層 被引導層移至引導層的上層 在圖層“屬性”框中

17、選“正?！?沿路徑運動,41,遮罩層用于制作探照燈等流動效果 遮罩層將與它相關聯(lián)的層內容掩蓋起來 遮罩層上有填充內容的地方才會顯示下面被遮罩層的內容 遮罩層上、漸變色、透明度等屬性均被忽略 按鈕不能使用遮罩層 遮罩層的創(chuàng)建 選取被遮罩層 在上面新建一層 繪制圖形，并可設置動畫 右擊遮罩層后選擇“遮罩層”,圖層在動畫中的應用,遮罩層動畫,42,圖層在動畫中的應用,與遮罩層的關聯(lián) 遮罩層的下一層是被遮罩層 遮罩層下的圖層想成為被遮罩層，在圖層“屬性”框中選“被遮罩” 取消與遮罩層的關聯(lián) 被遮罩層移至遮罩層的上層 在圖層“屬性”框中選“正?！?遮罩層動畫,43,實例一：文字的淡出效果 實例二：位圖切

18、換 實例三：移動的像框 實例四：倒影,圖層在動畫中的應用,遮罩層動畫,時間軸特效,第四章 動畫制作技巧,45,時間軸特效,時間軸特效是FLASHMX2004版新增功能，是系統(tǒng)事先制作好的動畫特效，可以快速創(chuàng)建動畫。 使用時間軸特效可以在只創(chuàng)建一個關鍵幀的情況下得到動畫效果 應用范圍 文本、矢量圖、組合和圖形及按鈕元件,46,時間軸特效,創(chuàng)建特效 設計動畫對象 菜單：插入時間軸特效具體特效 輸入或選擇相應參數(shù) 編輯特效： 菜單：修改時間軸特效編輯特效 刪除特效： 菜單：修改時間軸特效刪除特效,47,時間軸特效,特效效果 變形與轉換 變形：調整對象大小、位置、ALPHA 轉換：以對象進行擦除、淡入

19、淡出等逐漸變換特效 輔助 分散式重制：將對象復制多份逐漸疊加顯示 復制到網絡：將對象復制多份組成網格顯示,48,時間軸特效,特效效果 效果： 分離：產生對象作打散、旋轉拋出等效果 展開：擴展和收縮對象 投影：產生陰影效果 模糊：讓對象有模糊效果 各種特效均有參數(shù)可供調整 實例： 字體的旋幻效果 漫天花雨,49,自定義緩入/緩出動畫,FLASH8.0 新增此功能可以使補間動畫對象在舞臺上反復移動 制作方法 正常制作運動補間動畫 選擇首關鍵幀，單擊屬性面板的“緩動”框右邊的“編輯”按鈕，彈出“自定義緩入/緩出”對話框 在直線上單擊添加節(jié)點，并調整曲線,50,自定義緩入/緩出動畫,自定義緩入/緩出動

20、畫參數(shù)的調整 橫坐標：幀；縱坐標：變化的百分比正切手柄：水平時為勻速，垂直時變化最快 屬性：設置緩動的屬性類別 屬性包括：位置、旋轉、縮放、顏色、濾鏡 為所有屬性使用一種設置 所有屬性使用同樣緩動 添加節(jié)點：在線上單擊 刪除節(jié)點：選中節(jié)點后按“刪除”鍵 實例：彈跳球,濾鏡與混合模式,第四章 動畫制作技巧,52,濾鏡,FLASH8.0新增濾鏡功能以調整圖形效果，并可在補間動畫中產生特殊效果 濾鏡應用范圍 文本、電影剪輯和按鈕 濾鏡設置由屬性面板的“濾鏡”選項卡完成，設置方法： 選中要添加濾鏡的對象 屬性面板中單擊“+”號按鈕 選擇一種濾鏡并設置相應參數(shù),53,濾鏡,投影濾鏡 模擬對象向一個表面投影的效果，或在背景中剪出一個形似對象的洞來模擬對象的外觀 模糊濾鏡 柔化(模糊)對象的邊緣和細節(jié) 發(fā)光濾鏡 在對象周圍產生光芒,濾鏡