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

信息管理系統(tǒng)解決方案信息管理系統(tǒng)解決方案教學(xué)目標(biāo)教學(xué)重點(diǎn)、難點(diǎn)教學(xué)內(nèi)容本章小結(jié)信息管理系統(tǒng)解決方案教學(xué)目標(biāo)

通過(guò)這章的學(xué)習(xí)，學(xué)生可以熟練的掌握逐幀動(dòng)畫、運(yùn)動(dòng)補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫、遮罩層動(dòng)畫和引導(dǎo)動(dòng)畫這5種動(dòng)畫的制作方法和技巧。信息管理系統(tǒng)解決方案教學(xué)重點(diǎn)與難點(diǎn)

逐幀動(dòng)畫、運(yùn)動(dòng)補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫、遮罩層動(dòng)畫和引導(dǎo)動(dòng)畫的制作方法和設(shè)計(jì)技巧。信息管理系統(tǒng)解決方案本章計(jì)劃授課14學(xué)時(shí)教學(xué)內(nèi)容3.1Flash平面動(dòng)畫制作概述

3.2“新年快樂(lè)”案例3.3“世界杯集錦”案例3.4“閃閃的紅星”遮罩動(dòng)畫案例3.5“蝴蝶飛”引導(dǎo)動(dòng)畫案例3.6“走路的小青蛙”逐幀動(dòng)畫案例3.7“賀卡”綜合動(dòng)畫案例信息管理系統(tǒng)解決方案本節(jié)內(nèi)容1.Flash平面動(dòng)畫的基本概念

2.Flash

平面動(dòng)畫的基本制作方法3.平面動(dòng)畫的設(shè)計(jì)技巧信息管理系統(tǒng)解決方案一、Flash平面動(dòng)畫的基本概念動(dòng)畫——任何隨著時(shí)間而發(fā)生的位置或者形態(tài)上的改變。

Flash動(dòng)畫是由一個(gè)個(gè)“幀”上的圖片連接而成的，幀是動(dòng)畫最基本的單位。舞臺(tái)——是制作動(dòng)畫的地方，在播放器中播放動(dòng)畫時(shí)，只有舞臺(tái)中的對(duì)象被顯示。工作區(qū)域——舞臺(tái)和周圍的灰度區(qū)域場(chǎng)景——是動(dòng)畫的另一個(gè)組成部分是“場(chǎng)景”的變換，就像一部電影不可能只在一個(gè)地方拍攝一樣，制作Flash動(dòng)畫也需要有不同的場(chǎng)景。

信息管理系統(tǒng)解決方案二、Flash平面動(dòng)畫的基本制作方法1、逐幀動(dòng)畫

——將動(dòng)畫的每一幀均設(shè)置為關(guān)鍵幀，通過(guò)改變每一個(gè)關(guān)鍵幀中的圖像而產(chǎn)生動(dòng)畫效果。

逐幀動(dòng)畫是Flash所提供的最基本的動(dòng)畫形式。2、補(bǔ)間動(dòng)畫

——補(bǔ)間動(dòng)畫是Flash提供的一種最有效的動(dòng)畫形式。無(wú)論是創(chuàng)建角色動(dòng)畫或者動(dòng)作動(dòng)畫，甚至最基本的按鈕效果，補(bǔ)間都是必不可少的。

CS5中補(bǔ)間動(dòng)畫可以分為補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫和傳統(tǒng)補(bǔ)間動(dòng)畫。信息管理系統(tǒng)解決方案二、Flash平面動(dòng)畫的基本制作方法3、遮罩動(dòng)畫——遮罩動(dòng)畫是將一個(gè)圖層設(shè)置為遮罩層，此圖層中的對(duì)象將相應(yīng)地轉(zhuǎn)換為遮罩對(duì)象。其它圖層則為被遮罩層，這些圖層的對(duì)象被遮罩對(duì)象所屏蔽的那部分才可顯示。

4、引導(dǎo)動(dòng)畫——引導(dǎo)動(dòng)畫實(shí)際上是在運(yùn)動(dòng)補(bǔ)間動(dòng)畫的基礎(chǔ)上添加一個(gè)引導(dǎo)圖層，該圖層有一條可以引導(dǎo)運(yùn)動(dòng)方向的引導(dǎo)線，使另一個(gè)圖層中的對(duì)象依據(jù)此引導(dǎo)線進(jìn)行運(yùn)動(dòng)的動(dòng)畫。信息管理系統(tǒng)解決方案三、Flash平面動(dòng)畫的設(shè)計(jì)技巧注意以下幾個(gè)要點(diǎn)：

