1、導讀導讀動畫是多媒體產品中最具吸引力的素材動畫是多媒體產品中最具吸引力的素材之一，具有表現力豐富、直觀、易于理解、之一，具有表現力豐富、直觀、易于理解、吸引注意力、風趣幽默等特點。吸引注意力、風趣幽默等特點。 動畫不僅能利用自身工具創建出豐富動畫不僅能利用自身工具創建出豐富的動畫素材，而且能結合其他多媒體素材的動畫素材，而且能結合其他多媒體素材創作出更多表現形式的多媒體作品。創作出更多表現形式的多媒體作品。1 1了解動畫的原理及常見的動畫類型。了解動畫的原理及常見的動畫類型。2 2掌握動畫的一般制作方法和技巧。掌握動畫的一般制作方法和技巧。3 3能制作符合設計要求的動畫素材。能制作符合設計要求

2、的動畫素材。 通過前面章節對于圖形圖像和聲音通過前面章節對于圖形圖像和聲音素材的采集與制作內容的介紹，了解對素材的采集與制作內容的介紹，了解對圖形圖像和聲音素材的一般獲取方法及圖形圖像和聲音素材的一般獲取方法及制作流程，同時也了解了它們在表現多制作流程，同時也了解了它們在表現多媒體內容方面存在的不同的優勢。媒體內容方面存在的不同的優勢。 本章在前述章節的基礎上主要對動本章在前述章節的基礎上主要對動畫的形成原理和常見的動畫種類進行介畫的形成原理和常見的動畫種類進行介紹，并利用紹，并利用Flash CCFlash CC工具軟件詳細演示工具軟件詳細演示制作各類動畫的方法。制作各類動畫的方法。本章的主

3、要學習內容及在多媒體制作技術中的位置本章的主要學習內容及在多媒體制作技術中的位置4.1.1 4.1.1 動畫的原理動畫的原理 動畫利用了人類眼睛的動畫利用了人類眼睛的“視覺滯留視覺滯留效應效應”，即人在看物體時，物體在大腦，即人在看物體時，物體在大腦視覺神經中的停留時間約為視覺神經中的停留時間約為1/24s1/24s。 如果每秒更替如果每秒更替2424個或更多的畫面，個或更多的畫面，那么，前一個畫面在人腦中消失之前，那么，前一個畫面在人腦中消失之前，下一個畫面就進入人腦，從而形成連續下一個畫面就進入人腦，從而形成連續的影像。的影像。 它揭示了連續分解的動作在快速閃現時它揭示了連續分解的動作在快

4、速閃現時會產生活動的原理。會產生活動的原理。 人們根據這個原理，發明了我們在日常人們根據這個原理，發明了我們在日常生活中隨處可見的電影和動畫片。生活中隨處可見的電影和動畫片。 目前世界上的主流動畫片分為目前世界上的主流動畫片分為3 3種類型：種類型：二維傳統手繪動畫、二維電腦動畫和三維電二維傳統手繪動畫、二維電腦動畫和三維電腦動畫。腦動畫。 隨著動畫的發展，除了動作的變化，隨著動畫的發展，除了動作的變化，還發展出顏色的變化、材料質地的變化、還發展出顏色的變化、材料質地的變化、光線強弱的變化，這些因素都賦予了動光線強弱的變化，這些因素都賦予了動畫新的品質。畫新的品質。 通常制作動畫是需要繪圖軟件

5、與動通常制作動畫是需要繪圖軟件與動畫制作軟件來互相搭配，其中繪圖軟件畫制作軟件來互相搭配，其中繪圖軟件負責圖形的繪制或圖片的掃描，而動畫負責圖形的繪制或圖片的掃描，而動畫制作軟件則負責整合這些圖片的動作。制作軟件則負責整合這些圖片的動作。 二維動畫制作軟件是根據具體制作格式的二維動畫制作軟件是根據具體制作格式的不同，有不同對應的制作軟件。不同，有不同對應的制作軟件。 GIF GIF格式的動畫：常用工具，有格式的動畫：常用工具，有PhotoshopPhotoshop、GIF Construction SetGIF Construction Set或或Ulead GIF AnimatorUlead

6、 GIF Animator等。等。 SWF SWF格式的動畫目前存在的工具最為常用的格式的動畫目前存在的工具最為常用的就是就是FlashFlash。 Flash Flash動畫有動畫有3 3種基本類型：逐幀動種基本類型：逐幀動畫、運動模式漸變動畫和形狀漸變動畫。畫、運動模式漸變動畫和形狀漸變動畫。 在在FlashFlash軟件中，制作動畫主要是對軟件中，制作動畫主要是對幀進行處理。幀進行處理。 Flash Flash就是利用動畫片的原理，把每個就是利用動畫片的原理，把每個畫面分成幀，產生動畫的最基本的元素就畫面分成幀，產生動畫的最基本的元素就是這些幀，所以怎么生成幀就是制作動畫是這些幀，所以怎

