1、YCF正版可修改PPT（中職）秘書崗位多媒體技術應用3ppt教學課件 第三章 動畫制作技術第一節 動畫基本知識第二節 Flash 簡介第三節 Flash文檔與基礎編輯第四節 Flash動畫制作目 錄第一節 動畫基本知識動畫是一種源于生活而又以抽象于生活的形象來表達運動的藝術形式。計算機及其相關理論和技術飛速發展，為動畫制作提供了強大的數字施展空間。所謂動畫，就是一種通過連續畫面來顯示運動和變化的技術，畫面以一定的速度播放以達到連續的動態效果。動畫不僅可以表現運動過程，還可以表現非運動過程，如柔性體的變形、色彩和光的強弱變化等。一、動畫概述計算機動畫是指采用圖形與圖像的處理技術，并借助于動畫編程

2、與制作軟件直接生成，或對一系列人工圖形進行一種動態處理后生成的一系列可供實時演播的連續畫面。在計算機直接生成的動畫中，畫面的變化不僅包括物體的運動效果和景物的運動效果，還包括虛擬攝像機的相對運動效果，以及明暗、陰影、紋理、色彩的變化等，這些都可以由計算機直接設計生成。二、計算機動畫概述第二節 Flash 簡介Flash是專業的矢量圖形編輯和動畫創作軟件，主要用于制作和播放在互聯網以及其他多媒體程序中使用的矢量圖形和動畫素材。一、Flash中的基本概念二、Flash CS3 的工作界面一、Flash中的基本概念（一）位圖與矢量圖在Flash中應用的圖形，根據其顯示原理的不同，主要分為位圖和矢量圖

3、兩種，在制作Flash動畫時，應盡量采用矢量圖形，這樣不但可以減小動畫文件的大小，而且更適合在網絡上的播放和傳播。（二）幀與圖層幀與圖層是構成動畫的基本元素。幀是組成Flash動畫的最基本單位。與電影的成像原理一樣，Flash動畫也是通過對幀的連續播放實現動畫效果的。圖層就像一張透明的紙。每一個圖層之間相互獨立，有自己的時間軸，包含自己獨立的幀。修改某一圖層時，不會影響到其他圖層上的對象，圖層間彼此獨立。（三）元件與庫在Flash動畫制作過程中，善于利用元件和庫是提高工作效率的重要途徑之一。元件是動畫中可以反復使用的某一個部件。動畫中需要多次用到的圖形或影片片段應轉換為元件，需要使用時直接調用

4、元件即可。另外，部分動畫效果的生成也僅針對元件才有效。Flash中的元件有3種：影片剪輯元件、按鈕元件、圖形元件。二、Flash CS3 的工作界面Flash CS3應用窗口是用來組織、管理和打開 Flash CS3中各項命令、工具、工作區和功能面板的。Flash CS3窗口中主要打開了菜單欄、工具箱、時間軸和各個功能面板等，如圖所示。第三節 Flash文檔與基礎編輯一、文檔格式簡述二、文檔管理基礎三、Flash文檔基礎編輯一、文檔格式簡述Flash CS3包含多種文檔格式，主要有FLA、SWF和AS3種，此外還有FLP和JSFL等。每種類型都具有不同的用途，所以每種類型都很重要。（一）FLA

5、Flash中最常用的文件格式。它包含組成Flash文檔的3種類型的信息：媒體對象、時間軸和Action Script代碼。（二）SWFSWF文件是FLA文件的壓縮版本。只有將FLA轉換成SWF格式才能發布為Flash動畫。SWF文件是在Web頁中顯示的文件，其中只包含顯示所需的信息。（三）ASAS文件是動作腳本英文的簡稱。AS寫在關鍵幀上面，當時間軸上的播放頭播放到這個關鍵幀時，寫在這個幀上面的AS就被觸發執行了。（四）JSFLJSFL文件是在Flash編輯環境下使用的一種語言，它是向Flash創作工具添加新功能的JavaScript文件，以便在Flash編輯環境下執行某些指定的操作。（五）F

