信息管理系統(tǒng)解決方案教學課件

1、信息管理系統(tǒng)解決方案,第三章 Flash平面動畫制作,教學目標,教學重點、難點,教學內(nèi)容,本章小結(jié),第三章 Flash平面動畫制作,教學目標,通過這章的學習，學生可以熟練的掌握逐幀動畫、運動補間動畫、形狀補間動畫、遮罩層動畫和引導(dǎo)動畫這5種動畫的制作方法和技巧。,第三章 Flash平面動畫制作,教學重點與難點,逐幀動畫、運動補間動畫、形狀補間動畫、遮罩層動畫和引導(dǎo)動畫的制作方法和設(shè)計技巧。,第三章 Flash 平面動畫制作,本章計劃授課14學時,教學內(nèi)容,3.1 Flash平面動畫制作概述,3.2 “新年快樂”案例,3.3 “世界杯集錦”案例,3.4 “閃閃的紅星”遮罩動畫案例,3.5 “蝴蝶

2、飛”引導(dǎo)動畫案例,3.6 “走路的小青蛙”逐幀動畫案例,3.7 “賀卡”綜合動畫案例,3.1 Flash平面動畫制作概述,本節(jié)內(nèi)容,1. Flash平面動畫的基本概念,2. Flash 平面動畫的基本制作方法,3.平面動畫的設(shè)計技巧,3.1 Flash平面動畫制作概述,一、 Flash平面動畫的基本概念,動畫任何隨著時間而發(fā)生的位置或者形態(tài)上的改變。 Flash動畫是由一個個“幀”上的圖片連接而成的，幀是動畫最基本的單位。 舞臺是制作動畫的地方，在播放器中播放動畫時，只有舞臺中的對象被顯示。 工作區(qū)域舞臺和周圍的灰度區(qū)域 場景是動畫的另一個組成部分是“場景”的變換，就像一部電影不可能只在一個地

3、方拍攝一樣，制作Flash動畫也需要有不同的場景。,3.1 Flash平面動畫制作概述,二、 Flash 平面動畫的基本制作方法,1、逐幀動畫 將動畫的每一幀均設(shè)置為關(guān)鍵幀，通過改變每一個關(guān)鍵幀中的圖像而產(chǎn)生動畫效果。 逐幀動畫是Flash所提供的最基本的動畫形式。 2、補間動畫 補間動畫是Flash提供的一種最有效的動畫形式。無論是創(chuàng)建角色動畫或者動作動畫，甚至最基本的按鈕效果，補間都是必不可少的。 CS5中補間動畫可以分為補間動畫、形狀補間動畫和傳統(tǒng)補間動畫。,3.1 Flash平面動畫制作概述,二、 Flash 平面動畫的基本制作方法,3、遮罩動畫遮罩動畫是將一個圖層設(shè)置為遮罩層，此圖層

4、中的對象將相應(yīng)地轉(zhuǎn)換為遮罩對象。其它圖層則為被遮罩層，這些圖層的對象被遮罩對象所屏蔽的那部分才可顯示。 4、引導(dǎo)動畫引導(dǎo)動畫實際上是在運動補間動畫的基礎(chǔ)上添加一個引導(dǎo)圖層，該圖層有一條可以引導(dǎo)運動方向的引導(dǎo)線，使另一個圖層中的對象依據(jù)此引導(dǎo)線進行運動的動畫。,3.1 Flash平面動畫制作概述,三、 Flash 平面動畫的設(shè)計技巧,注意以下幾個要點： 1要想吸引觀眾，最重要的是讓動作具有一定的含義。 2動作應(yīng)該支持動畫的內(nèi)容和主題。 3動作可以像文章和顏色一樣傳達情緒、感情和個性。 4在日常生活中仔細觀察動作并記錄下來，建立一個創(chuàng)建動畫時的“資源庫”。 5動作的設(shè)計要符合自然規(guī)律。,3.2 “

