全套課件·Flash項目案例教程

1、Flash項目案例教程項目1：制作電子賀卡 教學(xué)目標(biāo)繪圖工具的使用文字工具的使用基本動畫的設(shè)計與制作電子賀卡制作培養(yǎng)設(shè)計與審美能力教學(xué)重點(diǎn)作品的整體構(gòu)思與設(shè)計基本工具的使用基本動畫的設(shè)計與制作任務(wù)一：基本工具的使用教學(xué)目標(biāo)1. Flash CS3基礎(chǔ)2. 繪圖工具的使用3. 文字工具的使用教學(xué)重點(diǎn)1. flash動畫制作過程2. 基本工具的使用1、Flash CS3的功能、特點(diǎn)功能： 繪圖功能：Flash CS3可以完成圖形繪制、特殊字形處理等方面的工作。 動畫功能：Flash CS3提供的動畫工具可以制作出漂亮的動畫。 編程功能：制作Flash交互式動畫。Flash CS3提供了幾百個關(guān)鍵詞

2、，可完成復(fù)雜的行為制作。知識講授 特點(diǎn)： 使用矢量圖形 支持導(dǎo)入音頻、視頻 采用流式播放技術(shù)，擁有強(qiáng)大的網(wǎng)絡(luò)傳播能力 交互性強(qiáng)，能更好地滿足用戶的需要2、Flash CS3動畫制作的基本步驟1）動畫策劃2）收集素材3）制作動畫4）調(diào)試動畫5）測試動畫6）發(fā)布動畫 3、Flash CS3工作界面 4、Flash CS3文件操作 文件的新建保存打開關(guān)閉5、基本繪圖工具的使用 在Flash動畫制作過程中，會大量地運(yùn)用到矢量圖形。Flash提供了各種繪圖工具，可以繪制出自由形狀或準(zhǔn)確的線條、形狀和路徑一些簡單的矢量圖，并可用來對對象進(jìn)行上色。Flash的工具箱如下圖所示：選擇工具部分選取工具套索工具鋼

3、筆工具文本工具線條工具矩形工具鉛筆工具刷子工具任意變形工具顏料桶工具橡皮擦工具縮放工具墨水瓶工具滴管工具手形工具筆觸顏色填充顏色吸附工具顏色設(shè)置與轉(zhuǎn)換1. 選擇工具：選擇工作區(qū)中的圖像或文字等對象。2. 部分選取工具：選擇錨點(diǎn)和貝塞爾曲線并變形。3. 任意變形工具：可以對對象進(jìn)行旋轉(zhuǎn)、傾斜、和扭曲操作；里面包括的漸變變形工具可以對對象的顏色漸變填充進(jìn)行變形操作。4. 套索工具：允許用戶自定義范圍來完成對對象的選擇。5. 鋼筆工具：用來繪制精確的直線或曲線。6. 文本工具：用來建立和編輯文本。7. 線條工具：用于繪制直線。8. 矩形工具：繪制橢圓形、正圓形、矩形、多角星形等。9. 鉛筆工具：徒手

4、繪圖工具，繪制自由的線條。10. 刷子工具：表現(xiàn)筆刷描繪的圖像效果。11. 墨水瓶工具：修改邊線的顏色。12. 顏料桶工具：修改填充的顏色。13. 滴管工具：吸取顏色。14. 橡皮擦工具：擦除圖像的填充色和外輪廓。15. 手形工具：對工作區(qū)整體做移動。16. 縮放工具：放大或縮小畫面。17. 筆觸顏色：設(shè)定邊線的顏色。18. 填充顏色：設(shè)定填充的顏色。19. 顏色設(shè)置與轉(zhuǎn)換：設(shè)置默認(rèn)的筆觸和填充顏色、筆觸和填充顏色的轉(zhuǎn)換等。20. 吸附工具：貼緊至對象。【選擇工具】 用來選擇并移動目標(biāo)，修改目標(biāo)形狀的輪廓，按住“Ctrl”鍵可在輪廓上添加節(jié)點(diǎn)并改變線條的形狀。選擇對象是最基本的操作，只有在選擇

5、了目標(biāo)對象后，才能夠?qū)ζ溥M(jìn)行所需的編輯操作。 1.選擇單一目標(biāo)對象（1）單擊工具箱中的選擇工具。（2）移動鼠標(biāo)指針至目標(biāo)對象上單擊，選中目標(biāo)。注：當(dāng)指向的目標(biāo)對象為元件、圖像和組合后的圖形時，選擇的是一個完整的目標(biāo)；當(dāng)指向目標(biāo)為矢量圖形時，F(xiàn)lash只選擇最近兩個交點(diǎn)（或端點(diǎn)）間的線段；當(dāng)指向為填充色彩時，自動以色彩封閉的邊緣為限選擇色彩范圍，如圖1-12所示：a. 對象為元件、圖像或組合圖形 b. 對象為矢量圖形 c. 選擇邊緣封閉線2.選擇多個對象（1）框選法：在目標(biāo)位置的左上角按住左鍵拖動鼠標(biāo)至目標(biāo)對象的右下角，將目標(biāo)對象的所有內(nèi)容框選在矩形區(qū)域內(nèi)。釋放鼠標(biāo)左鍵，當(dāng)前圖層矩形范圍內(nèi)的所有

6、對象都會被選中。（2）首先選中一個對象，然后按住Shift鍵單擊其他對象即可。3. 移動頂點(diǎn)當(dāng)目標(biāo)為矢量圖形時，單擊選擇工具，當(dāng)鼠標(biāo)指針移動到對象的頂點(diǎn)時，鼠標(biāo)指標(biāo)會發(fā)生變化，這時按住鼠標(biāo)左鍵并拖動鼠標(biāo)，即可改變頂點(diǎn)的位置，如下圖所示：4. 將直線變?yōu)榍€ 單擊選擇工具，將鼠標(biāo)放到對象的邊緣，鼠標(biāo)指針會發(fā)生變化，這時按住鼠標(biāo)左鍵并拖動鼠標(biāo)，如下圖所示： 5. 增加頂點(diǎn) 單擊選擇工具，當(dāng)鼠標(biāo)指針下方出現(xiàn)一個弧線的標(biāo)志時，按住Ctrl鍵和鼠標(biāo)左鍵進(jìn)行拖動，到適當(dāng)位置釋放鼠標(biāo)，就可增加一個頂點(diǎn)，如下圖所示： 其他工具使用具體見教材 技能拓展 自己選定一個主題使用flash的繪圖工具繪出一幅靜態(tài)圖 項

7、目1：制作電子賀卡任務(wù)二：基本工具的使用教學(xué)目標(biāo)1. 元件、庫的使用2. 繪圖工具的使用3. 文字工具的使用教學(xué)重點(diǎn)1. 逐幀動畫制作方法2. 補(bǔ)間動畫制作方法知識講授 一、元件庫的基本使用 元件是存放在庫中可被重復(fù)使用的圖形、按鈕或者動畫，【庫】面板是放置和組織元件的地方。要使用元件時，直接把元件從庫中拖入到舞臺上，此時舞臺上的這個對象稱為該元件的一個實例。實例是指在舞臺上或者嵌套在另一個元件內(nèi)部的元件副本，用戶可以修改它的顏色、大小和功能而不會影響元件本身。1. 元件類型1）影片剪輯2）按鈕3）圖形2. 創(chuàng)建元件1）直接創(chuàng)建2）將已有對象轉(zhuǎn)換為元件3）將已有動畫轉(zhuǎn)換為元件3. 庫 庫中除了

8、可以放置與管理元件外，還可以把其他素材直接導(dǎo)入到庫中進(jìn)行重復(fù)使用。調(diào)用其他動畫的庫公用庫Flash CS3在公用庫中還放了很多元件，分別存放于“學(xué)習(xí)交互”、“類”和“按鈕”三個不同的庫中，用戶可以直接使用。二、簡單動畫制作1、基本概念1）動畫原理2）時間軸 3）圖層 圖層，分普通層、引導(dǎo)層等。普通圖層就像沒有厚度的透明紙，上圖層的圖形可以覆蓋下圖層的圖形。 4）幀 幀是組成Flash動畫最基本的單位，一幀即一副畫面。 幀，分普通幀、關(guān)鍵幀和空白關(guān)鍵幀。 5）場景 6）舞臺2、洋蔥皮工具 在時間軸控制區(qū)域下方的 就是洋蔥皮工具，該工具在動畫的制作和編輯過程中非常有用，利用它可同時看到多個幀的動畫