7、么生成幀就是制作動畫的核心。的核心。 在在FlashFlash中，時間軸上的每個小格其實中，時間軸上的每個小格其實就是一個幀。就是一個幀。 Adobe Flash Professional CC Adobe Flash Professional CC為創為創建數字動畫、交互式建數字動畫、交互式WebWeb站點、桌面應用站點、桌面應用程序以及手機應用程序開發提供了功能全程序以及手機應用程序開發提供了功能全面的創作和編輯環境。面的創作和編輯環境。 Flash Flash廣泛用于創建吸引人的應用程序，廣泛用于創建吸引人的應用程序，可以在可以在FlashFlash中創建原始內容或者從其它中創建原始內容

8、或者從其它AdobeAdobe應用程序（如應用程序（如PhotoshopPhotoshop或或illustratorillustrator）導入）導入它們，快速設計簡單的動畫，以及使用它們，快速設計簡單的動畫，以及使用Adobe Adobe ActionScript 3.0ActionScript 3.0開發高級的交互式項目。開發高級的交互式項目。 設計人員和開發人員可使用它來創建設計人員和開發人員可使用它來創建演示文稿、應用程序和其它允許用戶交互演示文稿、應用程序和其它允許用戶交互的內容。的內容。 Adobe Flash CC Adobe Flash CC界面清新簡潔友好，界面清新簡潔友好，

9、用戶能在較短的時間內掌握軟件的使用。用戶能在較短的時間內掌握軟件的使用。 Adobe Flash CC Adobe Flash CC可以實現多種動畫可以實現多種動畫特效，是由一幀幀的靜態圖片在短時間內特效，是由一幀幀的靜態圖片在短時間內連續播放而造成的視覺效果，表現為動態連續播放而造成的視覺效果，表現為動態過程，能滿足用戶的制作需要。過程，能滿足用戶的制作需要。 逐幀動畫（逐幀動畫（Frame By FrameFrame By Frame）是一）是一種常見的動畫手法，逐幀動畫的原理就種常見的動畫手法，逐幀動畫的原理就是在不同的關鍵幀上繪制或導入不同的是在不同的關鍵幀上繪制或導入不同的圖形或圖像

10、，并在這些關鍵幀中保持圖圖形或圖像，并在這些關鍵幀中保持圖形在大小、顏色、形狀、位置等屬性上形在大小、顏色、形狀、位置等屬性上的連貫變化，通過一定的速度連續播放的連貫變化，通過一定的速度連續播放這些關鍵幀內容后就可形成不停變化的這些關鍵幀內容后就可形成不停變化的動畫動畫。逐幀動畫時間線效果圖逐幀動畫時間線效果圖 在在FlashFlash中創建逐幀動畫通常有以下中創建逐幀動畫通常有以下幾種方法。幾種方法。（1 1）用導入的靜態圖片建立逐幀動畫。）用導入的靜態圖片建立逐幀動畫。（2 2）繪制矢量逐幀動畫。）繪制矢量逐幀動畫。（3 3）文字逐幀動畫。用文字作幀中的元件，）文字逐幀動畫。用文字作幀中的

11、元件，實現文字跳躍、旋轉等特效。實現文字跳躍、旋轉等特效。 （4 4）導入序列圖像。例如可以通過導入）導入序列圖像。例如可以通過導入.gif.gif序列圖像、序列圖像、.swf.swf動畫文件或利用第動畫文件或利用第3 3方軟件（如方軟件（如SwishSwish、Swift 3DSwift 3D）產生的動）產生的動畫序列。畫序列。 變形動畫也叫做變形動畫也叫做“形狀補間動畫形狀補間動畫”，它是針對所選兩個關鍵幀中的圖形在形它是針對所選兩個關鍵幀中的圖形在形狀、大小、色彩等方面發生變化而產生狀、大小、色彩等方面發生變化而產生的動畫效果。的動畫效果。 在形狀補間動畫中兩個關鍵幀的圖在形狀補間動畫中

12、兩個關鍵幀的圖形內容必須是處于分離狀態下的矢量圖形內容必須是處于分離狀態下的矢量圖形，它們可以是不同的圖形。形，它們可以是不同的圖形。 變形動畫時間線效果圖變形動畫時間線效果圖 形狀補間動畫可以實現兩個圖形之間形狀補間動畫可以實現兩個圖形之間顏色、形狀、大小、位置的相互變化，其變顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動畫和動作補間動畫之形的靈活性介于逐幀動畫和動作補間動畫之間，使用的元素多為用鼠標或壓感筆繪制出間，使用的元素多為用鼠標或壓感筆繪制出的形狀，如果使用圖形元件、按鈕、文字，的形狀，如果使用圖形元件、按鈕、文字，則必須先則必須先“分離分離”再變形。再變形。作品預覽效