5、新年快樂” 案例,本節(jié)內(nèi)容,1.案例效果 2.操作步驟 3.技術(shù)要點 4.練習,3.2 “新年快樂” 案例,一、案例效果,重點與難點：形狀補間動畫的特點、創(chuàng)建方法，及如何設(shè)置形狀提示點來控制形狀補間動畫的中間過程。,3.2 “新年快樂” 案例,二、操作步驟,1.新建文檔并命名 啟動AdobeFlashCS5后，新建一個文檔，對背景顏色和舞臺大小進行相應(yīng)的設(shè)置，保存文檔，命名為“新年快樂 ”。 2.設(shè)置背景圖片 將“圖層1”改名為“背景” ，把素材中的背景圖片文件“煙花”導(dǎo)入到舞臺，并設(shè)置寬為400、高為300 ，居中對齊，擴展到100幀。鎖定圖層。,3.2 “新年快樂” 案例,二、操作步驟,3

6、繪制燈籠 第一步：插入4個新圖層 ，分別命名為“新”、“年”、“快”、“樂”。將“賀”、“新”、“禧”三個圖層鎖定。單擊“新”圖層的第20幀，按F6鍵增加一個關(guān)鍵幀。利用“矩形工具”和“橢圓工具”繪制如下左“燈籠”圖形：,3.2 “新年快樂” 案例,二、操作步驟,第二步：分別在“年”、“快”、“樂”圖層中第20幀單擊F6鍵添加 關(guān)鍵幀，將燈籠粘貼到屏幕上并調(diào)整到適當?shù)奈恢?。如下圖。,3.2 “新年快樂” 案例,二、操作步驟,4繪制“新年快樂”四個文字 在對應(yīng)的圖層40幀位置，文字位置與燈籠位置對應(yīng)。,3.2 “新年快樂” 案例,二、操作步驟,5給此四個圖層均在第60幀和第80幀添加一個關(guān)鍵幀。

7、選中“新”、“年”、“快”和“樂”4個圖層的第20幀復(fù)制到4個圖層的第80幀位置 。 6.同時選中“新”、“年”、“快”和“樂”4個圖層中的2040幀之間的任意幀右擊選擇“創(chuàng)建補間形狀” ，再用同樣的方法在第6080幀之間也創(chuàng)建形狀補間動畫。 7、測試影片，保存文件，并導(dǎo)出影片。,3.2 “新年快樂” 案例,三、技術(shù)要點,1、制作形狀補間動畫 形狀補間動畫的方法有如下三種： （1）選擇開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，在“屬性”面板中設(shè)置。 （2）右擊開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，在快捷菜單中選擇“創(chuàng)建補間形狀”。 （3）單擊開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，選擇【插入】【時間軸】【

8、創(chuàng)建補間形狀】菜單項。 注意： FLASH只能對一些簡單的形狀進行形狀補間,不能對一個組、元件或者可編輯的文字運用形狀補間。,3.2 “新年快樂” 案例,三、技術(shù)要點,2. 設(shè)置形狀提示點 在已經(jīng)創(chuàng)建了一個基本的形狀補間動畫后，可以按照以下步驟添加形狀提示點： （1）開始關(guān)鍵幀中選擇一個形狀，然后單擊【修改】【形狀】【添加形狀提示】菜單項 （2）在開始關(guān)鍵幀的形狀上確定一個點，用【箭頭工具】進行選擇并移動第一個形狀提示點，把它放在形狀上一個用戶想要其與最終形狀中的一塊區(qū)域進行匹配的區(qū)域上。,3.2 “新年快樂” 案例,三、技術(shù)要點,（3）當把播放頭移動到形狀補間動畫的結(jié)束幀上時，會看到一個與放