9、狀態(tài)：“繪圖紙外觀”按鈕 ：按下該按鈕可顯示游標(biāo)內(nèi)各幀 的原始圖形“繪圖紙邊框”按鈕 ：按下該按鈕后可同時顯示游標(biāo) 內(nèi)除當(dāng)前幀外的所有幀的輪廓圖“編輯多幀”按鈕 ：按下該按鈕后可同時編輯游標(biāo) 范圍內(nèi)的所有關(guān)鍵幀的畫面“修改標(biāo)記”按鈕 ：單擊該按鈕將打開一個下拉菜 單，在該菜單中可設(shè)置洋蔥皮工具的顯示范圍、顯示標(biāo)記和固定繪圖紙等。3、簡單動畫制作 簡單動畫主要包括逐幀動畫與補(bǔ)間動畫。1）逐幀動畫 逐幀動畫又稱為“幀幀動畫”，它是一種簡單而常見的動畫形式，其原理是通過“連續(xù)的關(guān)鍵幀”分解動畫動作，也就是說連續(xù)播放含有不同內(nèi)容的幀來形成動畫。 創(chuàng)建逐幀動畫的幾種方法 （1）用導(dǎo)入的靜態(tài)圖片建立逐幀動

10、畫（2）繪制矢量逐幀動畫（3）文字逐幀動畫（4）導(dǎo)入序列圖像 逐幀動畫實例-馬走 2）補(bǔ)間動畫 補(bǔ)間動畫是我們在Flash動畫中應(yīng)用最多的一種動畫制作模式，只需要繪制出關(guān)鍵幀，就能自動生成中間的補(bǔ)間過程，插入補(bǔ)間動畫后兩個關(guān)鍵幀之間的插補(bǔ)幀是由計算機(jī)自動運(yùn)算而得到的。Flash CS3提供了運(yùn)動補(bǔ)間和形狀補(bǔ)間兩種補(bǔ)間動畫。a、 運(yùn)動補(bǔ)間動畫 運(yùn)動補(bǔ)間動畫是實例屬性變化過渡的一種動畫，是根據(jù)兩個關(guān)鍵幀中大小、位置、旋轉(zhuǎn)、傾斜和透明度等屬性的差別由Flash計算并自動生成的一種動畫類型，通常用于表現(xiàn)同一圖形對象的移動、放大、縮小以及旋轉(zhuǎn)等變化。 運(yùn)動補(bǔ)間動畫首尾兩幀上的對象，必須是元件實例，且必須

11、是同一個元件的實例。除了元件，組合體或文本也可作為制作動作補(bǔ)間動畫的對象。 實例：心跳動動畫b、形狀補(bǔ)間動畫 形狀動畫也稱形變動畫，通常用于表現(xiàn)不同圖形對象之間的自然過渡。在一個時間點(diǎn)（關(guān)鍵幀）繪制一個形狀，然后在另一個時間點(diǎn)（關(guān)鍵幀）更改該形狀或繪制另一個形狀，F(xiàn)lash 根據(jù)二者之間的幀的值或形狀來創(chuàng)建中間幀。 在制作形狀補(bǔ)間動畫時，需要注意其與動作補(bǔ)間動畫正好相反，制作形變的起止對象要求一定都是形狀，不能是元件、成組對象、文字對象和位圖對象，所以對于在各關(guān)鍵中創(chuàng)建的對象，除了直接在舞臺中繪制的圖形外，其他的如果是使用別的元件在舞臺中創(chuàng)建形變動畫，一定要先將其打散。實例：桃心-“愛”字轉(zhuǎn)變

12、 技能拓展 1、使用逐幀動畫制作一個人物表情變化過程 2、使用運(yùn)動補(bǔ)間制作一個跳動的小球 3、使用形狀補(bǔ)間制作一個寫有自己姓名的文本變形動畫項目1：制作電子賀卡任務(wù)三：制作電子賀卡教學(xué)目標(biāo)1. 工具的綜合應(yīng)用2. 培養(yǎng)需求分析能力3. 動畫的設(shè)計與制作4. 聲音合成5. 培養(yǎng)設(shè)計與審美能力教學(xué)重點(diǎn)：1. 作品的整體構(gòu)思與設(shè)計2. 基本動畫的設(shè)計與制作3. 合成輸出知識講授 一、 需求分析 體現(xiàn)出新春喜氣的主題意境 畫面圖案及顏色搭配合理、具有美感及喜慶感 有一定的動畫效果 配置合適的音樂 二、賀卡主體設(shè)計 新年是喜慶的，為了體現(xiàn)表示出喜慶的氛圍，賀卡主體色設(shè)計為以紅黃為主。賀卡由兩部分組成，開

13、場畫面和賀卡主畫面，當(dāng)運(yùn)行電子賀卡時，首先進(jìn)入開場畫面，點(diǎn)擊開場畫面上的一個按鈕進(jìn)入賀卡主畫面，并給賀卡配上了喜慶的音樂，讓人看了聽了能感受到新年到來的喜悅之情。1、開場 1）導(dǎo)入一副處理好的喜慶的圖片素材作為背景 2）做一個“Happy New Year”的文字動畫。 3）導(dǎo)入一副處理好的小女孩放鞭炮的畫面放在背景上的合適位置 4）下方放置一個按鈕，放上文字“go”，當(dāng)點(diǎn)擊這個go按鈕則進(jìn)入賀卡主體畫面。在點(diǎn)擊go按鈕前“Happy New Year”的文字動畫循環(huán)播放。2、賀卡主體 1）導(dǎo)入一副處理好的喜慶的圖片素材作為背景。 2）在頂部放置四個燈籠，制作四個燈籠到“新年快樂”四個字的變形

14、動畫，反復(fù)播放。 3）導(dǎo)入處理好的一串鞭炮圖片放置在左邊，制作從左邊畫外進(jìn)入的動畫效果。 4）導(dǎo)入處理好的中國結(jié)圖片放置在正中，并制作從下邊畫外進(jìn)入的動畫效果。 5）使用文字工具在中國結(jié)上輸入一個“?！弊?，并制作漸入的動畫效果。 6）使用文字工具在另邊輸入一副豎放的對聯(lián)“虎嘯青山千里錦、風(fēng)拂綠柳萬家春”，使用了陰影濾鏡效果，如圖9所示，并制作從右邊畫外進(jìn)入的動畫效果。 7）導(dǎo)入處理好的老虎圖片放置在右下邊，并制作從右邊畫外進(jìn)入的動畫效果。 8）導(dǎo)入處理好的小老虎圖片放置在左下邊，并制作從左邊畫外進(jìn)入的動畫效果。 在進(jìn)入賀卡主體時，四個燈籠到“新年快樂”四個字的變形動畫，反復(fù)播放。從3）到8）的

15、動畫依次進(jìn)播放，并且只播放一次。3、音樂合成 為了獲得更好的效果，給賀卡配置喜慶的音樂。 把音樂放到賀卡中進(jìn)行合成，并設(shè)置為循環(huán)播放。三、 動畫設(shè)計1、“Happy New Year”的文字動畫設(shè)計 “New Year”中的每個字母都由縮放做成由到大小，由透明到不透明的淡入動畫效果，然后按順序一個一個的顯示出來，最后“Hpaay”作為一個整體做成相同的動畫效果顯示出來，當(dāng)動畫播完后，整個文字都停留一會再重復(fù)播放。文字動畫做好后作為影片剪輯元件放在背景圖片上。2、燈籠與文字互變動畫 四個燈籠在一定時間內(nèi)同時變化為“新年快樂”四個字，停留一會，又由“新年快樂”四個字變化為四個燈籠，再停留一會，繼續(xù)