6、LPFLP文件指Flash Professional項目文件。用戶可以使用Flash項目管理多個文檔文件，將多個文件組織在一起以創建復雜的應用程序。二、文檔管理基礎（一）新建Flash文檔1.用菜單欄命令新建Flash文檔2.使用快捷菜單命令新建Flash文檔（二）設置文檔屬性文檔的屬性包括新文檔的大小、幀頻、背景和其他屬性，可以通過使用“文檔屬性”對話框和“屬性”面板來設置現有文檔的屬性。 （三）保存文檔完成Flash文檔的編輯后，需要將文檔保存下來，以便以后再次編輯。在Flash CS3中保存文檔的方法有多種，而且可以保存為2個不同的Flash版本。（四）另存為模板Flash允許用戶將常用

7、的設置或包含內容的Flash文檔保存為模板，以便使用模板創建新文檔。（五）發布設置當用戶完成動畫的編輯后，可以將動畫發布到Web頁上。使用“發布設置”對話框可以設置動畫的發布配置。（六）發布與發布預覽當編輯完Flash文檔后，就可以對它進行發布。發布Flash文檔時，Flash會將其壓縮為SWF文件格式，這也是用戶將動畫放置到Web頁中的格式。三、Flash文檔基礎編輯Flash文檔基礎編輯是在Flash文檔制作過程中或完成后為保證文檔的正確而采取的相關操作，其中包括文本的查找替換操作、優化設計動畫和動畫的打印等。（一）查找和替換文本（二）自動化處理任務（三）Flash文檔的打印處理第四節 F

8、lash動畫制作一、繪制圖形二、幀的基本操作三、逐幀動畫四、補間動畫五、引導路徑動畫六、遮罩動畫七、時間軸特效動畫一、繪制圖形（一）繪圖工具Flash里的矢量繪圖工具有很多類，直線工具、橢圓工具、矩形工具、多角星形工具可以直接繪制基本幾何圖形；鉛筆工具、刷子工具及鋼筆工具可以自由手繪；墨水瓶工具和顏料桶工具可以對線框和填充涂色；選擇工具、直接選擇工具、變形工具和填充變形工具可以對繪制的形狀進行靈活的變形調整。繪制橢圓（二）認識形狀Flash里所繪制的基本形狀都是由線條和填充組成，而線條和填充被視為不同對象，形狀可以只有線條或者只有填充，也可以二者都有，線條和填充可以有不同的顏色和樣式。線條和填

9、充分離后的效果（三）形狀變形使用選擇工具 可以對基本形狀圖形進行變化，對圖形或者圖形部分進行分離、移動和變形，它是Flash里矢量繪圖的利器。繪制一個五角形，使用選擇工具選擇其中一條邊，將它從五角形中分離開。（四）線條和填充墨水瓶工具 和顏料桶工具 分別操作線條和填充，線條的樣式有許多，填充的種類也很多，包括了無、純色、線性漸變、放射狀和位圖等。下圖是變化填充的效果。（五）形狀組Flash中的形狀會相互切割，這有時不便于對圖形進一步編輯和調整，往往要重新繪圖，為避免這個問題，可將簡單的形狀組合起來成組。選擇要成組的形狀，然后單擊“修改”菜單中的“組合”命令或者按CtrlG鍵即可。組的周圍有藍色

10、的矩形框，可以移動整個組而不能直接移動組內單個的形狀，對成組后的形狀選擇工具不能直接對它進行分離和變形。（六）文字工具Flash里的文字分為靜態文本、動態文本和輸入文本三類，后兩類文本用在Flash動畫的交互功能上，常與Flash的動作語言結合使用。靜態文本可用多種字體，字號和方向也很好調整。下圖是輸入文字和文字分離的效果。（七）筆繪工具Flash筆繪工具主要有刷子工具、鉛筆工具、鋼筆工具、橡皮擦工具等，利用這些可以手動繪制矢量藝術圖形，方便自由繪圖。（八）繪制圖形實例1繪制月亮月亮在不同的時間呈現出不同的狀態，有盈虧之分。下面學習繪制滿月和彎月的方法和技巧。繪制的步驟如下：新建一個Flash

11、文檔。設置舞臺背景色為深藍色，其他參數保持默認值。在 “矩形工具”按鈕 上按住鼠標數秒，彈出工具列表框，在其中選擇“橢圓工具”，在屬性面板中設置“筆觸顏色”為無，“填充色”為黃色，在拖動鼠標的同時按住Shift鍵，在舞臺上畫一個黃色的正圓，滿月繪制完成。將“筆觸顏色”和“填充色”均設為深藍色（和背景顏色相同），在黃色圓的旁邊畫一個略小的深藍色正圓，此時舞臺上會出現一輪彎彎的月亮，如圖所示。2繪制按鈕新建一個Flash文檔。選擇“矩形工具” ，設置筆觸顏色為黑色，填充色為無。按住Shift鍵，在舞臺上繪制出一個空心的矩形。設置好漸變顏色。選擇“顏料桶工具”，設置按鈕的高光色。使用“選擇工具”，刪