9、在開始幀上的標了字母的形狀提示點相匹配的另一個標了相同字母的形狀提示點。當結(jié)束關(guān)鍵幀中的形狀提示點的顏色由紅色變成了綠色，而在開始關(guān)鍵幀中的形狀提示點由紅色變成了黃色，則表示形狀提示點已經(jīng)與作品建立了正確的連接。 （4）將播放頭在時間軸上移動預(yù)覽新的形變過程。不停地加入形狀提示點，或?qū)λ鼈冞M行重新定位，直到動畫產(chǎn)生出了理想的形變過程。,3.2 “新年快樂” 案例,四、練習,1、制作一個笑臉到哭臉的變臉形變動畫，效果如下圖所示。 （提示：笑臉系列形狀可采用【文本工具】輸入，字體采用“Windings”，輸入大寫字母“L”則可輸入一個笑臉，其它兩張臉對應(yīng)著大寫字母“K”和“L”。）,3.2 “新年

10、快樂” 案例,四、練習,2、 制作一個變手的形變動畫，并通過設(shè)置形狀提示點來控制手指之間的對應(yīng)變換位置。動畫中手的姿勢如下圖所示。 （提示：手的系列形狀可采用“文本工具”輸入，字體采用“Windings”，輸入大寫字母“A”“G”實現(xiàn)）,3.3 “世界杯集錦” 案例,本節(jié)內(nèi)容,1.案例效果 2.操作步驟 3.技術(shù)要點 4.練習,3.3 “世界杯集錦” 案例,一、案例效果,重點與難點：傳統(tǒng)補間動畫的制作方法和技巧，及如何設(shè)置旋轉(zhuǎn)、運動的快慢和逐漸消失的效果。,3.3 “世界杯集錦” 案例,二、操作步驟,1.新建文檔并命名 啟動AdobeFlashCS5后，新建一個文檔，對背景顏色和舞臺大小進行相

11、應(yīng)的設(shè)置，保存文檔，命名為“世界杯集錦”。 2創(chuàng)建世界杯圖形符號 導(dǎo)入文件名為“世界杯圖1”“世界杯圖6”的圖片文件，分別對應(yīng)生成名為“圖1”“圖6”的圖形元件,3.3 “世界杯集錦” 案例,二、操作步驟,3.創(chuàng)建“Loading”文本的拉伸效果 第一步：新建一個名稱為“Loading”的影片剪輯元件。 第二步：選用【文本工具】輸入文字“Loading”，在“屬性”面板中設(shè)置此文字的字體為“黑體”，字號為25，字體顏色為白色。用Ctrl+B將文字打散。將第1幀復(fù)制到第2幀至第13幀。鼠標單擊第1幀，只保留“L”字母，刪除其它字符圖形。從第2幀開始逐步增加字符圖形直至第13幀。鼠標單擊第18幀，

12、按F5鍵增加一個擴展幀。,3.3 “世界杯集錦” 案例,二、操作步驟,4.創(chuàng)建“光線”圖形符號 第一步：新建名稱為“光線”的圖形元件。 第二步：利用“橢圓工具”繪制如下圖的光線效果：,3.3 “世界杯集錦” 案例,二、操作步驟,5創(chuàng)建“光束”影片剪輯,3.3 “世界杯集錦” 案例,二、操作步驟,6設(shè)置背景圖片 導(dǎo)入背景圖片到場景1中，選擇本案例對應(yīng)的素材文件夾中的背景圖片文件“背景”。設(shè)置此圖片的寬為400、高為300。通過設(shè)置“對齊”面板選項，使背景圖片位于舞臺中央 。 7創(chuàng)建“光”圖層 創(chuàng)建新圖層命名為“光”，將影片剪輯“光束”拖至舞臺中央，并擴展制120幀。,3.3 “世界杯集錦” 案例