16、變成四個字，就這樣反復(fù)播放。3、賀卡主體中的其他動畫 賀卡中的其他動畫都是運(yùn)動動畫，主要由改變素材的位置而形成的。幾副素材圖片按順序由不同的方向進(jìn)入主體畫面。鞭炮由左邊進(jìn)入，中國結(jié)由下邊進(jìn)入，福字漸入，對聯(lián)從右邊進(jìn)入，大老虎從右邊進(jìn)入，小老虎從左邊進(jìn)入。四、素材準(zhǔn)備-繪制燈籠 1、收集圖片與音樂 2、繪制燈籠 五、動畫制作1、“Happy New Year”的文字動畫制作使用運(yùn)動補(bǔ)間制作2、燈籠與文字互變動畫使用形狀補(bǔ)間制作3、賀卡總體制作開場畫面制作主體賀卡畫面制作六、合成導(dǎo)出1、聲音合成 1）插入新圖層，命名為“聲音一”。從庫中把鞭炮聲音音樂拖入舞臺,在屬性面板中的“同步”設(shè)為“循環(huán)”。

17、2）用同樣的方法把“聲音二”添加到賀卡中，如下圖所示。2、測試輸出賀卡做好后，按Ctrl+Enter進(jìn)行測試效果。 1）執(zhí)行【文件】|【導(dǎo)出】|【導(dǎo)出影片】命令，打開“導(dǎo)出影片”對話框。 2）在“保存在”下拉列表框中選擇文件保存的位置，在“文件名”下拉列表中輸入文件保存的名稱“電子賀卡”，在“保存類型”下拉列表框中選擇保存類型，默認(rèn)情況下為swf格式。 技能拓展-生日賀卡制作 為了鞏固在本項目中學(xué)到的知識，下面將進(jìn)行技能拓展練習(xí)，本次拓展練習(xí)為制作一個如下圖所示的生日賀卡。 1、開場，在開場畫面中，有背景、彩帶、植物、一個小女孩、一個桌子、一個插著蠟燭的蛋糕。小女孩睜著眼，手分開，笑著看著蛋糕

18、上燃著的蠟燭。 2、然后進(jìn)行許愿。用逐幀動畫制作小女孩雙手并攏，閉上眼睛進(jìn)行許愿。 3、許完愿，小女孩睜開眼睛，吹滅蠟燭，小女孩的此動作和蠟燭的熄滅都由逐幀動畫完成。 4、小女孩的父母相繼出場，祝福小女孩，跟著唱起生日歌。 5、最后彩條飄下來，大家拍掌開心的笑著。 6、合成音樂，包括背景音樂、吹蠟燭的聲音、生日歌、拍掌聲。 部分圖片如下圖所示。項目二：制作廣告（一）教學(xué)目標(biāo)分類管理元件和圖層補(bǔ)間動畫的設(shè)計與制作廣告設(shè)計思路教學(xué)重點(diǎn)元件和圖層的管理掌握廣告設(shè)計的思路準(zhǔn)備知識基本繪圖工具的使用 圖層和元件的基本用法教學(xué)方法1、講授法利用多媒體計算機(jī)教室，教師和學(xué)生示范演練同步操作，及時解決制作難題

19、；在課堂上注意教學(xué)做結(jié)合，教師與學(xué)生互動，充分調(diào)動學(xué)生的積極性，培養(yǎng)學(xué)生的動手能力與職業(yè)技能，提高學(xué)生學(xué)習(xí)的積極性和團(tuán)隊合作意識與溝通能力。2、案例教學(xué)法對于典型項目中的核心技能用生動、直觀的案例進(jìn)行導(dǎo)入。比如在本案例中，利用小鳥的各種動畫效果來達(dá)到歌曲的意境；3、啟發(fā)式教學(xué)法學(xué)生掌握案例的制作方法后，對案例涉及的知識技能進(jìn)行拓展提問，啟發(fā)學(xué)生去思考，使學(xué)生能夠舉一反三，拓寬動畫設(shè)計思路；教學(xué)過程1、任務(wù)布置 （1）明確客戶需求教學(xué)過程1、任務(wù)布置（2）收集素材資料根據(jù)客戶要求，收集和整理素材是制作整個動畫的第一步也是最關(guān)鍵的一步，但是這也是最容易被人忽視的一個步驟。 素材的收集方法包括以下幾

20、種方式：客戶提供、網(wǎng)上收集、自行設(shè)計。 教學(xué)過程2、知識講授廣告設(shè)計思路 ：網(wǎng)絡(luò)廣告是隨著近年來互聯(lián)網(wǎng)的興起而逐漸產(chǎn)生的一種宣傳方式，網(wǎng)絡(luò)廣告是指通過Internet，利用WWW在網(wǎng)頁上所發(fā)布，或者是指通過電子郵件等電子文檔形式所發(fā)出的網(wǎng)絡(luò)信息，這些網(wǎng)絡(luò)信息通常包括文字、圖形圖像、動畫、視頻和聲音，又被稱為Web AD。廣告設(shè)計方案 根據(jù)本次案例中的客戶需求，我們可以確定本次所需制作的廣告類型為品牌廣告類的片頭廣告，在設(shè)計的過程中，采用說服感化式，并使用感知效應(yīng)的創(chuàng)意方法來設(shè)計本次的廣告。 教學(xué)過程2、知識講授元件與圖層的規(guī)范使用所謂元件和圖層的規(guī)范使用，簡單來說就是要針對不同的元件和不同的圖

21、層進(jìn)行命名。這個地方所說到的命名并不是說隨便給個名字就可以，是要依據(jù)當(dāng)前的元件或者圖層所涉及到的內(nèi)容進(jìn)行有意義的命名。動畫類型在FLASH中，有兩種基本類型的動畫，一種是補(bǔ)間動畫，另一種稱為逐幀動畫。 在本項目中主要采用的是動畫補(bǔ)間用于圖形及元件的動畫和逐幀動畫。教學(xué)過程3、遮罩動畫設(shè)計與制作 遮罩動畫：是flash中很實用且最具潛力的功能，利用不透明的區(qū)域和這個區(qū)域以外的部分來顯示和隱藏元素，從而增加了運(yùn)動的復(fù)雜性，一個遮罩層可以鏈接多個被遮罩層。在本項目中主要使用了遮罩動畫以切換不同的背景。案例效果如下所示： 教學(xué)過程4、學(xué)生操作 略5、技能拓展學(xué)生可以根據(jù)課堂學(xué)習(xí)知識，設(shè)計不同題材的網(wǎng)絡(luò)

22、廣告的設(shè)計方案。 6、總結(jié)考核通過本次課，主要讓學(xué)生鞏固了基本動畫的設(shè)計與制作，強(qiáng)調(diào)對元件和圖層的規(guī)范化管理，并對網(wǎng)絡(luò)廣告的相關(guān)知識做了詳細(xì)的講解。在教學(xué)過程中，除了考核記錄學(xué)生的課堂完成情況，還考評學(xué)生的課外作業(yè)完成能力。 項目二：制作廣告（二）教學(xué)目標(biāo)引導(dǎo)動畫的設(shè)計與制作簡單腳本控制語句的使用教學(xué)重點(diǎn)引導(dǎo)動畫的設(shè)計與制作簡單腳本控制語句的使用準(zhǔn)備知識基本繪圖工具的使用 圖層和元件的基本用法教學(xué)方法1、講授法利用多媒體計算機(jī)教室，教師和學(xué)生示范演練同步操作，及時解決制作難題；在課堂上注意教學(xué)做結(jié)合，教師與學(xué)生互動，充分調(diào)動學(xué)生的積極性，培養(yǎng)學(xué)生的動手能力與職業(yè)技能，提高學(xué)生學(xué)習(xí)的積極性和團(tuán)隊

23、合作意識與溝通能力。2、案例教學(xué)法對于典型項目中的核心技能用生動、直觀的案例進(jìn)行導(dǎo)入。比如在本案例中，利用小鳥的各種動畫效果來達(dá)到歌曲的意境；3、啟發(fā)式教學(xué)法學(xué)生掌握案例的制作方法后，對案例涉及的知識技能進(jìn)行拓展提問，啟發(fā)學(xué)生去思考，使學(xué)生能夠舉一反三，拓寬動畫設(shè)計思路；教學(xué)過程1、知識講授引導(dǎo)動畫單純依靠設(shè)置關(guān)鍵幀，有時仍然無法實現(xiàn)一些復(fù)雜的動畫效果，有很多運(yùn)動是弧線或不規(guī)則的，如月亮圍繞地球旋轉(zhuǎn)、魚兒在大海里翱翔等，在Flash中能不能做出這種效果呢？答案是肯定的，這就是“引導(dǎo)路徑動畫”。 引導(dǎo)動畫：可以自定義對象運(yùn)動路徑，可以通過在對象上方添加一個運(yùn)動路徑的層，在該層中繪制運(yùn)動路線，而讓

