全套課件·Flash項(xiàng)目案例教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

54、個(gè)對(duì)象MV才又繼續(xù)從頭播放。本項(xiàng)目是通過(guò)兩個(gè)控制按鈕來(lái)實(shí)現(xiàn)。在需要停止的幀“動(dòng)作”窗口中，添加腳本“stop();”即可。在需要重新播放的按鈕“動(dòng)作”窗口中，添加的腳本： “on(release)gotoAndPlay(99);” 教學(xué)過(guò)程3、學(xué)生操作 略4、技能拓展 學(xué)生可以自行設(shè)計(jì)其他的片尾形式，或者采用其他的方式來(lái)完成動(dòng)畫(huà)的控制方式。5、總結(jié)考核通過(guò)本項(xiàng)目，主要讓學(xué)生鞏固了基本動(dòng)畫(huà)的設(shè)計(jì)與制作，強(qiáng)調(diào)按音樂(lè)所需設(shè)計(jì)符合意境的動(dòng)畫(huà)效果。由于是采用的分組教學(xué)，因此在操作過(guò)程中，除了考核記錄學(xué)生的個(gè)人完成情況，還特別考評(píng)了學(xué)生的小組合作意識(shí)和能力，將個(gè)人成績(jī)和團(tuán)隊(duì)成績(jī)綜合成最終評(píng)定成績(jī)。項(xiàng)目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ī)劃頁(yè)面元素的準(zhǔn)備各頁(yè)面影片的制作網(wǎng)站的整合與發(fā)布教學(xué)重點(diǎn)網(wǎng)站的前期規(guī)劃各頁(yè)面影片的制作網(wǎng)站的整合與發(fā)布任務(wù)布置（1）需求分析企業(yè)的品牌形象網(wǎng)站的整體風(fēng)格與企業(yè)品牌、文化的統(tǒng)一網(wǎng)站結(jié)構(gòu)規(guī)劃頁(yè)面布局任務(wù)布置（2）收集素材資料 在前期策劃階段，需要選擇用于網(wǎng)站制作的企業(yè)介紹、產(chǎn)品介紹、圖片等相關(guān)信息，本次選擇“美特斯邦威”服裝網(wǎng)站的制作，根據(jù)該企業(yè)的服裝風(fēng)格大眾化、休閑、時(shí)尚，應(yīng)當(dāng)為網(wǎng)站選擇一種能夠反映服裝特點(diǎn)、體現(xiàn)時(shí)尚元素的風(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)站的頁(yè)面元素及其制作方法教學(xué)重點(diǎn)1. 網(wǎng)站的制作流程2. 網(wǎng)站的前期策劃3. 頁(yè)面元素的制作任務(wù)一：網(wǎng)站制作基礎(chǔ) 一、Flash網(wǎng)站的制作流程 a.確定網(wǎng)站的主題和風(fēng)格b.網(wǎng)站結(jié)構(gòu)規(guī)劃c.網(wǎng)頁(yè)布局設(shè)計(jì)d.準(zhǔn)備頁(yè)面元素e.制作各頁(yè)面影片f.整合與發(fā)布知識(shí)講授 二、網(wǎng)站的前期策劃1、 確定網(wǎng)站主題 該項(xiàng)目為企業(yè)品牌推廣網(wǎng)站美特斯邦威公司網(wǎng)站。顧名思義，這類網(wǎng)站的目的以推廣企業(yè)品牌為主。同時(shí)，網(wǎng)站中應(yīng)當(dāng)具備一些基本的商務(wù)交流功能，例如在線郵件系統(tǒng)、在線購(gòu)物訂單和會(huì)員注冊(cè)等。由于該網(wǎng)站是以服裝為主的企業(yè)網(wǎng)站，根據(jù)該企業(yè)的服裝風(fēng)格為網(wǎng)站選擇一種能夠反映服裝的特點(diǎn)、體現(xiàn)時(shí)尚元素

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

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

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

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