13、,二、操作步驟,8創(chuàng)建“Loading”圖層 創(chuàng)建新圖層命名為“Loading”，將影片剪輯“Loading”拖至舞臺左下角。并擴展制120幀。 9創(chuàng)建宇宙圖片動畫 第一步：創(chuàng)建新圖層命名為“圖片1”，將圖形符號“圖1”拖到舞臺左端，并將圖形符號縮小。單擊第10幀按F6插入關(guān)鍵幀，水平移動圖形符號“圖1”的位置至屏幕中央，并放大。單擊第20幀按F6插入關(guān)鍵幀，在“屬性”面板中設(shè)置“顏色”選項為“Alpha”，值為“0%” 。鼠標右擊第1幀至第10幀之間，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補間動畫” 。,3.3 “世界杯集錦” 案例,二、操作步驟,第二步：按照以上方法，可設(shè)計“圖片2”至“圖片6”

14、從舞臺邊緣的不同位置沿著不同的角度由小變大，或直接或旋轉(zhuǎn)地進入舞臺中央，然后再慢慢淡出消失 掉。 10測試影片，保存文件，并導(dǎo)出影片,3.3 “世界杯集錦” 案例,三、技術(shù)要點,1、制作傳統(tǒng)補間動畫 創(chuàng)建傳統(tǒng)補間動畫的方法有如下2種。 (1)右擊開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，在彈出的快捷菜單中單擊“創(chuàng)建傳統(tǒng)補間”菜單項。 (2)單擊開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，單擊“插入” “傳統(tǒng)補間”菜單項。 注意：如果要對一個圖像制作傳統(tǒng)補間動畫，要先把它變成組件(按Ctrl+G組合鍵)或者元件。,3.3 “世界杯集錦” 案例,三、技術(shù)要點,2. 創(chuàng)建補間動畫 在cs4之前的FLASH版本在制

15、作動畫的時候基本都是定頭、定尾、做動畫(開始幀、結(jié)束幀、創(chuàng)建動畫動作)。而從flash cs4開始，就演變?yōu)橹灰^，然后鼠標在哪一幀操作場景中的對象時，時間軸自動添加關(guān)鍵幀。所以制作補間動畫演變?yōu)椋憾^、做動畫(開始幀、選中對應(yīng)幀、改變對象位置)。,3.3 “世界杯集錦” 案例,三、技術(shù)要點,3. 設(shè)置旋轉(zhuǎn)的運動效果 旋轉(zhuǎn)的運動效果是使實例在運動的同時旋轉(zhuǎn)。設(shè)置方法是在起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間已經(jīng)設(shè)置好了運動補間動畫后，再通過“屬性”面板中的來設(shè)置。其中“旋轉(zhuǎn)”項用于設(shè)置旋轉(zhuǎn)的方式，有“無”、“自動”、“順時針”、“逆時針”4個選項；后面的“x”項用于設(shè)置從運動補間動畫開始到結(jié)束元件旋轉(zhuǎn)的

16、次數(shù)。,3.3 “世界杯集錦” 案例,三、技術(shù)要點,4. 設(shè)置運動的快慢效果 時快時慢的運動效果也是在起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間已經(jīng)設(shè)置好了運動補間動畫后，再通過“屬性”面板中的來設(shè)置的。其中“緩動”項用于調(diào)節(jié)對象運動過程中的速度比例關(guān)系，正數(shù)表示先快后慢，負數(shù)表示先慢后快，零值表示動作勻速變化；后面的“鉛筆”用于打開“自定義緩入/緩出”面板 。,3.3 “世界杯集錦” 案例,三、技術(shù)要點,5. 設(shè)置物體逐步消失的效果 逐步消失的運動效果主要是通過設(shè)置運動補間動畫的結(jié)束關(guān)鍵幀中物體的“Alpha”值為“0%”來實現(xiàn)的，此設(shè)置可通過“屬性”面板中的色彩效果樣式中的“Alpha”值項來完成 。,3