24、對象沿路線運(yùn)動，而且可以將多個層鏈接到一個引導(dǎo)層，使多個對象沿同一個路線運(yùn)動。這種動畫可以使一個或多個元件完成曲線或不規(guī)則運(yùn)動。教學(xué)過程創(chuàng)建引導(dǎo)路徑動畫的用法創(chuàng)建引導(dǎo)層和被引導(dǎo)層一個最基本“引導(dǎo)路徑動畫”由二個圖層組成，上面一層是“引導(dǎo)層”，它的圖層圖標(biāo)為，下面一層是“被引導(dǎo)層”，圖標(biāo)同普通圖層一樣。在普通圖層上點(diǎn)擊時間軸面板的“添加引導(dǎo)層”按鈕，該層的上面就會添加一個引導(dǎo)層，同時該普通層縮進(jìn)成為“被引導(dǎo)層”，如圖所示。 教學(xué)過程引導(dǎo)層和被引導(dǎo)層中的對象廣告設(shè)計思路 ：引導(dǎo)層是用來指示元件運(yùn)行路徑的，所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而

25、“被引導(dǎo)層”中的對象是隨著引導(dǎo)線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應(yīng)用外形。由于引導(dǎo)線是一種運(yùn)動軌跡，“被引導(dǎo)”層中最常用的動畫形式是動作補(bǔ)間動畫，當(dāng)播放動畫時，一個或數(shù)個元件將沿著運(yùn)動路徑移動。 教學(xué)過程應(yīng)用引導(dǎo)路徑動畫的技巧 “被引導(dǎo)層”中的對象在被引導(dǎo)運(yùn)動時，還可作更細(xì)致的設(shè)置，比如運(yùn)動方向，把【屬性】面板上的【路徑調(diào)整】前打上勾，對象的基線就會調(diào)整到運(yùn)動路徑。而假如在【對齊】前打勾，元件的注冊點(diǎn)就會與運(yùn)動路徑對齊。 引導(dǎo)層中的內(nèi)容在播放時是看不見的，利用這一特點(diǎn)，可以單獨(dú)定義一個不含“被引導(dǎo)層”的“引導(dǎo)層”，該引導(dǎo)層中可以放置一些文字說明、元件位置參考等，此時，引導(dǎo)

26、層的圖標(biāo)為。 在做引導(dǎo)路徑動畫時，按下工具欄上的【對齊對象】功能按鈕，可以使“對象附著于引導(dǎo)線”的操縱更輕易成功。 過于陡峭的引導(dǎo)線可能使引導(dǎo)動畫失敗，而平滑圓潤的線段有利于引導(dǎo)動畫成功制作。 被引導(dǎo)對象的中心對齊場景中的十字星，也有助于引導(dǎo)動畫的成功。教學(xué)過程應(yīng)用引導(dǎo)路徑動畫的技巧 向被引導(dǎo)層中放入元件時，在動畫開始和結(jié)束的關(guān)鍵幀上，一定要讓元件的注冊點(diǎn)對準(zhǔn)線段的開始和結(jié)束的端點(diǎn)，否則無法引導(dǎo)，假如元件為不規(guī)則形，可以按下工具欄上的任意變形工具，調(diào)整注冊點(diǎn)。 假如想解除引導(dǎo)，可以把被引導(dǎo)層拖離“引導(dǎo)層”，或在圖層區(qū)的引導(dǎo)層上單擊右鍵，在彈出的菜單上選擇【屬性】，在對話框中選擇“正?！弊鳛閳D層

27、類型。 假如想讓對象作圓周運(yùn)動，可以在“引導(dǎo)層”畫個圓形線條，再用橡皮擦去一小段，使圓形線段出現(xiàn)2個端點(diǎn)，再把對象的起始、終點(diǎn)分別對準(zhǔn)端點(diǎn)即可。 引導(dǎo)線答應(yīng)重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必須保持圓潤，讓Flash能辨認(rèn)出線段走向，否則會使引導(dǎo)失敗。教學(xué)過程動畫聲音合成 導(dǎo)入到FLASH里的聲音文件，一般都用FLASH支持的MP3和WAV。導(dǎo)入方法：執(zhí)行“文件/導(dǎo)入”命令。在打開的導(dǎo)入對話框中，選擇你要導(dǎo)入的聲音文件，按“打開”按鈕 。導(dǎo)入的聲音最初并不出現(xiàn)在時間軸上。同組件一樣，導(dǎo)入的聲音在庫中，需要時我們可以隨時使用這個聲音。 教學(xué)過程簡單腳本控制語句的使用- Go to 跳轉(zhuǎn)到指

28、定的幀 - Play 播放 - Stop 停止 - Toggle High Quality 在高畫質(zhì)和低畫質(zhì)間切換 - Stop All Sounds 停止所有聲音的播放 - Get URL 跳轉(zhuǎn)至某個超鏈接- FSCommand 發(fā)送FSCommand命令 - Load Movie 裝載影片 - Unload Movie 卸載影片 - Tell Target 告知目標(biāo) - If Frame Is Loaded .判斷幀是否被完全載入 - On Mouse Event 鼠標(biāo)事件 教學(xué)過程2、學(xué)生操作 略3、技能拓展學(xué)生可以根據(jù)課堂學(xué)習(xí)知識，熟悉遮罩動畫和引導(dǎo)動畫的設(shè)計與制作技巧。 4、總結(jié)考核

29、通過本次課，主要讓學(xué)生鞏固了基本動畫的設(shè)計與制作，詳細(xì)講解了引導(dǎo)動畫的設(shè)計與制作，并介紹了聲音合成和簡單控制語句的使用。在教學(xué)過程中，除了考核記錄學(xué)生的課堂完成情況，還考評學(xué)生的課外作業(yè)完成能力。項目二：制作廣告（三）教學(xué)目標(biāo)故事情節(jié)設(shè)計鏡頭切換設(shè)計教學(xué)重點(diǎn)故事情節(jié)設(shè)計鏡頭切換設(shè)計準(zhǔn)備知識基本繪圖工具的使用 圖層和元件的基本用法 遮罩動畫的制作與應(yīng)用 簡單控制語句的使用教學(xué)方法1、講授法利用多媒體計算機(jī)教室，教師和學(xué)生示范演練同步操作，及時解決制作難題；在課堂上注意教學(xué)做結(jié)合，教師與學(xué)生互動，充分調(diào)動學(xué)生的積極性，培養(yǎng)學(xué)生的動手能力與職業(yè)技能，提高學(xué)生學(xué)習(xí)的積極性和團(tuán)隊合作意識與溝通能力。2、

30、案例教學(xué)法對于典型項目中的核心技能用生動、直觀的案例進(jìn)行導(dǎo)入。比如在本案例中，利用小鳥的各種動畫效果來達(dá)到歌曲的意境；3、啟發(fā)式教學(xué)法學(xué)生掌握案例的制作方法后，對案例涉及的知識技能進(jìn)行拓展提問，啟發(fā)學(xué)生去思考，使學(xué)生能夠舉一反三，拓寬動畫設(shè)計思路；4、任務(wù)驅(qū)動項目教學(xué)法把真實的企業(yè)項目作為工作任務(wù)引入課堂，引導(dǎo)學(xué)生在完成任務(wù)的過程中模擬進(jìn)入崗位角色，并以公司的工作制度、工作流程來要求學(xué)生完成作品的創(chuàng)作。5、分組教學(xué)法由學(xué)生分組模擬企業(yè)開發(fā)團(tuán)隊，完成動畫設(shè)計與制作，強(qiáng)化學(xué)生的團(tuán)隊協(xié)作能力教學(xué)過程1、知識準(zhǔn)備元件和庫面板的使用遮罩動畫的使用簡單控制語句的使用聲音合成教學(xué)過程動畫制作設(shè)計主體動畫；1