12、除矩形的外邊框。選擇“漸變變形工具”按鈕 ，拖拉“大小”或“寬度”手柄，調節高光色。單擊“文本工具”按鈕 ，繪制文本，在“屬性”欄里設置文本類型、字體等，一個簡單的按鈕圖形就制作完成了。如圖所示。二、幀的基本操作幀就是影像動畫中最小單位的單幅影像畫面，相當于電影膠片上的每一格鏡頭。一幀就是一副靜止的畫面，連續的幀就形成動畫。按照視覺暫留的原理每一幀都是靜止的圖像，快速連續地顯示幀便形成了運動的假象。Flash動畫的實現過程離不開對幀的操作，幀的各種操作動作是制作動畫必不可少的。（一）選擇幀（二）翻轉幀（三）移動播放頭（四）添加幀（五）刪除幀三、逐幀動畫逐幀動畫是一種常見的動畫形式，其原理是在“

13、連續的關鍵幀”中分解動畫動作，也就是在時間軸的每幀上逐幀繪制不同的內容，使其連續播放而成動畫。新建一個Flash文檔。設置舞臺背景色為“#000099”，其他參數保持默認值。在繪圖工具欄上單擊“文本工具”按鈕 ，在“屬性”欄里設置文本類型、字體，在“時間軸”面板的第1幀舞臺上輸入文本“Flash”。在“時間軸”面板的第3幀上右擊，選擇“插入關鍵幀”命令，使用“文本工具”在舞臺上輸入文本“動”； 在“時間軸”面板的第5幀上右擊，選擇“插入關鍵幀”命令，使用“文本工具”在舞臺上輸入文本“畫”；使用類似的方法在第7幀中輸入文本“ 制”，在第9幀中輸入文本“作” 效果如圖所示。四、補間動畫Flash可

14、以創建兩種類型的補間動畫：補間形狀和補間動畫。1、補間形狀通過補間形狀，可以創建類似于形變的效果，使一個形狀看起來隨著時間變成另一個形狀。Flash也可以補間形狀的位置、大小、顏色。下面制作一個圓形變成五角星的動畫效果。新建一個Flash文檔。在舞臺上繪制一個圓形，用紅色填充，在“圖層1”的第10幀，按F7鍵插入一個空白關鍵幀。用“矩形工具”繪制一個無邊框紅色填充的五角星。選擇第1幀，在“屬性”面板中選擇“補間”下拉列表中的“形狀”。這時，“圖層1”第1幀到第10幀之間出現了一條帶箭頭的實線，并且第1幀到第10幀之間的幀格變成綠色。這樣我們就制作完成了一個補間形狀動畫。按下Enter鍵，可以看

15、到一個圓形逐漸變化為五角星。下圖為動畫播放中的截圖效果。2、補間動畫所謂補間動畫，是指只要做好起點關鍵幀和終點關鍵幀的圖像，Flash就會自動補上中間的動畫過程。在Flash中創建補間動畫時，動畫的起始和終止點必須加入了關鍵幀，同時補間動畫的對象必須具有群組和元件的屬性。能夠創建補間動畫的對象包括：影片剪輯、圖形元件、按鈕、文字及導入的位圖等。補間動畫的基本制作方法在一個關鍵幀上放置一個對象，然后在另一個關鍵幀改變這個對象的大小、位置、顏色、透明度、旋轉、傾斜、濾鏡參數等。接著定義補間動畫，Flash就會自動補上中間的動畫過程。新建一個Flash文檔，在舞臺上繪制一個球。用漸變色來填充球，漸變

16、色亮區放置在球的中央。選中這個球，單擊“修改”菜單中的“轉換為元件”，彈出“轉換為元件”對話框，名稱欄輸入“球”，類型選擇“影片剪輯”，單擊“確定”。在第30幀處插入關鍵幀，將新建的元件“球”拖放到舞臺的右邊。選擇第1幀，在“屬性”面板中選擇“補間”下拉列表中的“動畫”，這時，“圖層1”第1幀到第30幀之間出現了一條帶箭頭的實線，并且第1幀到第30幀之間的幀格變成淡紫色。在第1幀和第30幀之間建立動作補間，并將旋轉屬性設置為順時針。按CtrlEnter鍵可以測試效果，會看到一個球從舞臺左邊滾動到舞臺右邊的動畫效果。將一個或多個層鏈接到一個運動引導層，使一個或多個對象沿同一條路徑運動的動畫形式被