17、.3 “世界杯集錦” 案例,四、練習,(1) 制作一個紅色小球旋轉(zhuǎn)運動的動畫。要求小球先從舞臺的左上角順時針旋轉(zhuǎn)兩周到達舞臺底端中央，旋轉(zhuǎn)的速度是先慢后快，形狀是由小變大；再從底端中央逆時針旋轉(zhuǎn)兩周到達舞臺右上角，要求旋轉(zhuǎn)的速度是先快后慢，形狀是由大變小直至消失。 (2) 自行制作一個人走路的影片剪輯制作一個人從舞臺左邊走到舞臺右邊的運動動畫。,3.4 “閃閃的紅星” 遮罩動畫案例,本節(jié)內(nèi)容,1.案例效果 2.操作步驟 3.技術(shù)要點 4.練習,3.4 “閃閃的紅星” 遮罩動畫案例,一、案例效果,重點與難點：遮罩動畫的制作方法與技巧。,3.4 “閃閃的紅星” 遮罩動畫案例,二、操作步驟,1新建文

18、檔并命名 啟動AdobeFlashCS5后，新建一個文檔，背景顏色和舞臺大小都使用默認，保存文檔，命名為“閃閃的紅星”。 2.繪制“放射圓”元件 第一步：使用“工具箱”中的橢圓工具 和線條工具 繪制 一個粗細為4的橢圓和直線。并用變形工具把直線的中心點調(diào)整至圓的中心點.如下圖：,3.4 “閃閃的紅星” 遮罩動畫案例,二、操作步驟,第二步：打開“窗口”菜單中的“變形”面板.設(shè)置旋轉(zhuǎn)角度為”10度“單擊”應(yīng)用復(fù)制”按鈕35次.選中所有線條，單擊“修改”“形狀”“將線條轉(zhuǎn)化為填充”，得到下面的左邊的放射圓1圖形元件: 第三步：新建一個“放射圓2”的圖形元件。把“放射圓1”拉入舞臺中，并水平翻轉(zhuǎn)。得到

19、上面的右圖。,3.4 “閃閃的紅星” 遮罩動畫案例,二、操作步驟,3、制作“光芒閃閃”影片剪輯元件 第一步：新建一個“光芒閃閃”的影片剪輯元件。 把“放射圓1”拉入舞臺中，改變色調(diào)為“黃色調(diào)”，并設(shè)置一個100幀的動作補間動畫，使它“逆時針”旋轉(zhuǎn)一周。 第二步：再新建一個圖層，把“放射圓2”拉入舞臺中，設(shè)置該圖層為“遮罩層”。 得到效果如圖：,3.4 “閃閃的紅星” 遮罩動畫案例,二、操作步驟,4、制作“五角星”圖形元件 第一步：新建一個“五角星”的圖形元件。 第二步：利用工具欄中的“多邊形工具”和“線條工具”繪制一個五角星如下圖：,3.4 “閃閃的紅星” 遮罩動畫案例,二、操作步驟,5、整合

20、圖形 第一步：在場景1里分別新建“背景”、“光芒”和“五角星”3個圖層。 第二步：在“背景”圖層里繪制一個淺藍色的矩形背景。 第三步：把做好的“光芒閃閃”元件和“五角星”元件分別拉入對應(yīng)的圖層里。 6、測試影片，保存文件，并導(dǎo)出影片。,3.4 “閃閃的紅星” 遮罩動畫案例,三、技術(shù)要點,1. 制作遮罩動畫 在制作遮罩動畫的時候用到兩個圖層：遮罩層和被遮罩層。被遮罩層上的圖形通過遮罩層顯示出來。播放動畫的時候，遮罩層上的內(nèi)容不會被顯示出來，被遮罩層上位于遮罩層之外的內(nèi)容也不被顯示。 2. 設(shè)置一個圖層遮罩多個圖層 在Flash中一個遮罩圖層可以同時遮罩多個被遮罩圖層。當把某個圖層設(shè)置為遮罩層時，