31、）確認(rèn)需要用到的三張背景圖片并做相應(yīng)處理 教學(xué)過程2）導(dǎo)入歐萊雅的圖標(biāo) 3）導(dǎo)入制作滾動動畫時所需的8張圖片 4）導(dǎo)入背景音樂 教學(xué)過程動畫制作設(shè)計滾動動畫1）設(shè)計三張背景圖片的出現(xiàn)方法和出現(xiàn)時間； 第一張背景圖片出現(xiàn)時間為第1幀到第119幀，出現(xiàn)方法為遮罩出現(xiàn)，具體操作方法詳見2.2.3 遮罩動畫及引導(dǎo)層動畫的設(shè)計與制作中的遮罩動畫實例。 第二張背景圖出現(xiàn)時間為第88幀到第214幀，這里請注意，在第一張背景圖和第二張背景圖直接有一段交叉的時間，即第88幀到第119幀，在這段時間內(nèi)，制作第一張背景圖逐漸消失的補(bǔ)間動畫，以及第二張背景圖的逐漸展現(xiàn)的補(bǔ)間動畫。 第三張背景圖出現(xiàn)時間為第195幀到第

32、580幀，從第195幀到第214幀之間與第一張背景圖和第二張背景圖的交替效果設(shè)置一樣 教學(xué)過程2）設(shè)計背景圖片上面的點(diǎn)綴小動畫，以逐幀動畫和補(bǔ)間動畫的形式出現(xiàn)； 3）添加文本，以補(bǔ)間動畫的方式設(shè)置動畫效果。文本動畫與點(diǎn)綴動畫類似，均以補(bǔ)間或者逐幀動畫的形式制作，涉及到的知識點(diǎn)在第一章中曾做了詳細(xì)講解，這里也不再贅述，請參考源文件制作。 引導(dǎo)線答應(yīng)重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必須保持圓潤，讓Flash能辨認(rèn)出線段走向，否則會使引導(dǎo)失敗。教學(xué)過程設(shè)計最后停頓畫面動畫效果 以影片剪輯元件的模式制作滾動動畫，其中采用了遮罩動畫效果，使得呈現(xiàn)滾動效果； 教學(xué)過程動畫控制與輸出 （1）動畫控制

33、使用補(bǔ)間動畫以放大的方式顯示宣傳語，停頓一段時間之后放置于右上角作為整個動畫的LOGO。在滾動動畫的影片剪輯實例上設(shè)置腳本程序：on (rollOver) stop();on (rollOut) play();使得當(dāng)鼠標(biāo)移動到滾動圖片的時候，動畫靜止下來，以便能夠看清楚圖片內(nèi)容；當(dāng)鼠標(biāo)移開的時候，動畫繼續(xù)播放。在整個圖層上新建一個圖層命名為“停止”，在該圖層的最后一幀添加一個關(guān)鍵幀，并對幀設(shè)置腳本程序：stop();使得動畫在此時停止循環(huán)播放。 教學(xué)過程動畫控制與輸出 （2）添加背景音樂新建一個圖層命名為“背景音樂”，并將庫面板中MP3音樂拖動到場景中即可。（3）動畫優(yōu)化與導(dǎo)出將動畫設(shè)計與制作

34、完成之后，需要對動畫進(jìn)行優(yōu)化和導(dǎo)出。單擊文件菜單下的發(fā)布設(shè)置，彈出對話框，根據(jù)自己的動畫發(fā)布需要進(jìn)行設(shè)置即可。 教學(xué)過程4、學(xué)生操作 略5、技能拓展為了讓讀者鞏固在本項目中學(xué)到的知識，下面將進(jìn)行技能拓展練習(xí)，本次拓展練習(xí)為根據(jù)提供的項目訂單，設(shè)計符合要求的動畫效果。6、總結(jié)考核通過本項目，主要讓學(xué)生鞏固了基本動畫的設(shè)計與制作，強(qiáng)調(diào)對元件和圖層的規(guī)范化管理，以及根據(jù)客戶需求設(shè)計動畫效果。由于是采用的分組教學(xué)，因此在操作過程中，除了考核記錄學(xué)生的個人完成情況，還特別考評了學(xué)生的小組合作意識和能力，將個人成績和團(tuán)隊成績綜合成最終評定成績。 項目三：制作Flash MV（一）教學(xué)目標(biāo)了解MV制作的準(zhǔn)備

35、工作了解動畫中的角色掌握鼠標(biāo)繪圖方法與技巧掌握人物角色動畫制作方法掌握動物角色動畫制作方法教學(xué)重點(diǎn)掌握人物角色動作制作方法掌握動物角色動畫制作方法準(zhǔn)備知識 基本繪圖工具的使用 使用鼠標(biāo)繪圖 基本動畫制作教學(xué)方法1、講授法利用多媒體計算機(jī)教室，教師和學(xué)生示范演練同步操作，及時解決制作難題；在課堂上注意教學(xué)做結(jié)合，教師與學(xué)生互動，充分調(diào)動學(xué)生的積極性，培養(yǎng)學(xué)生的動手能力與職業(yè)技能，提高學(xué)生學(xué)習(xí)的積極性和團(tuán)隊合作意識與溝通能力。2、案例教學(xué)法對于典型項目中的核心技能用生動、直觀的案例進(jìn)行導(dǎo)入。比如在本案例中，利用小鳥的各種動畫效果來達(dá)到歌曲的意境；3、啟發(fā)式教學(xué)法學(xué)生掌握案例的制作方法后，對案例涉及

36、的知識技能進(jìn)行拓展提問，啟發(fā)學(xué)生去思考，使學(xué)生能夠舉一反三，拓寬動畫設(shè)計思路；教學(xué)過程1、任務(wù)布置 （1）需求分析體現(xiàn)出MV中的角色MV中動畫盡量符合音樂意境動畫效果流暢有基本的控制按鈕（2）收集素材資料 在前期策劃階段，需要選擇用于MV的歌曲，本次選擇趙傳演唱的“我是一只小小鳥”，確立MV的風(fēng)格為卡通系列，確定MV要表現(xiàn)的情節(jié)內(nèi)容：一只小鳥想要飛翔，卻總是不能入愿，但它并沒有放棄，而是相信風(fēng)雨過后會有彩虹。確定好情節(jié)后，可以去搜集制作所需要的場景、文字、聲音等，也可以自己制作的矢量背景，本次項目中有一些是自己設(shè)計制作的，有一些圖片素材是搜集的。教學(xué)過程2、知識講授在制作動畫時，常常需要在場景

37、中繪制大量的圖形，這些圖形大多需要用戶自己繪制，若用戶沒有使用鼠標(biāo)繪圖（以下簡稱鼠繪）功底，或鼠繪的能力不強(qiáng)，繪制出的圖形就不會那么完美。因此，掌握一定的鼠繪技巧是制作動畫的重要前提之一。（1）鼠繪常用快捷鍵：略，祥見教材。（2）鼠繪的常用方法：幾何圖形法、移動組合法、輔助上色法（3）常見鼠繪風(fēng)格：古典風(fēng)格、遠(yuǎn)近風(fēng)格、四季風(fēng)格教學(xué)過程3、動畫設(shè)計 1）人物角色動畫（1）制作頭部動畫，如下圖所示： 教學(xué)過程（2）制作走路動畫，如下圖所示： 教學(xué)過程 （3）制作跑步動畫，如下圖所示： 教學(xué)過程2）動物角色動畫（1）制作小鳥飛翔的動畫，效果如下圖所示： 教學(xué)過程（2）制作游動的魚，最終動畫效果如下圖

38、所示： 教學(xué)過程4、學(xué)生操作 略5、技能拓展 學(xué)生可以根據(jù)課堂學(xué)習(xí)掌握的技巧，繪制一些類似的人物動畫，如轉(zhuǎn)身，跳舞等；動物動畫如馬兒奔跑，雄鷹展翅等。6、總結(jié)考核通過本次課，主要讓學(xué)生了解鼠標(biāo)繪圖，掌握一定的鼠繪能力，并熟悉人物的基本動作動畫制作方法與技巧，動物的基本動畫制作等。在教學(xué)過程中，除了考核記錄學(xué)生的課堂完成情況，還考評學(xué)生的課外作業(yè)完成能力。項目三：制作Flash MV（二）教學(xué)目標(biāo)掌握基本的自然現(xiàn)象動畫制作方法與技巧了解Flash視頻的導(dǎo)入了解Flash MV的特點(diǎn)了解Flash MV的制作流程掌握Flash MV的優(yōu)化與管理教學(xué)重點(diǎn)基本自然現(xiàn)象動畫的制作Flash MV的優(yōu)化與