1．要想吸引觀眾，最重要的是讓動(dòng)作具有一定的含義。2．動(dòng)作應(yīng)該支持動(dòng)畫的內(nèi)容和主題。3．動(dòng)作可以像文章和顏色一樣傳達(dá)情緒、感情和個(gè)性。4．在日常生活中仔細(xì)觀察動(dòng)作并記錄下來(lái)，建立一個(gè)創(chuàng)建動(dòng)畫時(shí)的“資源庫(kù)”。5．動(dòng)作的設(shè)計(jì)要符合自然規(guī)律。信息管理系統(tǒng)解決方案本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)要點(diǎn)4.練習(xí)信息管理系統(tǒng)解決方案一、案例效果

重點(diǎn)與難點(diǎn)：形狀補(bǔ)間動(dòng)畫的特點(diǎn)、創(chuàng)建方法，及如何設(shè)置形狀提示點(diǎn)來(lái)控制形狀補(bǔ)間動(dòng)畫的中間過(guò)程。信息管理系統(tǒng)解決方案二、操作步驟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幀。鎖定圖層。信息管理系統(tǒng)解決方案二、操作步驟3．繪制燈籠

第一步：插入4個(gè)新圖層，分別命名為“新”、“年”、“快”、“樂(lè)”。將“賀”、“新”、“禧”三個(gè)圖層鎖定。單擊“新”圖層的第20幀，按F6鍵增加一個(gè)關(guān)鍵幀。利用“矩形工具”和“橢圓工具”繪制如下左“燈籠”圖形：信息管理系統(tǒng)解決方案二、操作步驟第二步：分別在“年”、“快”、“樂(lè)”圖層中第20幀單擊F6鍵添加關(guān)鍵幀，將燈籠粘貼到屏幕上并調(diào)整到適當(dāng)?shù)奈恢谩Ｈ缦聢D。信息管理系統(tǒng)解決方案二、操作步驟4．繪制“新年快樂(lè)”四個(gè)文字在對(duì)應(yīng)的圖層40幀位置，文字位置與燈籠位置對(duì)應(yīng)。信息管理系統(tǒng)解決方案二、操作步驟5．給此四個(gè)圖層均在第60幀和第80幀添加一個(gè)關(guān)鍵幀。選中“新”、“年”、“快”和“樂(lè)”4個(gè)圖層的第20幀復(fù)制到4個(gè)圖層的第80幀位置。6.同時(shí)選中“新”、“年”、“快”和“樂(lè)”4個(gè)圖層中的20～40幀之間的任意幀右擊選擇“創(chuàng)建補(bǔ)間形狀”，再用同樣的方法在第60～80幀之間也創(chuàng)建形狀補(bǔ)間動(dòng)畫。7、測(cè)試影片，保存文件，并導(dǎo)出影片。信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)1、制作形狀補(bǔ)間動(dòng)畫

形狀補(bǔ)間動(dòng)畫的方法有如下三種：（1）選擇開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，在“屬性”面板中設(shè)置。（2）右擊開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，在快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”。（3）單擊開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，選擇【插入】>【時(shí)間軸】>【創(chuàng)建補(bǔ)間形狀】菜單項(xiàng)。注意：

FLASH只能對(duì)一些簡(jiǎn)單的形狀進(jìn)行形狀補(bǔ)間,不能對(duì)一個(gè)組、元件或者可編輯的文字運(yùn)用形狀補(bǔ)間。信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)2.設(shè)置形狀提示點(diǎn)

在已經(jīng)創(chuàng)建了一個(gè)基本的形狀補(bǔ)間動(dòng)畫后，可以按照以下步驟添加形狀提示點(diǎn)：（1）開始關(guān)鍵幀中選擇一個(gè)形狀，然后單擊【修改】>【形狀】>【添加形狀提示】菜單項(xiàng)（2）在開始關(guān)鍵幀的形狀上確定一個(gè)點(diǎn)，用【箭頭工具】進(jìn)行選擇并移動(dòng)第一個(gè)形狀提示點(diǎn)，把它放在形狀上一個(gè)用戶想要其與最終形狀中的一塊區(qū)域進(jìn)行匹配的區(qū)域上。信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)（3）當(dāng)把播放頭移動(dòng)到形狀補(bǔ)間動(dòng)畫的結(jié)束幀上時(shí)，會(huì)看到一個(gè)與放在開始幀上的標(biāo)了字母的形狀提示點(diǎn)相匹配的另一個(gè)標(biāo)了相同字母的形狀提示點(diǎn)。當(dāng)結(jié)束關(guān)鍵幀中的形狀提示點(diǎn)的顏色由紅色變成了綠色，而在開始關(guān)鍵幀中的形狀提示點(diǎn)由紅色變成了黃色，則表示形狀提示點(diǎn)已經(jīng)與作品建立了正確的連接。