21、它下面的圖層自動被設(shè)置為被遮罩層。當需要使一個圖層遮罩多個圖層時，可以通過下面的兩種方法實現(xiàn)：,3.4 “閃閃的紅星” 遮罩動畫案例,三、技術(shù)要點,（1）當需要被添加為被遮罩層的圖層位于遮罩層的上方時，選中該圖層，單擊并拖動它到遮罩層下方。 （2）當需要被添加為被遮罩層的圖層位于遮罩層的下方時，在該圖層上右擊彈出快捷菜單，選擇“屬性”，打開“圖層屬性”對話框，選擇”被遮罩”類型。 如果需要取消遮罩與被遮罩的關(guān)系，可以在被遮罩層打開“圖層屬性”對話框，選中”一般”單選按鈕；或者把該圖層拖動到遮罩層上方。,3.4 “閃閃的紅星” 遮罩動畫案例,四、練習,請制作一個“瀑布”遮罩動畫，該動畫制作時截取

22、了水流部分的圖像作為被遮罩層，遮罩層是使用筆刷工具繪制的水波線條，遮罩層的波紋從上到下做運動 。效果如下圖：,3.5 “蝴蝶飛”引導(dǎo)動畫案例,本節(jié)內(nèi)容,1.案例效果 2.操作步驟 3.技術(shù)要點 4.練習,3.5 “蝴蝶飛”引導(dǎo)動畫案例,一、案例效果,重點與難點：引導(dǎo)動畫的制作方法與技巧，以及應(yīng)用引導(dǎo)路徑的技巧。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,1新建文檔并命名 啟動AdobeFlashCS5后，新建一個文檔，背景顏色和舞臺大小都使用默認，保存文檔，命名為“蝴蝶飛”。 2導(dǎo)入背景圖片 修改“圖層1”的名稱為“背景” 。導(dǎo)入本案例對應(yīng)的素材文件夾中的“花叢.bmp ”的圖片文件 ，利

23、用“對齊”面板縮放成與舞臺大小一樣 。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,3制作“蝴蝶飛1”和“蝴蝶飛2”元件 第一步：新建一個命名為“身體” 的圖形元件。如下左圖： 第二步：新建一個“圖形”元件，命名為“翅膀”，導(dǎo)入圖片本案例對應(yīng)的素材文件夾中的“蝴蝶1” ，并進行相應(yīng)的調(diào)整。效果如上右圖。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,第三步：新建一個“影片剪輯”，命名為“蝴蝶飛1” 。 A、在“蝴蝶飛1”元件中建立2個圖層，并給圖層分別命名為“身體”和“翅膀”。利用前面所做的“身體”和“翅膀”元件，組成一只完整的蝴蝶效果如下左圖 B、在“翅膀”的第2幀插入關(guān)鍵幀， 然后選中【

24、任意變形工具】，將左邊“翅膀1”實例的變形中心點調(diào)整到與身體接觸位置，然后向里壓，使用同樣的方法調(diào)整右邊的實例，效果如上右圖。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,C、為了讓蝴蝶有節(jié)奏的拍動翅膀，同時選中“翅膀”的第1、2幀，點右鍵“復(fù)制幀”，然后將其粘貼到第6、7幀、9、10幀、12、13幀、17、18幀、22、23幀，最后在25幀插入擴展幀，這樣就有了蝴蝶不斷煽動翅膀的效果，幀的設(shè)置如圖 ： D、利用和“蝴蝶1”影片剪輯元件同樣的制作方法可以得到 “蝴蝶2”影片剪輯元件。只是翅膀利用素材文件夾中的“蝴蝶2.jpg” 來制作。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,4制作“