39、管理準(zhǔn)備知識 基本自然現(xiàn)象的動畫特點(diǎn) Flash 視頻格式 Flash MV的特點(diǎn)教學(xué)方法1、講授法利用多媒體計算機(jī)教室，教師和學(xué)生示范演練同步操作，及時解決制作難題；在課堂上注意教學(xué)做結(jié)合，教師與學(xué)生互動，充分調(diào)動學(xué)生的積極性，培養(yǎng)學(xué)生的動手能力與職業(yè)技能，提高學(xué)生學(xué)習(xí)的積極性和團(tuán)隊合作意識與溝通能力。2、案例教學(xué)法對于典型項目中的核心技能用生動、直觀的案例進(jìn)行導(dǎo)入。比如在本案例中，利用小鳥的各種動畫效果來達(dá)到歌曲的意境；3、啟發(fā)式教學(xué)法學(xué)生掌握案例的制作方法后，對案例涉及的知識技能進(jìn)行拓展提問，啟發(fā)學(xué)生去思考，使學(xué)生能夠舉一反三，拓寬動畫設(shè)計思路；教學(xué)過程1、知識講授1）Flash中可導(dǎo)入

40、的視頻格式如果在Windows系列操作系統(tǒng)中安裝了DirectX9.0或其更高版本，則在導(dǎo)入嵌入視頻時可支持的視頻文件格式為：.mpeg/.mpg、.avi以及.wmv和.asf（Windows媒體文件）。當(dāng)導(dǎo)入系統(tǒng)不支持的視頻文件格式時，F(xiàn)lash會打開一個提示信息對話框，說明不能完成導(dǎo)入。對于某些視頻文件，F(xiàn)lash只能導(dǎo)入其中的視頻部分而無法導(dǎo)入其中的音頻部分，這時Flash也會打開一個提示信息對話框，指出無法導(dǎo)入文件音頻部分。教學(xué)過程2）Flash MV的特點(diǎn) 1.動畫文件小是Flash的基本特點(diǎn)，一個時長為一分鐘的普通動畫MV，其文件大小一般都低于1MB，因此非常便于在網(wǎng)絡(luò)上傳播。2

41、.相對于電視MV來說，F(xiàn)lash MV的制作費(fèi)用要低很多。因此制作的時候不需要大量的工作人員，也可以制作出優(yōu)秀的MV。3.表現(xiàn)形式多樣化，有Q版風(fēng)格的，也有完全用手繪制作的。不同的表現(xiàn)形式有著不同的風(fēng)格，讓觀眾有著不同的感受。4.Flash非常適合個人進(jìn)行創(chuàng)作，只要掌握基本的動畫知識，會熟練使用Flash軟件，就能制作出完整的MV。教學(xué)過程3）Flash MV的制作流程 （1）前期策劃 （2）收集素材 （3）制作動畫要素 （4）制作聲音和動畫 （5）測試并發(fā)布4）Flash MV的優(yōu)化與管理（1）鏡頭特效（2）動畫風(fēng)格（3）文件平衡教學(xué)過程2、動畫設(shè)計 1）風(fēng)雨動畫制作雪和雨動畫的制作方式大同

42、小異，雨的形態(tài)和雪不一樣，下落的軌跡不同。雨是直線快速下落，而雪是以曲線軌跡緩慢下落。風(fēng)是看不見的氣流，生活中只能通過感官和其他參照物才能體會，動畫作品中采用線條來表現(xiàn)。效果如下圖所示： 教學(xué)過程2）雷電動畫制作雷電動畫速度很快，顏色多以亮色為主?？梢灾饚谱鲃赢?，也可以通過黑白畫面的快速切換來表現(xiàn)。一個閃電多在1秒鐘內(nèi)完成從產(chǎn)生到消失的過程。因為聲音比光的傳播速度要慢，在制作動畫時，雷聲基本放在閃電結(jié)束后出現(xiàn)。而且過程中往往還會下雨，因此本實例接著前面的下雨的效果來做。效果如下圖所示： 教學(xué)過程 3）火動畫的制作火的動畫屬于不規(guī)則的曲線運(yùn)動，原因是火焰在燃燒時極易受到外界條件的影響。效果如下

43、圖所示： 教學(xué)過程4）云霧云、霧是潮濕空氣在上升過程中，隨著氣溫的逐漸降低，一部分水氣和空氣中的微塵聚集在一起，被空氣中上升的氣流托著，形成飄在空中的云，而那些上升高度不夠的則形成了霧。所以云與霧實質(zhì)上是一樣的，只是它們在大氣中所處的位置不同，因此其表現(xiàn)形態(tài)也略有不同。 教學(xué)過程3、學(xué)生操作 略4、技能拓展 學(xué)生可以根據(jù)課堂學(xué)習(xí)掌握的技巧，繪制一些課題沒有練習(xí)到的其他的自然現(xiàn)象動畫，配合前面介紹的人物或動物動畫，如雨中奔跑的人、或下雪天覓食的豹子等5、總結(jié)考核通過本次課，主要讓學(xué)生了解鼠標(biāo)繪圖，掌握一定的鼠繪能力，并熟悉基本的自然現(xiàn)象，如風(fēng)、雨、雷、電等場景動畫制作方法與技巧，并了解Flash

44、視頻的導(dǎo)入、Flash MV的制作與優(yōu)化等。在教學(xué)過程中，除了考核記錄學(xué)生的課堂完成情況，還考評學(xué)生的課外作業(yè)完成能力。項目三：制作Flash MV（三）教學(xué)目標(biāo)掌握Flash MV的制作掌握動畫中聲音的處理掌握MV中片頭動畫的制作掌握MV主體動畫的制作教學(xué)重點(diǎn)MV中聲音的處理MV中片頭動畫的設(shè)計與制作MV中主體動畫的設(shè)計與制作準(zhǔn)備知識 Flash中可導(dǎo)入的聲音文件格式 Flash 基本動畫制作方法 分場景動畫的制作方法教學(xué)方法1、講授法利用多媒體計算機(jī)教室，教師和學(xué)生示范演練同步操作，及時解決制作難題；在課堂上注意教學(xué)做結(jié)合，教師與學(xué)生互動，充分調(diào)動學(xué)生的積極性，培養(yǎng)學(xué)生的動手能力與職業(yè)技能

45、，提高學(xué)生學(xué)習(xí)的積極性和團(tuán)隊合作意識與溝通能力。2、案例教學(xué)法對于典型項目中的核心技能用生動、直觀的案例進(jìn)行導(dǎo)入。比如在本案例中，利用小鳥的各種動畫效果來達(dá)到歌曲的意境；3、啟發(fā)式教學(xué)法學(xué)生掌握案例的制作方法后，對案例涉及的知識技能進(jìn)行拓展提問，啟發(fā)學(xué)生去思考，使學(xué)生能夠舉一反三，拓寬動畫設(shè)計思路；4、任務(wù)驅(qū)動項目教學(xué)法把真實的企業(yè)項目作為工作任務(wù)引入課堂，引導(dǎo)學(xué)生在完成任務(wù)的過程中模擬進(jìn)入崗位角色，并以公司的工作制度、工作流程來要求學(xué)生完成作品的創(chuàng)作。5、分組教學(xué)法由學(xué)生分組模擬企業(yè)開發(fā)團(tuán)隊，完成動畫設(shè)計與制作，強(qiáng)化學(xué)生的團(tuán)隊協(xié)作能力教學(xué)過程1、知識講授（1）為動畫添加聲音a.在Flash

