信息管理系統(tǒng)解決方案

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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