25、閃爍文字”元件 （1）新建一個“圖形”元件，命名為“星星”。 效果如圖： （2）新建一個“影片剪輯”，命名為“星星旋轉(zhuǎn)”，將“星星”元件拖放到影片剪輯中，適當調(diào)整大小，在第15幀插入關(guān)鍵幀，創(chuàng)建運動補間動畫，在“屬性”面板中設(shè)置“逆時針”旋轉(zhuǎn)“1”次。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,（3）新建一個“圖形”元件，命名為“文字” ，效果如圖：,（4）新建一個“影片剪輯”，命名為“閃爍文字”，效果如圖：,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,5布置主場景 （1）回到主場景，新建四個圖層，從上到下4個圖層為“文字”、“蝴蝶2”、 “閃爍”和“蝴蝶1” （2）從“庫”中將“星星”

26、元件拖放到“閃爍”圖層，使用【任意變形工具】適當調(diào)整大小，按住Ctrl鍵多復(fù)制幾個“星星”實例，選中該圖層的第1幀，按F8鍵將這些星星轉(zhuǎn)換為“影片剪輯”，命名為“閃爍星星”。 （3）回到主場景，在“背景”和“閃爍”圖層的第300幀插入擴展幀。接著從“庫”中把“蝴蝶飛1”影片剪輯拖放到“蝴蝶1”圖層，使用【任意變形工具】調(diào)整大小并旋轉(zhuǎn)一定的角度，并在第300幀插入擴展幀。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,（4）從“庫”中把“蝴蝶飛2”拖放到“蝴蝶2”圖層的第1幀，并調(diào)整其大小和旋轉(zhuǎn)角度，在第150幀插入關(guān)鍵幀，并創(chuàng)建運動補間動畫。在“蝴蝶2”圖層的上方新建一個“引導(dǎo)層”在引導(dǎo)層上使

27、用【鉛筆工具】繪制一條引導(dǎo)線 ，并設(shè)置“蝴蝶2” 的引導(dǎo)動畫如下圖：,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,（5）在“蝴蝶2”圖層的第250幀和300幀插入關(guān)鍵幀，并在這兩個幀之間創(chuàng)建運動補間動畫；在引導(dǎo)層的第151幀插入空白關(guān)鍵幀，在250幀插入關(guān)鍵幀，并在第250幀繪制一條引導(dǎo)線，將“蝴蝶2”圖層的第250幀、300幀上的蝴蝶對齊到引導(dǎo)線的首端和末端，制作引導(dǎo)動畫。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,二、操作步驟,（6）在“文字”圖層的第150幀插入關(guān)鍵幀，將“閃爍文字”元件拖到該幀，放在舞臺左下方，如圖3.97所示；在該圖層的200幀插入關(guān)鍵幀，然后將150幀上的文字設(shè)為透明，并在

28、兩個關(guān)鍵幀之間創(chuàng)建補間動畫，最后在300幀插入擴展幀。 6測試影片，保存文件，并導(dǎo)出影片,3.5 “蝴蝶飛”引導(dǎo)動畫案例,三、技術(shù)要點,1、制作引導(dǎo)動畫 引導(dǎo)層上繪制的是引導(dǎo)路徑，這些線條可以是使用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具繪制出的。 被引導(dǎo)層上可以創(chuàng)建的對象包括： 元件實例、文字或群組等，但是不能是分散的矢量圖形。 2. 應(yīng)用引導(dǎo)路徑的技巧 （1）引導(dǎo)線要平滑、流暢。 （2）被引導(dǎo)層上的對象的變形中心一定要位于引導(dǎo)線上。另外，按下“工具箱”中的【貼緊至對象】按鈕，可以是對象更容易吸附到引導(dǎo)線上。 （3）選中“調(diào)整到路徑”復(fù)選框。 （4）對齊引導(dǎo)線和對象時，選中“貼緊”復(fù)選