46、CS3中可使用的聲音的類型Flash可以使用的聲音的類型有很多，一般情況下，在Flash中可以直接導(dǎo)入MP3格式和WAV格式的音頻文件。b聲音文件的導(dǎo)入Flash本身沒有制作音頻的功能，制作好動畫后，如果需要添加聲音必須先將聲音導(dǎo)入到庫中，其方法與導(dǎo)入圖片類似。c為動畫插入聲音教學(xué)過程將聲音導(dǎo)入到庫中后，即可在動畫中添加聲音。一般在Flash動畫中，聲音主要用于按鈕和主時間軸兩個方面。本項目中主要將聲音應(yīng)用到主時間軸中，因此主要介紹在主時間軸添加聲音。在時間軸的某一幀添加關(guān)鍵幀，然后從庫中將聲音文件拖動到舞臺中，或者直接在【屬性】面板的“聲音”下拉列表框中選擇已導(dǎo)入的聲音文件，如下圖所示。教學(xué)

47、過程 d聲音的后期處理 添加了聲音后，可以在“屬性”面板中對聲音的同步模式、音效、重復(fù)次數(shù)進(jìn)行設(shè)置，還可以在“編輯封套”對話框中對聲音進(jìn)行比較細(xì)致的編輯。 “屬性”面板中的“同步”下拉列表框中包含4個選項： 事件：默認(rèn)的聲音同步模式，可以使聲音與事件的發(fā)生同步開始。當(dāng)動畫播放到聲音的開始關(guān)鍵幀時，事件音頻開始獨(dú)立于時間軸播放，即使動畫停止，聲音也會繼續(xù)播放直至完畢。開始：如果在同一個動畫中添加了多個聲音文件，他們在時間上某些部分是重合的，可以將聲音設(shè)置為開始模式。在這種模式下，如果有其他的聲音正在播放，到了該聲音開始播放的幀時，則會自動取消該聲音的播放，如果沒有其他的聲音在播放，該聲音才會開始

48、播放。停止：停止模式用于停止播放指定的聲音，如果將某個聲音設(shè)置為停止模式，則當(dāng)動畫播放到該聲音的開始幀時，該聲音和其他正在播放的聲音都會停止。數(shù)據(jù)流：數(shù)據(jù)流模式用于在Flash中自動調(diào)整動畫和音頻，使他們同步，主要用于在網(wǎng)絡(luò)上播放流式音頻，如Flash MV。在輸出動畫時，流式音頻混合在動畫中一起輸出。本項目中就采用這種模式。教學(xué)過程2、動畫設(shè)計 1）設(shè)計片頭動畫觀察了播放時間軸上面的音樂，發(fā)現(xiàn)片頭第二段音樂（主體歌曲）從100幀開始。所以我們將片頭動畫設(shè)計總時長為98幀。根據(jù)前期的策劃，片頭部分主要是要引出歌曲名稱，演唱者，以及控制主體動畫開始播放的按鈕。（1）制作動畫對象（2）完成動畫制作

49、 教學(xué)過程2）設(shè)計主體動畫（1）制作第一主場景動畫。一只小鳥在一座山峰上面，想要飛翔，卻不能如愿。完成后，如下圖所示： 教學(xué)過程 （2）制作第二主場景動畫。小鳥飛上枝頭休息，不想?yún)s成為獵人的目標(biāo)，于是飛上了青天，卻發(fā)現(xiàn)自己是只孤單的小鳥。完成后，如下圖所示： 教學(xué)過程（3）制作第三主場景動畫。小鳥在夜晚顯得很茫然、很孤單，幻想自己也有個家。完成后，如下圖所示： 教學(xué)過程（4）制作第四主場景動畫。小鳥埋怨自己只是一只想飛卻怎么也飛不高的小小鳥。完成后，效果如下圖所示：教學(xué)過程（5）制作第五主場景動畫。小鳥在鐵軌上面不斷地尋尋覓覓。完成后，效果如下圖所示：教學(xué)過程（6）制作第六主場景動畫。小鳥飛到

50、山谷，也受到阻礙，飛得困難。完成后，如下圖所示：教學(xué)過程（7）制作第其主場景動畫。小鳥坐著小船在水上，遇到雷雨，很是可憐的樣子。完成后，如下圖所示：教學(xué)過程3、學(xué)生操作 略4、技能拓展 學(xué)生可以根據(jù)歌詞意境，修改動畫中的情節(jié)，用不同的動畫形式表現(xiàn)主題意思。5、總結(jié)考核通過本項目，主要讓學(xué)生鞏固了基本動畫的設(shè)計與制作，強(qiáng)調(diào)按音樂所需設(shè)計符合意境的動畫效果。由于是采用的分組教學(xué)，因此在操作過程中，除了考核記錄學(xué)生的個人完成情況，還特別考評了學(xué)生的小組合作意識和能力，將個人成績和團(tuán)隊成績綜合成最終評定成績。項目三：制作Flash MV（四）教學(xué)目標(biāo)掌握Flash MV的制作MV中聲音與動畫同步處理掌

51、握MV片尾動畫的設(shè)計掌握動畫的控制處理掌握MV動畫的發(fā)布教學(xué)重點(diǎn)音樂與動畫的同步處理MV片尾設(shè)計MV中動畫的控制準(zhǔn)備知識 控制腳本 Flash 基本動畫制作方法 動畫的發(fā)布教學(xué)方法1、講授法利用多媒體計算機(jī)教室，教師和學(xué)生示范演練同步操作，及時解決制作難題；在課堂上注意教學(xué)做結(jié)合，教師與學(xué)生互動，充分調(diào)動學(xué)生的積極性，培養(yǎng)學(xué)生的動手能力與職業(yè)技能，提高學(xué)生學(xué)習(xí)的積極性和團(tuán)隊合作意識與溝通能力。2、案例教學(xué)法對于典型項目中的核心技能用生動、直觀的案例進(jìn)行導(dǎo)入。比如在本案例中，利用小鳥的各種動畫效果來達(dá)到歌曲的意境；3、啟發(fā)式教學(xué)法學(xué)生掌握案例的制作方法后，對案例涉及的知識技能進(jìn)行拓展提問，啟發(fā)學(xué)

52、生去思考，使學(xué)生能夠舉一反三，拓寬動畫設(shè)計思路；4、任務(wù)驅(qū)動項目教學(xué)法把真實的企業(yè)項目作為工作任務(wù)引入課堂，引導(dǎo)學(xué)生在完成任務(wù)的過程中模擬進(jìn)入崗位角色，并以公司的工作制度、工作流程來要求學(xué)生完成作品的創(chuàng)作。5、分組教學(xué)法由學(xué)生分組模擬企業(yè)開發(fā)團(tuán)隊，完成動畫設(shè)計與制作，強(qiáng)化學(xué)生的團(tuán)隊協(xié)作能力教學(xué)過程1、知識講授1）音樂與動畫同步主體動畫制作完成之后，通過預(yù)覽動畫，發(fā)現(xiàn)有些畫面和音樂在播放時間上面還有些出入，動畫顯示窗口還需要調(diào)整，根據(jù)音樂加入相應(yīng)的歌詞文字信息，不同的場景也需要更換一下場景的主題背景色調(diào)等等。（1）制作MV顯示窗口（2）添加歌詞文字信息（3）修改舞臺背景（4）完善主體動畫2）發(fā)布

53、動畫制作好的動畫MV文件通常較大，針對需要在網(wǎng)絡(luò)中傳播的特點(diǎn)，可對動畫進(jìn)行測試，查看其下載速度等性能，以方便在發(fā)布設(shè)置時對生成的動畫文件進(jìn)行優(yōu)化，測試完畢再發(fā)布動畫。教學(xué)過程2、動畫設(shè)計 1）設(shè)計片尾動畫主體音樂動畫已基本完成，最后在音樂即將結(jié)束時設(shè)計一些動畫效果，并作為整個MV播放完時的停留畫面。完成后，效果如下圖所示： 教學(xué)過程2）控制動畫由于音樂MV設(shè)計得有片頭和片尾，那么一般情況下，當(dāng)片頭播放完了后，音樂MV停止播放了，需要通過點(diǎn)擊動畫中的某個對象，MV才又繼續(xù)播放。當(dāng)MV播放到片尾動畫結(jié)束了，整個MV也就結(jié)束了，而畫面就停留在最后一個場景。這時，如果需要繼續(xù)欣賞，也需要點(diǎn)擊動畫中的某