17、稱為“引導路徑動畫”。這種動畫可以使一個或多個元件完成曲線或不規則運動。一個最基本“引導路徑動畫”由兩個圖層組成，上面一層是“引導層”，下面一層是“被引導層”，同普通圖層一樣。五、引導路徑動畫新建一個Flash文檔，在舞臺上繪制一個小球。打開“顏色”面板，用漸變色來填充球，漸變色亮區放置在球的中央。選擇“轉換為元件”命令，把小球轉換為元件，命名“小球”。建立引導層，在引導層中用鉛筆繪制出一條運動線。在“圖層一”中右鍵單擊第30幀，選擇插入關鍵幀，在引導層右鍵單擊第30幀，選擇插入幀。在“圖層一”中選取第1幀，拖動小球到路徑起點位置并自動吸附到起點處；同樣在第30幀，將元件拖到路徑終點位置并自動

18、吸附到終點處。給第1幀和第30幀之間加入運動關系，動畫制作完成。由于引導層在動畫輸出時是不可見的，所以只看到一只小球在空中飄動。遮罩動畫的原理是在舞臺前增加一個類似于電影鏡頭的對象。這個對象不僅僅局限于圓形，可以是任意形狀。遮罩效果的獲得一般需要兩個圖層，這兩個圖層是被遮罩的圖層和指定遮罩區域的遮罩圖層。實際上，遮罩圖層是可以應用于多個圖層的。遮罩圖層和被遮罩圖層只有在鎖定狀態下，才能夠在工作區中顯示出遮罩效果。解除鎖定后的圖層在工作區中是看不到遮罩效果的。六、遮罩動畫新建一個Flash文檔，參數保持默認值。導入一個外部圖像到舞臺上。新建一個圖層，在這個圖層上用“橢圓工具”繪制橢圓，設置無邊框

19、，藍色。將橢圓拖到圖像的中間部位。我們將這個圓當做遮罩動畫中的電影鏡頭對象來用。現在，影片有兩個圖層，“圖層1”上放置的是導入的圖像，“圖層2”上放置的是橢圓。我們來定義遮罩動畫效果。右擊“圖層2”，在彈出的快捷菜單中選擇“遮罩層”命令。這時，我們可以看到圖層和舞臺發生了以下變化：“圖層1”：圖層的圖標改變了，從普通圖層 變成了被遮罩層 ，并且圖層縮進，被自動加鎖。“圖層2”：圖層的圖標改變了，從普通圖層 變成了遮罩層 ，并且圖層被加鎖。舞臺顯示也發生了變化。只顯示電影鏡頭“拍攝”出來的對象，觀察動畫效果，可以看到只顯示了電影鏡頭區域內的圖像。下面我們改變一下鏡頭的形狀。在“圖層1”的第15幀

20、按F5鍵插入一個普通幀。將“圖層2”解鎖，在“圖層2”的第15幀按F6鍵插入一個關鍵幀，將“圖層2”的第15幀上的橢圓放大尺寸。定義從第1幀到第15幀的補間形狀。我們來定義遮罩動畫效果。右擊“圖層2”，在彈出的快捷菜單中選擇“遮罩層”命令。這時，我們可以看到圖層和舞臺發生了以下變化：按下Ctrl + Enter鍵測試影片，觀察動畫效果。可以看到只顯示了電影鏡頭區域內的圖像，并且隨著電影鏡頭（橢圓）的逐漸變大，顯示出來的圖像區域也越來越多。下圖為動畫播放中的截圖效果。我們將鏡頭的位置改變一下。將“圖層1”上的橢圓放置在舞臺的左側，將“圖層2”的第15幀上橢圓的大小恢復到原來的尺寸，并放置在舞臺的右側。按下Ctrl + Enter鍵測試影片，觀察動畫效果。可以看到隨著電影鏡頭的位置移動，顯示出來的圖像內容也發生變化，好像探照燈從圖像上掃過。動畫播放中的截圖效果如下圖所示。七、時間軸特效動畫時間軸特效功能經常用于以模板的形式制作一些復