（4）將播放頭在時(shí)間軸上移動(dòng)預(yù)覽新的形變過(guò)程。不停地加入形狀提示點(diǎn)，或?qū)λ鼈冞M(jìn)行重新定位，直到動(dòng)畫產(chǎn)生出了理想的形變過(guò)程。信息管理系統(tǒng)解決方案四、練習(xí)1、制作一個(gè)笑臉到哭臉的變臉形變動(dòng)畫，效果如下圖所示。

（提示：笑臉系列形狀可采用【文本工具】輸入，字體采用“Windings”，輸入大寫字母“L”則可輸入一個(gè)笑臉，其它兩張臉對(duì)應(yīng)著大寫字母“K”和“L”。）

信息管理系統(tǒng)解決方案四、練習(xí)2、制作一個(gè)變手的形變動(dòng)畫，并通過(guò)設(shè)置形狀提示點(diǎn)來(lái)控制手指之間的對(duì)應(yīng)變換位置。動(dòng)畫中手的姿勢(shì)如下圖所示。

（提示：手的系列形狀可采用“文本工具”輸入，字體采用“Windings”，輸入大寫字母“A”～“G”實(shí)現(xiàn)）信息管理系統(tǒng)解決方案本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)要點(diǎn)4.練習(xí)信息管理系統(tǒng)解決方案一、案例效果

重點(diǎn)與難點(diǎn)：傳統(tǒng)補(bǔ)間動(dòng)畫的制作方法和技巧，及如何設(shè)置旋轉(zhuǎn)、運(yùn)動(dòng)的快慢和逐漸消失的效果。信息管理系統(tǒng)解決方案二、操作步驟1.新建文檔并命名啟動(dòng)Adobe

Flash

CS5后，新建一個(gè)文檔，對(duì)背景顏色和舞臺(tái)大小進(jìn)行相應(yīng)的設(shè)置，保存文檔，命名為“世界杯集錦”。2．創(chuàng)建世界杯圖形符號(hào)

導(dǎo)入文件名為“世界杯圖1”～“世界杯圖6”的圖片文件，分別對(duì)應(yīng)生成名為“圖1”～“圖6”的圖形元件信息管理系統(tǒng)解決方案二、操作步驟3.創(chuàng)建“Loading”文本的拉伸效果

第一步：新建一個(gè)名稱為“Loading”的影片剪輯元件。

第二步：選用【文本工具】輸入文字“Loading……”，在“屬性”面板中設(shè)置此文字的字體為“黑體”，字號(hào)為25，字體顏色為白色。用Ctrl+B將文字打散。將第1幀復(fù)制到第2幀至第13幀。鼠標(biāo)單擊第1幀，只保留“L”字母，刪除其它字符圖形。從第2幀開始逐步增加字符圖形直至第13幀。鼠標(biāo)單擊第18幀，按F5鍵增加一個(gè)擴(kuò)展幀。信息管理系統(tǒng)解決方案二、操作步驟4.創(chuàng)建“光線”圖形符號(hào)第一步：新建名稱為“光線”的圖形元件。第二步：利用“橢圓工具”繪制如下圖的光線效果：信息管理系統(tǒng)解決方案二、操作步驟5．創(chuàng)建“光束”影片剪輯信息管理系統(tǒng)解決方案二、操作步驟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幀。信息管理系統(tǒng)解決方案二、操作步驟8．創(chuàng)建“Loading”圖層創(chuàng)建新圖層命名為“Loading”，將影片剪輯“Loading”拖至舞臺(tái)左下角。并擴(kuò)展制120幀。9．創(chuàng)建宇宙圖片動(dòng)畫