54、個對象MV才又繼續(xù)從頭播放。本項目是通過兩個控制按鈕來實現(xiàn)。在需要停止的幀“動作”窗口中，添加腳本“stop();”即可。在需要重新播放的按鈕“動作”窗口中，添加的腳本： “on(release)gotoAndPlay(99);” 教學(xué)過程3、學(xué)生操作 略4、技能拓展 學(xué)生可以自行設(shè)計其他的片尾形式，或者采用其他的方式來完成動畫的控制方式。5、總結(jié)考核通過本項目，主要讓學(xué)生鞏固了基本動畫的設(shè)計與制作，強(qiáng)調(diào)按音樂所需設(shè)計符合意境的動畫效果。由于是采用的分組教學(xué)，因此在操作過程中，除了考核記錄學(xué)生的個人完成情況，還特別考評了學(xué)生的小組合作意識和能力，將個人成績和團(tuán)隊成績綜合成最終評定成績。項目4：

55、制作Flash網(wǎng)站教學(xué)目標(biāo)了解Flash網(wǎng)站的優(yōu)缺點(diǎn)網(wǎng)站的主題和風(fēng)格網(wǎng)站結(jié)構(gòu)規(guī)劃頁面元素的準(zhǔn)備各頁面影片的制作網(wǎng)站的整合與發(fā)布教學(xué)重點(diǎn)網(wǎng)站的前期規(guī)劃各頁面影片的制作網(wǎng)站的整合與發(fā)布任務(wù)布置（1）需求分析企業(yè)的品牌形象網(wǎng)站的整體風(fēng)格與企業(yè)品牌、文化的統(tǒng)一網(wǎng)站結(jié)構(gòu)規(guī)劃頁面布局任務(wù)布置（2）收集素材資料 在前期策劃階段，需要選擇用于網(wǎng)站制作的企業(yè)介紹、產(chǎn)品介紹、圖片等相關(guān)信息，本次選擇“美特斯邦威”服裝網(wǎng)站的制作，根據(jù)該企業(yè)的服裝風(fēng)格大眾化、休閑、時尚，應(yīng)當(dāng)為網(wǎng)站選擇一種能夠反映服裝特點(diǎn)、體現(xiàn)時尚元素的風(fēng)格。風(fēng)格確定后，根據(jù)風(fēng)格收集相關(guān)的素材。教學(xué)目標(biāo)1. flash網(wǎng)站的制作流程2. 網(wǎng)站的主題和

56、風(fēng)格3. 網(wǎng)站結(jié)構(gòu)規(guī)劃4.網(wǎng)站的頁面元素及其制作方法教學(xué)重點(diǎn)1. 網(wǎng)站的制作流程2. 網(wǎng)站的前期策劃3. 頁面元素的制作任務(wù)一：網(wǎng)站制作基礎(chǔ) 一、Flash網(wǎng)站的制作流程 a.確定網(wǎng)站的主題和風(fēng)格b.網(wǎng)站結(jié)構(gòu)規(guī)劃c.網(wǎng)頁布局設(shè)計d.準(zhǔn)備頁面元素e.制作各頁面影片f.整合與發(fā)布知識講授 二、網(wǎng)站的前期策劃1、 確定網(wǎng)站主題 該項目為企業(yè)品牌推廣網(wǎng)站美特斯邦威公司網(wǎng)站。顧名思義，這類網(wǎng)站的目的以推廣企業(yè)品牌為主。同時，網(wǎng)站中應(yīng)當(dāng)具備一些基本的商務(wù)交流功能，例如在線郵件系統(tǒng)、在線購物訂單和會員注冊等。由于該網(wǎng)站是以服裝為主的企業(yè)網(wǎng)站，根據(jù)該企業(yè)的服裝風(fēng)格為網(wǎng)站選擇一種能夠反映服裝的特點(diǎn)、體現(xiàn)時尚元素

57、的風(fēng)格。2、 網(wǎng)站結(jié)構(gòu)規(guī)劃 風(fēng)格確定后，需要規(guī)劃網(wǎng)站的結(jié)構(gòu)和整體布局。該網(wǎng)站主要由5個SWF文件組成，分別作為該網(wǎng)站的首頁、“公司簡介”、“最新動態(tài)”、“產(chǎn)品信息”、“聯(lián)系方式”5個頁面，其結(jié)構(gòu)關(guān)系如下圖所示：首頁index.swf公司簡介about.swf最新動態(tài)news.swf產(chǎn)品信息product.swf聯(lián)系方式contact.swf 然后，將根據(jù)風(fēng)格需要制作網(wǎng)站頁面的布局。該網(wǎng)站的頁面主要由三部分組成公司Logo、導(dǎo)航菜單和網(wǎng)頁內(nèi)容。 Logo導(dǎo)航菜單網(wǎng)頁內(nèi)容（各子頁面內(nèi)容）三、網(wǎng)站頁面元素1、網(wǎng)站LOGO簡介 對一個網(wǎng)站而言，LOGO就是網(wǎng)站的名片，是能夠體現(xiàn)網(wǎng)站形象的一個重要元素。

58、一個好的網(wǎng)站LOGO需要能夠體現(xiàn)出網(wǎng)站的內(nèi)涵和特征，能夠傳達(dá)給瀏覽者一些關(guān)于網(wǎng)站的信息和理念。所以，對于一個網(wǎng)站建設(shè)者來說，LOGO的設(shè)計與制作是十分重要的。1) 網(wǎng)站LOGO的定義2）網(wǎng)站LOGO的作用（1）網(wǎng)站形象體現(xiàn)（2）鏈接作用3）網(wǎng)站LOGO的設(shè)計規(guī)范 對于網(wǎng)站LOGO來說，從其表現(xiàn)形式上可以將其分為靜態(tài)LOGO和動態(tài)LOGO兩類。 對于靜態(tài)LOGO來說，其文件格式一般采用GIF圖片格式，而對于動態(tài)LOGO來說，可以使用GIF格式，也可以采用Flash制作的swf影片文件格式。2、 導(dǎo)航菜單的制作 用Flash制作的導(dǎo)航菜單具有動感強(qiáng)、視覺效果好、交互性高的優(yōu)點(diǎn)。 1）導(dǎo)航菜單常見的

59、形式 （1）普通導(dǎo)航菜單（2）對于一些以圖片為主的網(wǎng)頁來說，有時候需要將多幅圖片放置在網(wǎng)頁中的同一個區(qū)域內(nèi)。（3）下拉菜單（4）循環(huán)滾動菜單2）制作普通導(dǎo)航菜單 舉例3）制作下拉菜單（1）制作主菜單（2）制作子菜單（3）制作下拉菜單 舉例技能拓展 自己收集素材，為自己喜歡的品牌、企業(yè)、個人等設(shè)計一個網(wǎng)站，首先進(jìn)行網(wǎng)站結(jié)構(gòu)規(guī)劃，完成網(wǎng)頁元素設(shè)計制作。項目4：制作Flash網(wǎng)站教學(xué)目標(biāo)1. 組件的概念2. 組件的添加3. 掌握一些常用組件4. 瀏覽器和網(wǎng)絡(luò)控制命令教學(xué)重點(diǎn)1. 常用組件的使用的2. 瀏覽器和網(wǎng)絡(luò)控制命令任務(wù)二：組件的使用 一、 組件的使用1.“組件”面板的簡介 Flash CS3中

60、提供了一些用于制作交互動畫的組件，組件是帶有參數(shù)的影片剪輯元件，通過設(shè)置參數(shù)可以修改組件的外觀和行為，利用這些組件的交互組合，配合相應(yīng)的ActionSctipt語句，可以制作出具有交互功能的交互式動畫。選擇“窗口-組件”命令即可打開“組件”面板，“組件”面板中包括了多種內(nèi)置的組件，如下圖所示： 知識講授 Flash在“組件”面板中提供的組件分為以下4類。（1）數(shù)據(jù)（Data）組件。使用數(shù)據(jù)組件可加載和處理數(shù)據(jù)源中的信息。（2）媒體（Media）組件。使用媒體組件能夠很方便地將媒體加入到Flash中，并對其進(jìn)行控制。（3）用戶界面（User Interface）組件。利用用戶界面組件可以方便地創(chuàng)