29、框可以讓對象自動捕捉路徑。,3.5 “蝴蝶飛”引導(dǎo)動畫案例,四、練習,制作一個小鳥在天空中飛翔的引導(dǎo)動畫。,3.6 “走路的小青蛙”逐幀動畫案例,本節(jié)內(nèi)容,1.案例效果 2.操作步驟 3.技術(shù)要點 4.練習,3.6 “走路的小青蛙”逐幀動畫案例,一、案例效果,重點與難點：逐幀動畫的制作技巧和卡通人物的繪圖技巧。,3.6 “走路的小青蛙”逐幀動畫案例,二、操作步驟,本案例是在第二章中“小青蛙”案例的基礎(chǔ)上制作。 1：打開素材“青蛙側(cè)面”的Flash工程文件。并把文件另存為“運動的小青蛙” 2：制作逐幀動畫 第一步：建立一個命名為“走路合成”的影片剪輯元件。,3.6 “走路的小青蛙”逐幀動畫案例,

30、二、操作步驟,第二步：打開“庫”面板把“頭”、“身體”、“左手”、“右手”、“左腳”、“右腳”元件拖到“運動合成”元件中，并分布到各個圖層以對應(yīng)的名字命名 。 第三步：分別檢查左右手、頭和腳的中心點位置，根據(jù)人的基本運動規(guī)律來確定各個關(guān)節(jié)運動的中心點。,3.6 “走路的小青蛙”逐幀動畫案例,二、操作步驟,第四步：畫腳的動作,3.6 “走路的小青蛙”逐幀動畫案例,二、操作步驟,第五步：在對應(yīng)的幀上依次設(shè)置如下相應(yīng)的動作。 3測試影片，保存文件，并導(dǎo)出影片,3.6 “走路的小青蛙”逐幀動畫案例,三、技術(shù)要點,1、制作逐幀動畫的基本步驟： （1）選擇一關(guān)鍵幀作為逐幀動畫的開始幀。 （2）在開始幀中繪

31、制或?qū)雱赢嬓蛄兄械牡?張圖片。 （3）選擇下一關(guān)鍵幀，并進行任意修改或?qū)肜L制一張新圖片。 （4）繼續(xù)添加關(guān)鍵幀并改變相應(yīng)關(guān)鍵幀的內(nèi)容直到最終完成動畫。 （5）測試影片并導(dǎo)出一個.swf文件。,3.6 “走路的小青蛙”逐幀動畫案例,三、技術(shù)要點,2. 逐幀動畫的運動規(guī)律及時間掌握 (1)運動規(guī)律 研究動畫片表現(xiàn)物體的運動規(guī)律，首先要弄清時間、空間、張數(shù)、速度的概念及彼此之間的相互關(guān)系，從而掌握規(guī)律，處理好動畫片中動作的節(jié)奏。 (2)時間掌握 所謂“時間”，是指影片中物體（包括生物和非生物）在完成某一動作時所需的時間長度，這一動作所占膠片的長度（片格的多少）。這一動作所需的時間長，其所占片格的

32、數(shù)量就多；動作所需的時間短，其所占的片格數(shù)量就少。,3.6 “走路的小青蛙”逐幀動畫案例,四、練習,利用青蛙為元素制作一組青蛙走路的動畫 (參考從前言中所提供的網(wǎng)址下載的本章的“練習參考”文件夾中的Flash工程文件“走路參考”) 。,3.7 “賀卡”綜合動畫案例,本節(jié)內(nèi)容,1.案例效果 2.操作步驟 3.技術(shù)要點 4.練習,3.7 “賀卡”綜合動畫案例,一、案例效果,重點與難點：掌握時間軸特效的使用方法、“按鈕元件”的建立和使用及實例顏色的調(diào)節(jié)方法。,3.7 “賀卡”綜合動畫案例,二、操作步驟,1新建文檔并命名 啟動AdobeFlashCS5后，新建一個文檔，設(shè)置背景色為白色，文檔大小為400250，保存文檔，命名為“賀卡” 。 2設(shè)置背景 用文本工具設(shè)置如右圖的背景:,3.7 “賀卡”綜合動畫案例,二、操作步驟,3繪制所需的元件 （1）繪制“鐘面”、“時