第一步：創(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)畫”。信息管理系統(tǒng)解決方案二、操作步驟第二步：按照以上方法，可設(shè)計(jì)“圖片2”至“圖片6”從舞臺(tái)邊緣的不同位置沿著不同的角度由小變大，或直接或旋轉(zhuǎn)地進(jìn)入舞臺(tái)中央，然后再慢慢淡出消失掉。

10．測(cè)試影片，保存文件，并導(dǎo)出影片信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)1、制作傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫的方法有如下2種。(1)右擊開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，在彈出的快捷菜單中單擊“創(chuàng)建傳統(tǒng)補(bǔ)間”菜單項(xiàng)。(2)單擊開始關(guān)鍵幀和結(jié)束關(guān)鍵幀間的任何一幀，單擊“插入”>“傳統(tǒng)補(bǔ)間”菜單項(xiàng)。注意：如果要對(duì)一個(gè)圖像制作傳統(tǒng)補(bǔ)間動(dòng)畫，要先把它變成組件(按Ctrl+G組合鍵)或者元件。信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)2.創(chuàng)建補(bǔ)間動(dòng)畫在cs4之前的FLASH版本在制作動(dòng)畫的時(shí)候基本都是定頭、定尾、做動(dòng)畫(開始幀、結(jié)束幀、創(chuàng)建動(dòng)畫動(dòng)作)。而從flashcs4開始，就演變?yōu)橹灰^，然后鼠標(biāo)在哪一幀操作場(chǎng)景中的對(duì)象時(shí)，時(shí)間軸自動(dòng)添加關(guān)鍵幀。所以制作補(bǔ)間動(dòng)畫演變?yōu)椋憾^、做動(dòng)畫(開始幀、選中對(duì)應(yīng)幀、改變對(duì)象位置)。信息管理系統(tǒng)解決方案三、技術(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)畫后，再通過(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)畫開始到結(jié)束元件旋轉(zhuǎn)的次數(shù)。信息管理系統(tǒng)解決方案三、技術(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)畫后，再通過(guò)“屬性”面板中的來(lái)設(shè)置的。其中“緩動(dòng)”項(xiàng)用于調(diào)節(jié)對(duì)象運(yùn)動(dòng)過(guò)程中的速度比例關(guān)系，正數(shù)表示先快后慢，負(fù)數(shù)表示先慢后快，零值表示動(dòng)作勻速變化；后面的“鉛筆”用于打開“自定義緩入/緩出”面板。信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)5.設(shè)置物體逐步消失的效果逐步消失的運(yùn)動(dòng)效果主要是通過(guò)設(shè)置運(yùn)動(dòng)補(bǔ)間動(dòng)畫的結(jié)束關(guān)鍵幀中物體的“Alpha”值為“0%”來(lái)實(shí)現(xiàn)的，此設(shè)置可通過(guò)“屬性”面板中的色彩效果樣式中的“Alpha”值項(xiàng)來(lái)完成。信息管理系統(tǒng)解決方案四、練習(xí)(1)制作一個(gè)紅色小球旋轉(zhuǎn)運(yùn)動(dòng)的動(dòng)畫。要求小球先從舞臺(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)畫。信息管理系統(tǒng)解決方案本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)要點(diǎn)4.練習(xí)信息管理系統(tǒng)解決方案一、案例效果重點(diǎn)與難點(diǎn)：遮罩動(dòng)畫的制作方法與技巧。信息管理系統(tǒng)解決方案二、操作步驟1．新建文檔并命名啟動(dòng)Adobe

Flash

CS5后，新建一個(gè)文檔，背景顏色和舞臺(tái)大小都使用默認(rèn)，保存文檔，命名為“閃閃的紅星”。2.繪制“放射圓”元件第一步：使用“工具箱”中的橢圓工具和線條工具繪制一個(gè)粗細(xì)為4的橢圓和直線。并用變形工具把直線的中心點(diǎn)調(diào)整至圓的中心點(diǎn).如下圖：信息管理系統(tǒng)解決方案二、操作步驟第二步：打開“窗口”菜單中的“變形”面板.設(shè)置旋轉(zhuǎn)角度為”10度“單擊”應(yīng)用復(fù)制”按鈕35次.選中所有線條，單擊“修改”—“形狀”—“將線條轉(zhuǎn)化為填充”，得到下面的左邊的放射圓1圖形元件:第三步：新建一個(gè)“放射圓2”的圖形元件。把“放射圓1”拉入舞臺(tái)中，并水平翻轉(zhuǎn)。得到上面的右圖。信息管理系統(tǒng)解決方案二、操作步驟3、制作“光芒閃閃”影片剪輯元件