13、果圖作品預覽效果圖 運動動畫也叫做運動動畫也叫做“運動補間動畫運動補間動畫”。 運動補間動畫常用來創建運動補間動畫常用來創建“圖形元件圖形元件”或或“影片剪輯影片剪輯”的縮放、運動、旋轉、顏色的縮放、運動、旋轉、顏色以及透明度的動畫。以及透明度的動畫。 在運動補間動畫中，在一個特定時在運動補間動畫中，在一個特定時間定義一個實例、組或文本塊的位置、間定義一個實例、組或文本塊的位置、大小和旋轉屬性，然后在另一個特定時大小和旋轉屬性，然后在另一個特定時間更改這些屬性。間更改這些屬性。 另外，在運動補間動畫中，還可以另外，在運動補間動畫中，還可以沿著路徑應用補間動畫。沿著路徑應用補間動畫。運動動畫時間

14、線效果圖運動動畫時間線效果圖 運動補間動畫是創建隨時間移動或運動補間動畫是創建隨時間移動或更改的動畫的一種有效方法，并且可以更改的動畫的一種有效方法，并且可以最大程度地減少所生成的文件大小。最大程度地減少所生成的文件大小。 在補間動畫中，僅保存幀之間更改在補間動畫中，僅保存幀之間更改的值。的值。作品預覽效果作品預覽效果 引導線動畫就是通過自定義的路徑引導線動畫就是通過自定義的路徑讓舞臺內的元件隨著它移動或運動。讓舞臺內的元件隨著它移動或運動。 在動畫制作中我們首先設置好舞臺在動畫制作中我們首先設置好舞臺內的元件的運動動畫，然后通過建立引內的元件的運動動畫，然后通過建立引導層，并且在引導層中繪制

15、元件運動的導層，并且在引導層中繪制元件運動的路徑后，將元件的首尾幀中的元件分別路徑后，將元件的首尾幀中的元件分別定位于引導路徑的開始端與結束端，來定位于引導路徑的開始端與結束端，來實現引導線動畫的設置動作。實現引導線動畫的設置動作。 引導線動畫時間線效果圖引導線動畫時間線效果圖 引導線動畫文件播放時引導層中的引導線動畫文件播放時引導層中的路徑線條將不會顯示，所以它不會影響路徑線條將不會顯示，所以它不會影響最終的動畫效果。最終的動畫效果。 值得注意的是一條引導路徑可以對值得注意的是一條引導路徑可以對多個對象同時作用，一個影片中也可以多個對象同時作用，一個影片中也可以存在多個引導圖層。存在多個引導

16、圖層。 作品預覽效果作品預覽效果 “ “遮罩遮罩”，顧名思義就是遮擋住下，顧名思義就是遮擋住下面的對象。面的對象。 在在FlashFlash中，中，“遮罩動畫遮罩動畫”就是通就是通過過“遮罩層遮罩層”來達到有選擇的顯示位于來達到有選擇的顯示位于其下方圖層中的內容的目的。其下方圖層中的內容的目的。遮罩動畫時間線效果圖遮罩動畫時間線效果圖 Flash CC Flash CC遮罩層中的內容可以是填充的遮罩層中的內容可以是填充的形狀、文字對象、圖形元件或影片剪輯。形狀、文字對象、圖形元件或影片剪輯。 一個遮罩層可以同時遮罩多個圖層，但一個遮罩層可以同時遮罩多個圖層，但遮罩層與遮罩層之間不能相互作用。遮

17、罩層與遮罩層之間不能相互作用。“展開的畫卷展開的畫卷”作品預覽效果作品預覽效果 多媒體技術的多媒體技術的“交互性交互性”是指能夠是指能夠為用戶提供更加有效的控制和使用信息為用戶提供更加有效的控制和使用信息的手段，同時也為多媒體技術應用開辟的手段，同時也為多媒體技術應用開辟更加廣闊的領域。更加廣闊的領域。 交互性就是讓傳播信息者和接收信交互性就是讓傳播信息者和接收信息者相互之間有信息的實時交換。息者相互之間有信息的實時交換。 動作面板動作面板 Flash CC Flash CC具有強大的互動程序編輯具有強大的互動程序編輯功能，使其能編制出各種精彩的交互動功能，使其能編制出各種精彩的交互動畫。畫。“圖片瀏覽器圖片瀏覽器”作品預覽效果作品預覽效果一、理論架構一、理論架構1 1簡述動畫