【文章內(nèi)容簡(jiǎn)介】 義動(dòng)畫(huà)變化、更改狀態(tài)的幀，即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。空白關(guān)鍵幀——空白關(guān)鍵幀是沒(méi)有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。普通幀——在時(shí)間軸上能顯示實(shí)例對(duì)象，但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。以上四種幀的區(qū)別① 關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn)，空白關(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn)，普通幀在時(shí)間軸上顯示為灰色填充的小方格② 同一層中，在前一個(gè)關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀，是復(fù)制前一個(gè)關(guān)鍵幀上的對(duì)象，并可對(duì)其進(jìn)行編輯操作；如果插入普通幀，是延續(xù)前一個(gè)關(guān)鍵幀上的內(nèi)容，不可對(duì)其進(jìn)行編輯操作；插入空白關(guān)鍵幀，可清除該幀后面的延續(xù)內(nèi)容，可以在空白關(guān)鍵幀上添加 新的實(shí)例對(duì)象。③ 關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動(dòng)作腳本，普通幀上則不能。應(yīng)用中需注意的問(wèn)題 ① 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用，以減小動(dòng)畫(huà)文件的體積；② 盡量避免在同一幀處過(guò)多的使用關(guān)鍵幀，以減小動(dòng)畫(huà)運(yùn)行的負(fù)擔(dān)，使畫(huà)面播放流暢。二、基本動(dòng)畫(huà)變形動(dòng)畫(huà)：要求參與動(dòng)畫(huà)的對(duì)象必須是形狀，不得使用元件。例如：以下動(dòng)畫(huà)中A－－＞B－－＞C之間、五角星——十角形即為形狀變形。操作步驟： ①設(shè)置背景色②插入第一關(guān)鍵幀，并繪制一個(gè)五角形。③在第30幀上插入空白關(guān)鍵幀，并繪制一個(gè)十角星形。④利用時(shí)間軸上的“編輯多幀”工具，對(duì)齊第一、二關(guān)鍵幀的各自五個(gè)角。⑤在第一關(guān)鍵幀上設(shè)定五個(gè)“形狀提示點(diǎn)”，修改－－形狀－－添加形狀提示點(diǎn)。⑥在第二關(guān)鍵幀上設(shè)定各提示點(diǎn)的對(duì)應(yīng)終點(diǎn)位置。⑦對(duì)第一關(guān)鍵幀設(shè)定“形狀”動(dòng)畫(huà)補(bǔ)間。思考：直線(xiàn)運(yùn)動(dòng)動(dòng)畫(huà)：任何對(duì)象都可以設(shè)置直線(xiàn)動(dòng)畫(huà)，只需二個(gè)關(guān)鍵幀 例如：素材下載漸變運(yùn)動(dòng)動(dòng)畫(huà)① 淡入、淡出動(dòng)畫(huà)：使用實(shí)例才能完成此項(xiàng)動(dòng)畫(huà)，一般通過(guò)調(diào)整關(guān)鍵幀的透明度來(lái)設(shè)置場(chǎng)景中的各實(shí)例的出現(xiàn)方式。一般淡入淡出式動(dòng)畫(huà)是用二個(gè)關(guān)鍵幀完成，第一關(guān)鍵幀為全透明（100%）或部分透明，第二關(guān)鍵幀透明度為0。②閃爍動(dòng)畫(huà)：一般用三個(gè)關(guān)鍵幀完成，即從淡入到淡出的過(guò)程，即全透明－－不透明－－全透明的設(shè)置過(guò)程。例如：以下例子中星星，就是用影片元件來(lái)完成的。旋轉(zhuǎn)動(dòng)畫(huà)：一般旋轉(zhuǎn)度數(shù)在360度以上，則采用實(shí)例，即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的。而旋轉(zhuǎn)度小于360度，則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫(huà)設(shè)定只需二個(gè)關(guān)鍵幀。例如：拖影文字(課后完成)操作步驟：①建立文字元件,拖到舞臺(tái)②創(chuàng)建第一圖層，設(shè)定第一、二關(guān)鍵幀（同幀），并設(shè)制“動(dòng)畫(huà)”補(bǔ)間，旋轉(zhuǎn)為1次。②創(chuàng)建第二圖層，此層為陰影層，復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要逐漸調(diào)整透明度。三、總結(jié)鞏固：圖形元件的制作圖形元件的應(yīng)用： ①實(shí)例：元件調(diào)入到場(chǎng)景后，就叫實(shí)例，實(shí)例可以取名，以后便于以后寫(xiě)代碼（編程）時(shí)調(diào)用。②對(duì)元件的編輯： ③對(duì)實(shí)例的編輯：與元件編輯最大區(qū)別在于對(duì)元件本身不修改，主要的編輯方法有改變色調(diào)、透明度等。四、作業(yè)：本周作業(yè)名稱(chēng)為：字母變形應(yīng)用提示點(diǎn)變形(星型)拖影文字預(yù)習(xí)：夜色中的汽車(chē)(綜合漸變星星一起做)第四周 Flash 中的動(dòng)畫(huà)教學(xué)目標(biāo)：要求學(xué)生掌握直線(xiàn)運(yùn)動(dòng)的補(bǔ)間。掌握直線(xiàn)運(yùn)動(dòng)的特點(diǎn)：元件與普通形狀對(duì)象都可以制作直線(xiàn)運(yùn)動(dòng)。掌握影片元件的制作方法。了解flash 中的幾種基本動(dòng)畫(huà)教學(xué)重點(diǎn)： flash 中的幾種基本動(dòng)畫(huà)。教學(xué)難點(diǎn)： 基本動(dòng)畫(huà)的區(qū)別； 教學(xué)過(guò)程：一、導(dǎo)入：Flash 中的幾種基本動(dòng)畫(huà)。動(dòng)作補(bǔ)間動(dòng)畫(huà)是Flash 中最常見(jiàn)的動(dòng)畫(huà)類(lèi)型。它可以結(jié)合色彩、透明度、位置的變化，使作品更加絢麗多彩。如何通過(guò)動(dòng)作補(bǔ)間動(dòng)畫(huà)將對(duì)象的運(yùn)動(dòng)形象生動(dòng)的表現(xiàn)出來(lái)，是學(xué)習(xí)運(yùn)動(dòng)動(dòng)畫(huà)的根本目的。如上堂課的汽車(chē)運(yùn)動(dòng)動(dòng)畫(huà)。形狀補(bǔ)間動(dòng)畫(huà)同樣是Flash 中最常見(jiàn)的動(dòng)畫(huà)類(lèi)型。但是它的變形對(duì)象是矢量圖形，利用這種動(dòng)畫(huà)可以使場(chǎng)景上的矢量圖形作出任意形狀、位置和顏色的平滑變化。它與動(dòng)作補(bǔ)間動(dòng)畫(huà)的區(qū)別是：動(dòng)作補(bǔ)間的作用對(duì)象是元件或被組合的對(duì)象，而形狀補(bǔ)間動(dòng)畫(huà)的作用對(duì)象是矢量圖形。如上堂課的字母變形動(dòng)畫(huà)。逐幀動(dòng)畫(huà)要?jiǎng)?chuàng)建逐幀動(dòng)畫(huà)，需要將每一個(gè)幀都定義為關(guān)鍵幀，然后給每一個(gè)幀都創(chuàng)建不同的圖象。制作逐幀動(dòng)畫(huà)的基本思想是把一系列相差甚微的圖形或文字放置在一系列的關(guān)鍵幀中，使動(dòng)畫(huà)播放的時(shí)候看起來(lái)像是一系列連續(xù)變化的動(dòng)畫(huà)。如圖所示，展示了一個(gè)小男孩的行為動(dòng)畫(huà)。蒙版動(dòng)畫(huà)在制作動(dòng)畫(huà)的過(guò)程中，有些效果用通常的方法很難實(shí)現(xiàn)。比如：手電筒、探照燈、百頁(yè)窗等效果。這時(shí)就要用到蒙版動(dòng)畫(huà)了。要?jiǎng)?chuàng)建蒙版動(dòng)畫(huà)，需要有兩個(gè)圖層：遮罩層和被遮罩層。遮罩項(xiàng)目像是一個(gè)窗口，透過(guò)它可以看到位于它下面的鏈接層區(qū)域，而且除了透過(guò)遮罩項(xiàng)目顯示的內(nèi)容，其余的所有內(nèi)容都被隱藏起來(lái)了。如圖所示：引導(dǎo)層動(dòng)畫(huà)引導(dǎo)層作為一個(gè)特殊的圖層，在Flash 動(dòng)畫(huà)設(shè)計(jì)中的應(yīng)用也十分廣泛。在引導(dǎo)層的幫助下，可以實(shí)現(xiàn)對(duì)象沿著特定的路徑運(yùn)動(dòng)。要?jiǎng)?chuàng)建引導(dǎo)層動(dòng)畫(huà)，需要兩個(gè)圖層，如圖所示 ：二、回顧旋轉(zhuǎn)動(dòng)畫(huà)：一般旋轉(zhuǎn)度數(shù)在360度以上，則采用實(shí)例，即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的。而旋轉(zhuǎn)度小于360度，則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫(huà)設(shè)定只需二個(gè)關(guān)鍵幀。例如：拖影文字 操作步驟：①建立文字元件,拖到舞臺(tái)②創(chuàng)建第一圖層，設(shè)定第一、二關(guān)鍵幀（同幀），并設(shè)制“動(dòng)畫(huà)”補(bǔ)間，旋轉(zhuǎn)為1次。②創(chuàng)建第二圖層，此層為陰影層，復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要逐漸調(diào)整透明度。三、元件的創(chuàng)建,多圖層動(dòng)畫(huà)的制作四、本周作業(yè)：拖影文字夜色馬路第五周 鞏固與檢測(cè)教學(xué)目標(biāo)：要求學(xué)生鞏固橢圓工具、直線(xiàn)工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。鞏固圖形元件、影片元件的創(chuàng)建。鞏固二類(lèi)補(bǔ)間動(dòng)畫(huà)的特點(diǎn)。鞏固二類(lèi)動(dòng)畫(huà)：變形動(dòng)畫(huà)、直線(xiàn)運(yùn)動(dòng)動(dòng)畫(huà)。測(cè)驗(yàn)學(xué)生的圖形繪制能力，時(shí)間1小時(shí)教學(xué)重點(diǎn)： 運(yùn)動(dòng)補(bǔ)間的設(shè)置；影片元件的創(chuàng)建。教學(xué)難點(diǎn)： 影片元件與圖形元件的區(qū)別。教學(xué)過(guò)程：一、鞏固復(fù)習(xí)題：倒影動(dòng)畫(huà)（本實(shí)例主要使用了文本工具、墨水瓶工具、打散功能、Alpha值設(shè)置等來(lái)操作）。主要通過(guò)一下幾個(gè)步驟來(lái)完成。使用文本工具在舞臺(tái)場(chǎng)景中輸入文字。使用打散功能將文字打散為矢量圖形。使用墨水瓶工具為文字描邊。使用F8快捷鍵將文字轉(zhuǎn)化為影片剪輯，并在其中進(jìn)行Alpha值的設(shè)置。多層變形動(dòng)畫(huà)（掌握對(duì)象繪制工具的使用。）思考并完成一下動(dòng)畫(huà)效果的制作，分析幀之間的時(shí)間順序及文字分別做了什么動(dòng)畫(huà)？（背景下載）二、十一課后作業(yè)：完成作業(yè)本上前幾周作業(yè)的上傳、學(xué)習(xí)上堂課中五種基本動(dòng)畫(huà)的設(shè)計(jì)制作。（素材下載）(補(bǔ)充源代碼下載)本周上傳作業(yè)名稱(chēng)為：陰影動(dòng)畫(huà)圓環(huán)字母變形第六周 鞏固與檢測(cè)教學(xué)目標(biāo)：要求學(xué)生鞏固掌握FLASH的工具中的一些技巧。鞏固FALSH中存在的五種變化移動(dòng)、縮放、旋轉(zhuǎn)、顏色、透明度 教學(xué)重點(diǎn)：工具中技巧的合理運(yùn)用。教學(xué)過(guò)程：一、在FLASH中有些工具使用的技巧有助于動(dòng)畫(huà)設(shè)計(jì)的美感，下面總結(jié)幾種我們平時(shí)制作當(dāng)中常用到的幾種小技巧：柔化物體邊緣 先看下圖一的效果,此效果，我們所使用的最簡(jiǎn)單的方法是利用 FLASH 本身的邊緣柔化功能：圖一圖二 圖三先畫(huà)好一個(gè)圓，如圖二；然后選中此圖形(不可是元件圖形)圓，選擇修改形狀柔化邊緣填充，在彈出的對(duì)話(huà)框里設(shè)置參數(shù)，如圖三，確定以后就形成上圖的效果。（注意：參數(shù)的大小影響了邊緣柔化的程度，但有一點(diǎn)，最好只進(jìn)行一次柔化，如在柔化以后再柔化可能會(huì)使FLASH計(jì)算復(fù)雜,而出現(xiàn)于要求不同的效果。）同理,我們可以對(duì)文字邊緣進(jìn)行柔化,如下效果3和4分別是對(duì)文字的填充色和筆觸進(jìn)行了柔化。值得注意的是必須先把文字分離，并且在對(duì)筆觸進(jìn)行柔化之前，事先要求將線(xiàn)條轉(zhuǎn)化為填充。引申：在實(shí)際運(yùn)用當(dāng)中如果要進(jìn)行較為靈活的邊緣柔化，我們不妨利用混色器來(lái)完成。即在選中圖形后調(diào)出混色器編輯框，顏色填充樣式選擇放射狀，然后將左右兩個(gè)顏色填充節(jié)點(diǎn)的顏色都設(shè)置為白色，再將右邊的顏色節(jié)點(diǎn)的透明度為“0”，如下圖用此方法制作的效果有一點(diǎn)好處就是可以靈活的改變邊緣柔化的程度，思考如何達(dá)到后面三種圖形的效果。變形復(fù)制效果如下：對(duì)于這個(gè)效果我們使用的是復(fù)制并變形的功能。首先可以畫(huà)一個(gè)橢圓，然后選中此對(duì)象，用變形工具改變它的自由變化中心，如下面左右兩圖，左邊為沒(méi)有改變的狀態(tài)，右邊為改變以后的狀態(tài)： 自由變化中心的改變?nèi)缓筮x擇 窗口變形 調(diào)出變形對(duì)話(huà)框，如圖：在旋轉(zhuǎn)參數(shù)里輸入對(duì)象旋轉(zhuǎn)的角度，比如20度，再點(diǎn)擊對(duì)話(huà)框右下角的拷貝并應(yīng)用變形按鈕，直到圖象變成我們所需狀態(tài)。對(duì)象繪制這是 Flash8 的新功能。原先版本中，我們?cè)谕粓D層中疊加兩個(gè)圖形時(shí)，會(huì)產(chǎn)生合并的效果，如果移動(dòng)其中一個(gè)圖形時(shí)，下面圖形的疊加部分就會(huì)消失，這有一定的優(yōu)越性但是又有局限性，如果我們要繪制兩個(gè)圖形疊加在一起但是不合并的話(huà)，就需要把這兩個(gè)圖形轉(zhuǎn)換成元件或是放在兩個(gè)圖層中，這樣就比較麻煩。而對(duì)象繪制就可以避免產(chǎn)生這種問(wèn)題。例如，原先版本中移動(dòng)圖象后：而如果是單擊“橢圓”工具，在選項(xiàng)欄里，點(diǎn)擊“對(duì)象繪制”按鈕后，再繪制兩個(gè)圖象，這時(shí)盡管兩個(gè)圖象之間彼此是疊加的，但是互相不會(huì)干擾。另外，在“修改”菜單欄中，對(duì)象繪制還具有四種合并效果：聯(lián)合，交集，打孔，裁切。希望大家自己去觀察它們各自的作用。二、在FALSH中存在的五種變化移動(dòng)、縮放、旋轉(zhuǎn)、顏色、透明度 具體效果看影片文件（注意：后面兩種變化必須是對(duì)實(shí)例，即對(duì)拉到場(chǎng)景中的元件進(jìn)行設(shè)置。）第七周 鞏固教教學(xué)目標(biāo)：鞏固掌握FLASH制作中幾種常見(jiàn)字體效果的制作。掌握FLASH動(dòng)畫(huà)制作中用到的兩種補(bǔ)間過(guò)程。教學(xué)重點(diǎn)： 字體效果的制作、各補(bǔ)間的特性和要求。教學(xué)過(guò)程：一、在一個(gè)好的FLASH作品里常常會(huì)運(yùn)用到一些經(jīng)過(guò)處理的FLASH字效，前面我們已經(jīng)介紹了多種在FLASH中常用的字效：點(diǎn)框文字、彩虹文字、位圖文字、立體字、倒影字等，今天，再補(bǔ)充幾個(gè)特效文字的處理。雙色（多色）字圖一圖二 圖三關(guān)鍵技術(shù)要求：[1]、制作此類(lèi)文字效果，只要將文字打散成離散的圖形；[2]、然后用選取工具選取其中部分，再對(duì)選中部分進(jìn)行顏色填充； [3]、選取次數(shù)可以隨意定。鏤空字(素材下載)關(guān)鍵技術(shù)要求：[1]、此類(lèi)效果需兩層圖層才能完成； [2]、底層放置一張圖片；[3]、在上層畫(huà)一個(gè)矩形蓋住底層的圖片（可適當(dāng)設(shè)置透明度）； [4]、在矩形層上輸入文字并調(diào)整好文字的位置； [5]、將文字打散；[6]、鼠標(biāo)點(diǎn)擊影片空白處取消對(duì)文字的選擇； [7]、再次選中文字圖形并將其刪除即可。陰影字關(guān)鍵技術(shù)要求：養(yǎng)成一個(gè)圖象一個(gè)圖層的好習(xí)慣，根據(jù)情況，這里可以創(chuàng)建三個(gè)圖層，藍(lán)色字、黑色字，深灰色字，分別呈現(xiàn)原層、立體層、陰影層的效果；立體層的制作：可以按快捷鍵Shift+Ctrl+V把“原層”中的文字復(fù)制到“立體層”中，并利用方向鍵“→”、“↑”將黑色字層向右、向上各移動(dòng)2個(gè)像素；陰影的制作： 選中“原層”中的文字，然后按快捷鍵打開(kāi)Ctrl+T打開(kāi)“變形”面板，并上右圖所示設(shè)置。設(shè)置好后，單擊“變形”面板上的“復(fù)制并應(yīng)用變形”按鈕。一個(gè)經(jīng)過(guò)變形的副本就被復(fù)制出來(lái)了。陰影層的制作： 選中剛剛做好的副本，按快捷鍵Ctrl+X剪切。按快捷鍵Shift+Ctrl+V把這個(gè)副本原位粘貼到“陰影層”中。最后適當(dāng)?shù)恼{(diào)整位置，并把色彩換成666666。到這里，文字的陰影效果就做好了。綜上所述，關(guān)鍵技術(shù)都比較類(lèi)似，所以希望大家課后能好好復(fù)習(xí)，做到在熟練繪制的基礎(chǔ)上創(chuàng)作出更多其他效果的文字。二、在FLASH動(dòng)畫(huà)中，存在著兩種基本的補(bǔ)間：移動(dòng)和行變。下面就將這兩種補(bǔ)間進(jìn)行介紹。形狀補(bǔ)間延伸的直線(xiàn) 拉動(dòng)的幕布 畫(huà)線(xiàn)框（四條邊放在四個(gè)圖層上，如下圖所示，考慮為什么？）星星變形（注意為了防止變形過(guò)程不凌亂，可以利用修改－形狀中的“添加形狀提示”工具，再五角星上加入5個(gè)提示點(diǎn)，并放到相應(yīng)變化位置上，以紅色的小圓圈表示，abcde用來(lái)標(biāo)識(shí)提示點(diǎn)。看一看最后的一幀，可以發(fā)現(xiàn)十角星上也有一個(gè)對(duì)應(yīng)的紅色提示點(diǎn)，當(dāng)你設(shè)置好位置時(shí)，會(huì)發(fā)現(xiàn)提示點(diǎn)變綠了，回到第一幀，這時(shí)提示點(diǎn)由紅色變成了黃色，這表明提示點(diǎn)的設(shè)置正確。）運(yùn)動(dòng)補(bǔ)間它與動(dòng)作補(bǔ)間動(dòng)畫(huà)的區(qū)別是：動(dòng)作補(bǔ)間的作用對(duì)象是元件或被組合的對(duì)象，而形狀補(bǔ)間動(dòng)畫(huà)的作用對(duì)象是矢量圖形。運(yùn)動(dòng)的小球：比較下面三副動(dòng)畫(huà)，考慮有什么不同，分別做了什么動(dòng)作。提示：緩動(dòng)選項(xiàng)的作用?，F(xiàn)在大家應(yīng)該知道緩動(dòng)選項(xiàng)的作用了吧。它的作用是在運(yùn)動(dòng)的過(guò)程中產(chǎn)生速度上的變化，默認(rèn)值為0，即為勻速運(yùn)動(dòng)。當(dāng)值為負(fù)時(shí)，運(yùn)動(dòng)的物體做加速運(yùn)動(dòng)，相反，當(dāng)值為正時(shí)，運(yùn)動(dòng)的物體做減速運(yùn)動(dòng)。在小球下落的過(guò)程中，速度越來(lái)越快，所以我們把值改為負(fù)值，注意在值為100時(shí)，比較接近重力加速度。當(dāng)小球彈起時(shí)，速度越來(lái)越慢，因此值為正。引申：（旋轉(zhuǎn)的風(fēng)車(chē)）從這一制作中我們不僅要學(xué)習(xí)運(yùn)動(dòng)漸變動(dòng)