第一步：新建一個(gè)“光芒閃閃”的影片剪輯元件。把“放射圓1”拉入舞臺(tái)中，改變色調(diào)為“黃色調(diào)”，并設(shè)置一個(gè)100幀的動(dòng)作補(bǔ)間動(dòng)畫，使它“逆時(shí)針”旋轉(zhuǎn)一周。

第二步：再新建一個(gè)圖層，把“放射圓2”拉入舞臺(tái)中，設(shè)置該圖層為“遮罩層”。得到效果如圖：信息管理系統(tǒng)解決方案二、操作步驟4、制作“五角星”圖形元件

第一步：新建一個(gè)“五角星”的圖形元件。第二步：利用工具欄中的“多邊形工具”和“線條工具”繪制一個(gè)五角星如下圖：信息管理系統(tǒng)解決方案二、操作步驟5、整合圖形

第一步：在場(chǎng)景1里分別新建“背景”、“光芒”和“五角星”3個(gè)圖層。

第二步：在“背景”圖層里繪制一個(gè)淺藍(lán)色的矩形背景。

第三步：把做好的“光芒閃閃”元件和“五角星”元件分別拉入對(duì)應(yīng)的圖層里。6、測(cè)試影片，保存文件，并導(dǎo)出影片。信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)1.制作遮罩動(dòng)畫在制作遮罩動(dòng)畫的時(shí)候用到兩個(gè)圖層：遮罩層和被遮罩層。被遮罩層上的圖形通過(guò)遮罩層顯示出來(lái)。播放動(dòng)畫的時(shí)候，遮罩層上的內(nèi)容不會(huì)被顯示出來(lái)，被遮罩層上位于遮罩層之外的內(nèi)容也不被顯示。2.設(shè)置一個(gè)圖層遮罩多個(gè)圖層在Flash中一個(gè)遮罩圖層可以同時(shí)遮罩多個(gè)被遮罩圖層。當(dāng)把某個(gè)圖層設(shè)置為遮罩層時(shí)，它下面的圖層自動(dòng)被設(shè)置為被遮罩層。當(dāng)需要使一個(gè)圖層遮罩多個(gè)圖層時(shí)，可以通過(guò)下面的兩種方法實(shí)現(xiàn)：信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)

（1）當(dāng)需要被添加為被遮罩層的圖層位于遮罩層的上方時(shí)，選中該圖層，單擊并拖動(dòng)它到遮罩層下方。（2）當(dāng)需要被添加為被遮罩層的圖層位于遮罩層的下方時(shí)，在該圖層上右擊彈出快捷菜單，選擇“屬性”，打開“圖層屬性”對(duì)話框，選擇”被遮罩”類型。如果需要取消遮罩與被遮罩的關(guān)系，可以在被遮罩層打開“圖層屬性”對(duì)話框，選中”一般”單選按鈕；或者把該圖層拖動(dòng)到遮罩層上方。信息管理系統(tǒng)解決方案四、練習(xí)

請(qǐng)制作一個(gè)“瀑布”遮罩動(dòng)畫，該動(dòng)畫制作時(shí)截取了水流部分的圖像作為被遮罩層，遮罩層是使用筆刷工具繪制的水波線條，遮罩層的波紋從上到下做運(yùn)動(dòng)。效果如下圖：信息管理系統(tǒng)解決方案本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)要點(diǎn)4.練習(xí)信息管理系統(tǒng)解決方案一、案例效果

重點(diǎn)與難點(diǎn)：引導(dǎo)動(dòng)畫的制作方法與技巧，以及應(yīng)用引導(dǎo)路徑的技巧。信息管理系統(tǒng)解決方案二、操作步驟1．新建文檔并命名啟動(dòng)Adobe

Flash

CS5后，新建一個(gè)文檔，背景顏色和舞臺(tái)大小都使用默認(rèn)，保存文檔，命名為“蝴蝶飛”。2．導(dǎo)入背景圖片

修改“圖層1”的名稱為“背景”。導(dǎo)入本案例對(duì)應(yīng)的素材文件夾中的“花叢.bmp

”的圖片文件

，利用“對(duì)齊”面板縮放成與舞臺(tái)大小一樣。信息管理系統(tǒng)解決方案二、操作步驟3．制作“蝴蝶飛1”和“蝴蝶飛2”元件

第一步：新建一個(gè)命名為“身體”

的圖形元件。如下左圖：

第二步：新建一個(gè)“圖形”元件，命名為“翅膀”，導(dǎo)入圖片本案例對(duì)應(yīng)的素材文件夾中的“蝴蝶1”

，并進(jìn)行相應(yīng)的調(diào)整。效果如上右圖。信息管理系統(tǒng)解決方案二、操作步驟第三步：新建一個(gè)“影片剪輯”，命名為“蝴蝶飛1”

。

A、在“蝴蝶飛1”元件中建立2個(gè)圖層，并給圖層分別命名為“身體”和“翅膀”。利用前面所做的“身體”和“翅膀”元件，組成一只完整的蝴蝶效果如下左圖B、在“翅膀”的第2幀插入關(guān)鍵幀，然后選中【任意變形工具】，將左邊“翅膀1”實(shí)例的變形中心點(diǎn)調(diào)整到與身體接觸位置，然后向里壓，使用同樣的方法調(diào)整右邊的實(shí)例，效果如上右圖。信息管理系統(tǒng)解決方案二、操作步驟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)制作。信息管理系統(tǒng)解決方案二、操作步驟4．制作“閃爍文字”元件

（1）新建一個(gè)“圖形”元件，命名為“星星”。效果如圖：（2）新建一個(gè)“影片剪輯”，命名為“星星旋轉(zhuǎn)”，將“星星”元件拖放到影片剪輯中，適當(dāng)調(diào)整大小，在第15幀插入關(guān)鍵幀，創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫，在“屬性”面板中設(shè)置“逆時(shí)針”旋轉(zhuǎn)“1”次。信息管理系統(tǒng)解決方案二、操作步驟（3）新建一個(gè)“圖形”元件，命名為“文字”，效果如圖：（4）新建一個(gè)“影片剪輯”，命名為“閃爍文字”，效果如圖：信息管理系統(tǒng)解決方案二、操作步驟5．布置主場(chǎng)景（1）回到主場(chǎng)景，新建四個(gè)圖層，從上到下4個(gè)圖層為“文字”、“蝴蝶2”、“閃爍”和“蝴蝶1”（2）從“庫(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ò)展幀。信息管理系統(tǒng)解決方案二、操作步驟（4）從“庫(kù)”中把“蝴蝶飛2”拖放到“蝴蝶2”圖層的第1幀，并調(diào)整其大小和旋轉(zhuǎn)角度，在第150幀插入關(guān)鍵幀，并創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫。在“蝴蝶2”圖層的上方新建一個(gè)“引導(dǎo)層”在引導(dǎo)層上使用【鉛筆工具】繪制一條引導(dǎo)線，并設(shè)置“蝴蝶2”的引導(dǎo)動(dòng)畫如下圖：信息管理系統(tǒng)解決方案二、操作步驟（5）在“蝴蝶2”圖層的第250幀和300幀插入關(guān)鍵幀，并在這兩個(gè)幀之間創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫；在引導(dǎo)層的第151幀插入空白關(guān)鍵幀，在250幀插入關(guān)鍵幀，并在第250幀繪制一條引導(dǎo)線，將“蝴蝶2”圖層的第250幀、300幀上的蝴蝶對(duì)齊到引導(dǎo)線的首端和末端，制作引導(dǎo)動(dòng)畫。信息管理系統(tǒng)解決方案二、操作步驟（6）在“文字”圖層的第150幀插入關(guān)鍵幀，將“閃爍文字”元件拖到該幀，放在舞臺(tái)左下方，如圖3.97所示；在該圖層的200幀插入關(guān)鍵幀，然后將150幀上的文字設(shè)為透明，并在兩個(gè)關(guān)鍵幀之間創(chuàng)建補(bǔ)間動(dòng)畫，最后在300幀插入擴(kuò)展幀。6．測(cè)試影片，保存文件，并導(dǎo)出影片信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)1、制作引導(dǎo)動(dòng)畫

引導(dǎo)層上繪制的是引導(dǎo)路徑，這些線條可以是使用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具繪制出的。被引導(dǎo)層上可以創(chuàng)建的對(duì)象包括：元件實(shí)例、文字或群組等，但是不能是分散的矢量圖形。2.應(yīng)用引導(dǎo)路徑的技巧

（1）引導(dǎo)線要平滑、流暢。（2）被引導(dǎo)層上的對(duì)象的變形中心一定要位于引導(dǎo)線上。另外，按下“工具箱”中的【貼緊至對(duì)象】按鈕，可以是對(duì)象更容易吸附到引導(dǎo)線上。（3）選中“調(diào)整到路徑”復(fù)選框。（4）對(duì)齊引導(dǎo)線和對(duì)象時(shí)，選中“貼緊”復(fù)選框可以讓對(duì)象自動(dòng)捕捉路徑。

信息管理系統(tǒng)解決方案四、練習(xí)制作一個(gè)小鳥在天空中飛翔的引導(dǎo)動(dòng)畫。信息管理系統(tǒng)解決方案本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)要點(diǎn)4.練習(xí)信息管理系統(tǒng)解決方案一、案例效果

重點(diǎn)與難點(diǎn)：逐幀動(dòng)畫的制作技巧和卡通人物的繪圖技巧。信息管理系統(tǒng)解決方案二、操作步驟本案例是在第二章中“小青蛙”案例的基礎(chǔ)上制作。1：打開素材“青蛙側(cè)面”的Flash工程文件。并把文件另存為“運(yùn)動(dòng)的小青蛙”2：制作逐幀動(dòng)畫

第一步：建立一個(gè)命名為“走路合成”的影片剪輯元件。信息管理系統(tǒng)解決方案二、操作步驟第二步：打開“庫(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)。信息管理系統(tǒng)解決方案二、操作步驟第四步：畫腳的動(dòng)作信息管理系統(tǒng)解決方案二、操作步驟第五步：在對(duì)應(yīng)的幀上依次設(shè)置如下相應(yīng)的動(dòng)作。

3．測(cè)試影片，保存文件，并導(dǎo)出影片

信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)1、制作逐幀動(dòng)畫的基本步驟：（1）選擇一關(guān)鍵幀作為逐幀動(dòng)畫的開始幀。（2）在開始幀中繪制或?qū)雱?dòng)畫序列中的第1張圖片。（3）選擇下一關(guān)鍵幀，并進(jìn)行任意修改或?qū)肜L制一張新圖片。（4）繼續(xù)添加關(guān)鍵幀并改變相應(yīng)關(guān)鍵幀的內(nèi)容直到最終完成動(dòng)畫。（5）測(cè)試影片并導(dǎo)出一個(gè).swf文件。

信息管理系統(tǒng)解決方案三、技術(shù)要點(diǎn)2.逐幀動(dòng)畫的運(yùn)動(dòng)規(guī)律及時(shí)間掌握(1)運(yùn)動(dòng)規(guī)律研究動(dòng)畫片表現(xiàn)物體的運(yùn)動(dòng)規(guī)律，首先要弄清時(shí)間、空間、張數(shù)、速度的概念及彼此之間的相互關(guān)系，從而掌握規(guī)律，處理好動(dòng)畫片中動(dòng)作的節(jié)奏。(2)時(shí)間掌握所謂“時(shí)間”，是指影片中物體（包括生物和非生物）在完成某一動(dòng)作時(shí)所需的時(shí)間長(zhǎng)度，這一動(dòng)作所占膠片的長(zhǎng)度（片格的多少）。這一動(dòng)作所需的時(shí)間長(zhǎng)，其所占片格的數(shù)量就多；動(dòng)作所需的時(shí)間短，其所占的片格數(shù)量就少。信息管理系統(tǒng)解決方案四、練習(xí)

利用青蛙為元素制作一組青蛙走路的動(dòng)畫(參考從前言中所提供的網(wǎng)址下載的本章的“練習(xí)參考”文件夾中的Flash工程文件“走路參考”)。信息管理系統(tǒng)解決方案本節(jié)內(nèi)容1.案例效果2.操作步驟3.技術(shù)要點(diǎn)4.練習(xí)信息管理系統(tǒng)解決方案一、案例效果

重點(diǎn)與難點(diǎn)：掌握時(shí)間軸特效的使用方法、“按鈕元件”的建立和使用及實(shí)例顏色的調(diào)節(jié)方法。信息管理系統(tǒng)解決方案二、操作步驟1．新建文檔并命名啟動(dòng)Adobe

Flash

CS5后，新建一個(gè)文檔，設(shè)置背景色為白色，文檔大小為400×250，保存文檔，命名為“賀卡”。2．設(shè)置背景用文本工具設(shè)置如右圖的背景:信息管理系統(tǒng)解決方