第一篇：Flash教案_小學(xué)版

第一講 認(rèn)識(shí)Flash 學(xué)習(xí)目的：了解Flash 的發(fā)展過程

了解Flash 的基本概念 瑞特投入 熟悉Flash 的操作環(huán)境

主要內(nèi)容：

一、Flash 概述

1.Flash 的起源與發(fā)展 2.Flash 的功能特點(diǎn)

二、Flash 的操作環(huán)境

1、啟動(dòng)FLASH后，出現(xiàn)的界面如下圖所示：

2、簡單認(rèn)識(shí)一下FLASH MX 2004工作界面，它的界面主要包括“菜單欄”、“工具欄”、“時(shí)間軸”、“工作區(qū)”、“場景”、“浮動(dòng)面板”等。如下圖所示。它們在制作FLASH動(dòng)畫時(shí)分擔(dān)著不同的工作任務(wù)。

菜單欄：這里包括FLASH所有的功能指令，單擊菜單名稱后，可出現(xiàn)該菜單的命令。工具欄：列出了FLASH與繪圖相關(guān)的工具，分為工具、查看、顏色和選項(xiàng)。

時(shí)間軸：顯示動(dòng)畫的場景、圖層、幀等重要信息，控制動(dòng)畫的長度以及當(dāng)前編輯中的動(dòng)畫或元件的圖層和幀的位置。

浮動(dòng)面板：與動(dòng)畫編輯相關(guān)的控制面板及窗口，如屬性面板、混色器面板等。

場景：上圖的綠色區(qū)里的，是動(dòng)畫、元件編輯的區(qū)域。工作區(qū)：場景以外的灰色區(qū)域。

3、工具欄里提供了FLASH MX 2004所有的繪圖、編輯與控制工具，各按扭的名稱如下圖。

4、時(shí)間軸是用于組織和控制影片內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)。

5、浮動(dòng)面板是在進(jìn)行動(dòng)畫的編輯和制作時(shí)要打開的面板，只需要單擊“窗口”菜單下的命令就能選擇你要用的浮動(dòng)面板。這里我只介紹一下屬性面板，別的浮動(dòng)面板將在以后的實(shí)例中做詳細(xì)的介紹。屬性面板可以很容易地訪問場景或時(shí)間軸上當(dāng)前選定項(xiàng)的最常用屬性，從而簡化文檔的創(chuàng)建過程，可以更改對(duì)象或文檔的屬性。根據(jù)當(dāng)前選定的內(nèi)容，可以顯示當(dāng)前的文檔、文本、元件、形狀、位圖、幀或工具的信息和設(shè)置。下面圖是一個(gè)創(chuàng)建文件時(shí)在屬性面板中顯示的文檔屬性。也就是最簡單的屬性面板。

三、Flash的基本操作

用“太陽上下山”的Flash幀幀動(dòng)畫制作過程為例，展示制作一個(gè)完整的Flash影片所經(jīng)歷的步驟： 1）新建一個(gè)Flash影片的空白文檔。2）新建元件（如太陽、山等）。

3）將建好的元件拖放到舞臺(tái)上，把太陽的位置一幀一幀地改變，使其的運(yùn)動(dòng)路徑形成一條曲線。4）預(yù)覽和測試自己的影片，選擇保存位置保存文件，生成fla格式的文件。5）發(fā)布自己的影片，生成swf、exe格式的文件。

學(xué)生經(jīng)歷幀幀動(dòng)畫的制作過程，體會(huì)使用flash制作幀幀動(dòng)畫的每個(gè)細(xì)節(jié)，并掌握制作flash影片必須經(jīng)歷的步驟。

四、課后作業(yè)：

利用幀幀動(dòng)畫的制作手法，發(fā)揮自己的想象，制作“飛機(jī)起飛”、“小車啟動(dòng)”等動(dòng)畫。

第二講 關(guān)鍵幀動(dòng)畫與形狀補(bǔ)間動(dòng)畫

學(xué)習(xí)目的：掌握動(dòng)畫與圖層

掌握創(chuàng)建關(guān)鍵幀

掌握創(chuàng)建形狀補(bǔ)間動(dòng)畫

主要內(nèi)容：

一、引入圖層的概念

1． 引子：指導(dǎo)學(xué)生觀察“太陽上下山”的幀幀動(dòng)畫中，如果在同一圖層操作的情況下，將太陽和山拖放進(jìn)舞臺(tái)的先后決定了太陽是否能落到山的后面，也直接決定了動(dòng)畫制作的成功與否。

2． 思考：如何在“太陽上下山”的實(shí)例中不考慮山和太陽拖放進(jìn)舞臺(tái)場景的先后順序，使兩個(gè)元件在整個(gè)動(dòng)畫中互不影響？

3． 引入“圖層”的概念，為太陽和山分別建立兩個(gè)圖層，使之互不影響，改變前后的空間順序只需要改變圖層的順序就可以實(shí)現(xiàn)了。4． 圖層界面的介紹：

二、創(chuàng)建關(guān)鍵幀

1．關(guān)鍵幀：就是動(dòng)畫的一幀，它是動(dòng)畫變化的控制點(diǎn)，是工作區(qū)中對(duì)象的性質(zhì)（包括位置、形狀和色彩等）發(fā)生變化的位置，在時(shí)間軸中，建立其他關(guān)鍵幀的方法有以下幾種：

1）選中要轉(zhuǎn)換為關(guān)鍵幀的某一幀的位置，然后選擇“插入”→“時(shí)間軸”→“關(guān)鍵幀”命令

2）選中要轉(zhuǎn)換為關(guān)鍵幀的某一幀的位置，然后右擊，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令 3）也可以使用快捷鍵F6來插入關(guān)鍵幀

2.單元格中有一個(gè)空心圓圈，如下圖所示，表示一個(gè)空白的關(guān)鍵幀

三、幾種類型幀的小結(jié)：（關(guān)鍵幀、空白關(guān)鍵幀、普通幀）1.特點(diǎn)

幀——是進(jìn)行flash動(dòng)畫制作的最基本的單位，每一個(gè)精彩的flash動(dòng)畫都是由很多個(gè)精心雕琢的幀構(gòu)成的，在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其他多種對(duì)象。

關(guān)鍵幀——顧名思義，有關(guān)鍵內(nèi)容的幀。用來定義動(dòng)畫變化、更改狀態(tài)的幀，即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。

空白關(guān)鍵幀——空白關(guān)鍵幀是沒有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。

普通幀——在時(shí)間軸上能顯示實(shí)例對(duì)象，但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。2.區(qū)別 1）關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn)，空白關(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn)，普通幀在時(shí)間軸上顯示為灰色填充的小方格

2）同一層中，在前一個(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ì)象。

3）關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動(dòng)作腳本，普通幀上則不能。3.應(yīng)用中需注意的問題

1）應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用，以減小動(dòng)畫文件的體積；

2）盡量避免在同一幀處過多的使用關(guān)鍵幀，以減小動(dòng)畫運(yùn)行的負(fù)擔(dān)，使畫面播放流暢。

四、利用關(guān)鍵幀創(chuàng)建形狀補(bǔ)間動(dòng)畫

第一步：啟動(dòng)FlashMX程序，打開工作環(huán)境的窗口，可以使用下列方法之一。

方法一：單擊“開始”按鈕 → 打開“程序”項(xiàng) → 打開“Macromedia”程序組項(xiàng) → 單擊“Macromedia Flash MX”命令，即可啟動(dòng)程序。

方法二：鼠標(biāo)直接雙擊計(jì)算機(jī)桌面上的“Macromedia Flash MX”的程序快捷圖標(biāo)（如果有的話），即可打開程序窗口。

第二步：設(shè)置動(dòng)畫影片的舞臺(tái)大小，可以使用下列方法之一。

方法一：使用“修改|文檔”菜單命令（快捷鍵為Ctrl+J），打開“文檔屬性”對(duì)話框，在FlashMX文檔中默認(rèn)的舞臺(tái)大小為550px* 400px，背景色為“白色”，幀頻為“12fps”（每秒鐘播放12幀,每1幀即為一個(gè)動(dòng)畫畫面）。在我們制作的第一個(gè)幾何圖形漸變的簡單動(dòng)畫中，將舞臺(tái)的大小設(shè)置為寬 →“400px”，高 →“100px”，背景色為“黃色”，幀頻 →“12fps”。

方法二：單擊展開“屬性面板”，再單擊面板中的“550 x 400像素”按鈕，即可打開“文檔屬性”對(duì)話框。接著就可以設(shè)置文檔舞臺(tái)的寬度、高度、背景顏色以及幀頻了。如果只是想簡單的修改舞臺(tái)的背景色和影片的幀頻，則可以在屬性面板中直接設(shè)置。

第三步：在舞臺(tái)的左側(cè)使用“橢圓工具”繪制出一個(gè)正圓。

單擊“工具箱”中的“橢圓工具”按鈕，在“顏色”區(qū)域中，將“筆觸顏色”禁用，然后將“填充色”設(shè)置為“紅色球形”，最后按住Shift鍵，在舞臺(tái)的左側(cè)繪制出一個(gè)正圓。

第四步：在舞臺(tái)的右側(cè)使用“矩形工具”繪制出一個(gè)正方形。

此時(shí)，我們可以看到在時(shí)間軸面板的圖層1的時(shí)間線的第1幀變成了一個(gè)小黑點(diǎn)（關(guān)鍵幀圖標(biāo)）。下面，我們再選中圖層1時(shí)間線上的第40幀，使用“插入|空白關(guān)鍵幀”菜單命令（或者鼠標(biāo)右擊時(shí)間線第40幀，在快捷菜單中選用“插入空白關(guān)鍵幀”命令，也可以使用快捷鍵F7，直接在時(shí)間線上插入空白關(guān)鍵幀），空白關(guān)鍵幀的圖標(biāo)在時(shí)間線上顯示為一個(gè)空心小圓點(diǎn)。

這時(shí)，我們可以發(fā)現(xiàn)原先在舞臺(tái)左側(cè)繪制的紅色圓“消失”了，舞臺(tái)上什么對(duì)象都沒有。這是因?yàn)椋覀儸F(xiàn)在看到的是影片第40幀（即第40個(gè)畫面）暫時(shí)還是一個(gè)空白關(guān)鍵幀，所以我們可以選用工具箱中的“矩形工具”，在“顏色”區(qū)域中，將“筆觸顏色”禁用，將“填充色”設(shè)置為“藍(lán)色球形”，最后按住Shift鍵，拖曳鼠標(biāo)，在舞臺(tái)的右側(cè)繪制出一個(gè)正方形。

如果細(xì)心的同學(xué)可以發(fā)現(xiàn)，圖層1時(shí)間線的第40幀處的空白關(guān)鍵幀已經(jīng)轉(zhuǎn)變成了一個(gè)關(guān)鍵幀。第五步：為影片創(chuàng)建補(bǔ)間動(dòng)畫。

單擊選中圖層1時(shí)間線上的第1幀，打開“屬性面板”，選用“補(bǔ)間”下拉列表中的“形狀”命令即可

所謂的補(bǔ)間就是讓Flash程序?yàn)橛脩糇詣?dòng)地在兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)畫效果，補(bǔ)間動(dòng)畫有兩種類型：（1）動(dòng)作，一般用于關(guān)鍵幀含有元件對(duì)象，使用動(dòng)作類型的補(bǔ)間，在創(chuàng)建完成后關(guān)鍵幀之間用淡紫色填充；（2）形狀，一般用于關(guān)鍵幀含有的是形狀對(duì)象，使用形狀補(bǔ)間，在創(chuàng)建完成后關(guān)鍵幀之間用淡綠色自動(dòng)填充。此時(shí)，如果我們想預(yù)覽動(dòng)畫效果，只要按鍵盤上的“Enter”就可以了。第六步：保存并導(dǎo)出我們的第一個(gè)動(dòng)畫作品。

使用“文件|保存”菜單命令（快捷鍵為Ctrl+S），打開“另存為”的對(duì)話框，設(shè)置文檔的存儲(chǔ)路徑，文檔的文件名后，單擊“保存”按鈕即可，如下圖所示。請(qǐng)同學(xué)們注意，此時(shí)我們存儲(chǔ)的是作品的.fla格式的文檔。

下面，我們接著學(xué)習(xí)如何導(dǎo)出動(dòng)畫作品。使用“文件|導(dǎo)出影片”菜單命令，在彈出的“導(dǎo)出影片”對(duì)話框中，設(shè)置影片的導(dǎo)出路徑和影片的文件名，最后單擊“保存”按鈕即可。

五、課后作業(yè): 1.制作一個(gè)舞臺(tái)大小為400 x 100像素，背景色、幀頻自定的紅色短線條漸變?yōu)樗{(lán)色長線條的作品。

2.制作一個(gè)舞臺(tái)大小400x100像素，背景色、幀頻自定，動(dòng)畫內(nèi)容為紅色三角漸變?yōu)榫G色圓，再漸變?yōu)樗{(lán)色正方形的作品。

第三講 Flash的五大基本變化

學(xué)習(xí)目的：復(fù)習(xí)鞏固形狀補(bǔ)間動(dòng)畫

掌握補(bǔ)間動(dòng)畫的制作

熟練掌握Flash利用補(bǔ)間動(dòng)畫生成的五大基本變化 學(xué)習(xí)內(nèi)容：

一、鞏固利用關(guān)鍵幀制作形狀補(bǔ)間動(dòng)畫的實(shí)例，引出補(bǔ)間動(dòng)畫的制作，從而總結(jié)出制作關(guān)鍵幀動(dòng)畫的三要素： 1.兩個(gè)關(guān)鍵幀（首幀和尾幀）2.兩個(gè)關(guān)鍵幀的狀態(tài) 3.補(bǔ)間動(dòng)畫的創(chuàng)建。

強(qiáng)調(diào)只有將這三要素都做到位了，才能完成運(yùn)動(dòng)動(dòng)畫的制作。

二、Flash動(dòng)畫中五大基本變化

1.位移的變化：利用首幀和尾幀的位置差異，加以補(bǔ)間動(dòng)畫，生成位移的變化

2.縮放的變化：利用縮放工具，改變首幀和尾幀中元件的大小，加以補(bǔ)間動(dòng)畫，生成縮放的變化

3.旋轉(zhuǎn)的變化：利用縮放工具改變首幀和尾幀的元件角度，加以補(bǔ)間動(dòng)畫形成旋轉(zhuǎn)的變化。

4.顏色的變化：利用屬性面板中的色調(diào)中的調(diào)色板改變首幀和尾幀的元件顏色，加以補(bǔ)間動(dòng)畫形成顏色的變化。

5.透明度的變化：利用屬性面板里的“屬性”—>“Alpha”，改變首幀和尾幀的透明度，加以補(bǔ)間動(dòng)畫，形成透明度的變化。

三、小結(jié)（幀幀動(dòng)畫、形變動(dòng)畫、運(yùn)動(dòng)動(dòng)畫）1.特點(diǎn)

幀幀動(dòng)畫——是flash動(dòng)畫最基本的形式，是通過更改每一個(gè)連續(xù)幀在編輯舞臺(tái)上的內(nèi)容來建立的動(dòng)畫

形狀補(bǔ)間動(dòng)畫——是在兩個(gè)關(guān)鍵幀端點(diǎn)之間，通過改變基本圖形的形狀或色彩變化，并由程序自動(dòng)創(chuàng)建中間過程的形狀變化而實(shí)現(xiàn)的動(dòng)畫

運(yùn)動(dòng)補(bǔ)間動(dòng)畫——是在兩個(gè)關(guān)鍵幀端點(diǎn)之間，通過改變舞臺(tái)上實(shí)例的位置、大小、旋轉(zhuǎn)角度、色彩變化等等屬性，并由程序自動(dòng)創(chuàng)建中間過程的運(yùn)動(dòng)變化而實(shí)現(xiàn)的動(dòng)畫 2.區(qū)別

1）幀幀動(dòng)畫的每一幀使用單獨(dú)的畫面，適合于每一幀中的圖像都在更改而不是僅僅簡單地在舞臺(tái)中移動(dòng)的復(fù)雜動(dòng)畫。對(duì)需要進(jìn)行細(xì)微改變（比如頭發(fā)飄動(dòng)）的復(fù)雜動(dòng)畫是很理想的方式。

形狀補(bǔ)間在起始端點(diǎn)繪制一個(gè)圖形，再在終止端點(diǎn)繪制另一個(gè)圖形，可以實(shí)現(xiàn)一副圖形變?yōu)榱硪桓眻D形的效果。運(yùn)動(dòng)補(bǔ)間在起始端點(diǎn)定義一個(gè)實(shí)例的位置、大小、色彩等屬性，在終止端點(diǎn)改變這些屬性，可以實(shí)現(xiàn)翻轉(zhuǎn)、漸隱漸現(xiàn)等效果。

2）幀幀動(dòng)畫保存每一幀上的完整數(shù)據(jù)，補(bǔ)間動(dòng)畫只保存幀之間不同的數(shù)據(jù)，因此運(yùn)用補(bǔ)間動(dòng)畫相對(duì)于幀幀動(dòng)畫，可以減小文件體積。

3）形狀補(bǔ)間必須是運(yùn)用在被打散的形狀圖形之間，動(dòng)畫補(bǔ)間必須應(yīng)用在組合、實(shí)例上，幀幀動(dòng)畫不受此限制。4）幀幀動(dòng)畫的每一幀都是關(guān)鍵幀，形狀補(bǔ)間動(dòng)畫幀之間是綠色背景色，兩端由實(shí)線箭頭相連，運(yùn)動(dòng)補(bǔ)間動(dòng)畫幀之間是蘭色背景色，兩端也由實(shí)線箭頭相連。3.應(yīng)用中需注意的問題

1）如果在創(chuàng)建補(bǔ)間動(dòng)畫時(shí)，時(shí)間軸上出現(xiàn)虛線箭頭，表示補(bǔ)間不成功，應(yīng)檢查兩個(gè)端點(diǎn)的對(duì)象是不是符合做形狀補(bǔ)間或動(dòng)作補(bǔ)間的對(duì)象。

2）可以利用變形提示點(diǎn)來控制形狀漸變的效果，利用變形提示點(diǎn)，兩端的形狀越簡單效果越好。

四、課后作業(yè)

1.反復(fù)練習(xí)Flash的五大基本變化動(dòng)畫的制作，體會(huì)并掌握所有技能。

2.上網(wǎng)瀏覽一些優(yōu)秀的flash作品，找出作品中使用了五大變化中的哪些變化。

第四講 導(dǎo)入外部素材（面向小學(xué)生）

學(xué)習(xí)目的：學(xué)習(xí)如何將外部素材導(dǎo)入Flash元件庫 掌握Flash中對(duì)圖形對(duì)象的一系列操作 主要內(nèi)容：

一、導(dǎo)入圖形

導(dǎo)入文件的方法一如下：

1.選擇“文件”→“導(dǎo)入”命令

2.在彈出的“導(dǎo)入”對(duì)話框中選擇需要導(dǎo)入的文件，為方便瀏覽，可以選用縮略圖的形式

3.如果輸入的文件名稱以數(shù)字結(jié)尾，即表示該文件為一個(gè)系列的文件之一。這時(shí)，會(huì)彈出一個(gè)提示框，詢問是否將相同系列的文件全部導(dǎo)入，如下圖所示。回答“是”，則將該系列文件全部導(dǎo)入

導(dǎo)入圖形的方法二如下：

導(dǎo)入文件只是獲得位圖的一種方式，也可以在其他程序中直接復(fù)制位圖到Flash中，主要步驟如下 ：

1.在其他程序中拷貝圖片，將圖形復(fù)制到剪貼板中 2.在Flash中選擇“編輯”→“粘貼”命令

3.如果作為對(duì)象粘貼，可選擇“編輯”→“選擇性粘貼”命令，在彈出的對(duì)象屬性選擇框中選擇想要的粘貼方式

二、編輯圖形對(duì)象 1.選擇對(duì)象

1）使用箭頭選取工具

用選取工具選擇對(duì)象時(shí)存在以下3種情況：

當(dāng)單擊或者拖動(dòng)鼠標(biāo)框選對(duì)象時(shí)，被選中的部分以點(diǎn)的形式顯示，說明所選對(duì)象是打散的圖像 ?

單擊對(duì)象，被選中對(duì)象的四周出現(xiàn)藍(lán)色的實(shí)線框，說明對(duì)象是元件或組合的圖形 ?

單擊對(duì)象，被選取的對(duì)象四周以花框顯示，說明選取的對(duì)象是導(dǎo)入的位圖

2）使用套索工具

套索工具：選取工具的一種，與箭頭工具相比它有一個(gè)較為突出的優(yōu)點(diǎn)，即用戶可以自己徒手畫一個(gè)范圍來選擇對(duì)象，所畫的區(qū)域可以是閉合的也可以是不閉合的，如果區(qū)域不閉合的話，F(xiàn)lash自動(dòng)將其閉合 2.刪除對(duì)象

先選中對(duì)象，再按照以下4種操作之一操作即可刪除對(duì)象：

選擇“編輯”→“清除” ?

“編輯”→“剪切”命令 ?

按Delete 鍵

按Backspace鍵，即可 3.對(duì)齊對(duì)象

? 單擊工具欄中的“對(duì)齊”按鈕 ? 選擇“窗口”→“對(duì)齊”命令

? 選擇“修改”→“對(duì)齊”的子菜單中的具體命令

4.打散對(duì)象

1）打散對(duì)象：即分離組件，使將組、文本、位圖、元件以及 從外部嵌入的對(duì)象轉(zhuǎn)換為可以編輯的元素，從而減小圖形的大小。如果將導(dǎo)入的位圖打散，則意味著將導(dǎo)入的位圖轉(zhuǎn)換為元件，相當(dāng)于使用繪圖工具繪制的圖形，所以可以使用繪圖工具對(duì)其進(jìn)行進(jìn)一步操作。如果打散的對(duì)象是從其他應(yīng)用程序鏈接過來的，對(duì)象將切斷與源應(yīng)用程序的鏈接，而直接嵌入到Flash作品中去。2）操作實(shí)例

a）選中圖像選用橡皮擦工具，擦除圖像。結(jié)果是圖像不可擦除 b）選擇“修改”→“分離”命令，將位圖打散 c）再選擇橡皮擦工具，則可以將圖像擦除

三、課后作業(yè)：

1.利用網(wǎng)絡(luò)資源搜索自己喜歡的卡通圖片，將圖片素材導(dǎo)入到Flash的元件庫中。

2.熟練掌握Flash中對(duì)圖形對(duì)象的選取、刪除、對(duì)齊和打散等操作，并將其運(yùn)用到自己制作Flash的作品過程中。

第五講 運(yùn)動(dòng)引導(dǎo)層和遮罩層（面向小學(xué)生）

學(xué)習(xí)目的：復(fù)習(xí)圖層的知識(shí)

掌握使用引導(dǎo)層創(chuàng)建動(dòng)畫的技能 掌握使用遮罩層創(chuàng)建動(dòng)畫的技能

主要內(nèi)容：

一、運(yùn)動(dòng)引導(dǎo)層

1.概念的引入：運(yùn)動(dòng)引導(dǎo)層在時(shí)間軸上以按鈕表示，它的主要作用是繪制對(duì)象的運(yùn)動(dòng)路徑，用戶可以將圖層鏈接到同一個(gè)運(yùn)動(dòng)引導(dǎo)層中，使圖層中的對(duì)象沿引導(dǎo)層中的路徑運(yùn)動(dòng)，這時(shí)該圖層將位于運(yùn)動(dòng)引導(dǎo)層下方并成為被引導(dǎo)層。

引導(dǎo)層是一種特殊的圖層，它可以像其他普通圖層那樣導(dǎo)入圖形和引入元件，但是最終發(fā)布動(dòng)畫時(shí)引導(dǎo)層中的對(duì)象不會(huì)被顯示出來。按照引導(dǎo)層發(fā)揮的功能不同，可以將其分為普通引導(dǎo)層和運(yùn)動(dòng)引導(dǎo)層兩類。2．運(yùn)動(dòng)引導(dǎo)層實(shí)例的制作

1）新建一個(gè)Flash影片文件，使用“導(dǎo)入”命令將外部的一個(gè)gif動(dòng)畫導(dǎo)入到元件庫。2）將該元件拖放到舞臺(tái)，為其制作簡單的位移運(yùn)動(dòng)補(bǔ)間動(dòng)畫。3）新建運(yùn)動(dòng)引導(dǎo)層，在引導(dǎo)層中用鉛筆工具畫出運(yùn)動(dòng)路徑。

4）回到元件層，將首幀中元件的中心與路徑的起點(diǎn)完全重合，尾幀中元件的中心與路徑的終點(diǎn)完全重合，這一步是能讓元件按照引導(dǎo)線運(yùn)動(dòng)的關(guān)鍵，必須反復(fù)強(qiáng)調(diào)首幀和尾幀中元件的中心與引導(dǎo)線起點(diǎn)和終點(diǎn)的完全重合！5）測試、保存、發(fā)布影片。

二、遮罩層動(dòng)畫

1．認(rèn)識(shí)遮罩層：遮罩，就是將物體的某一部分遮住

遮罩圖層的效果是：遮罩圖層下的圖層被遮罩，該圖層中的內(nèi)容只有在遮罩層中的填充區(qū)域下的部分才可見，而遮罩層中的任何部分都是透明的。在遮罩層中，位圖、漸變填充區(qū)域和線條等都是無效的 2.創(chuàng)建遮罩層

創(chuàng)建遮罩圖層的方法如下：

1）創(chuàng)建一個(gè)新層，并在上面編輯好透過遮罩層要顯示的圖形和文本。2）插入一個(gè)新圖層，作為遮罩圖層使用

3）在遮罩層上畫上填充區(qū)域。導(dǎo)入的圖中，畫一個(gè)矩形區(qū)域，遮住模特的眼睛

4)選中遮罩圖層，右擊，在彈出的快捷菜單中選擇“遮罩層”命令，即將該層變?yōu)檎谡謭D層，被遮罩的圖層向右縮進(jìn)，表示被遮罩效果

3.應(yīng)用遮罩層：

1）利用遮罩層制作“望遠(yuǎn)鏡”效果

2）利用遮罩層制作文字的“探照燈”效果 3）利用遮罩層制作文字的“掃描”效果

4）利用遮罩層制作文字的“飄動(dòng)”效果(面向初中學(xué)生)

三、小結(jié)（導(dǎo)線、遮罩）1.特點(diǎn)

引導(dǎo)線動(dòng)畫——可以自定義對(duì)象運(yùn)動(dòng)路徑，可以通過在對(duì)象上方添加一個(gè)運(yùn)動(dòng)路徑的層，在該層中繪制運(yùn)動(dòng)路線，而讓對(duì)象沿路線運(yùn)動(dòng)，而且可以將多個(gè)層鏈接到一個(gè)引導(dǎo)層，使多個(gè)對(duì)象沿同一個(gè)路線運(yùn)動(dòng)。

遮罩動(dòng)畫——是flash中很實(shí)用且最具潛力的功能，利用不透明的區(qū)域和這個(gè)區(qū)域以外的部分來顯示和隱藏元素，從而增加了運(yùn)動(dòng)的復(fù)雜性，一個(gè)遮罩層可以鏈接多個(gè)被遮罩層。2.應(yīng)用中需注意的問題

1）引導(dǎo)層不能用做被遮罩層，遮罩層也不能用做被引導(dǎo)層；

2）引導(dǎo)項(xiàng)目之間不能相互勘套，遮罩項(xiàng)目之間也不能相互勘套；引導(dǎo)項(xiàng)目和遮罩項(xiàng)目同樣不能相互勘套； 3）線條不能用作遮罩；

4）遮罩層顯示形狀，被遮罩層顯示內(nèi)容。

四、課后作業(yè)：

1．開動(dòng)腦筋，給學(xué)生一定的想象創(chuàng)意空間，利用運(yùn)動(dòng)引導(dǎo)層制作動(dòng)畫實(shí)例（如落葉飄落、行星運(yùn)動(dòng)等等）2.利用遮罩層制作實(shí)踐多種特效（望遠(yuǎn)鏡、探照燈、掃描、文字飄動(dòng)等等），并在制作的同時(shí)思考如何更靈活地使用遮罩層動(dòng)畫。

3.綜合實(shí)踐作品:使用所學(xué)過的flash技能，充分發(fā)揮自己的想象能力和創(chuàng)意能力，制作出自己認(rèn)為最優(yōu)秀的作品。

第二篇：FLASH教案

動(dòng)畫作品制作

-----“愛護(hù)環(huán)境，保護(hù)家園。”系列

教學(xué)時(shí)間:第一周 教學(xué)課時(shí):2課時(shí)

教學(xué)目標(biāo):熟悉FLASH的工作環(huán)境,掌握最基本的概念 教學(xué)重難點(diǎn):層和元件的概念及簡單運(yùn)用 教學(xué)過程:

一、FLASH特點(diǎn)：

使用矢量圖形和流式播放技術(shù)。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動(dòng)畫可以邊播放邊下載，通過使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫(.swf)文件非常小，幾K字節(jié)的動(dòng)畫文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫效果，把音樂，動(dòng)畫，聲效，交互方式融合在一起，越來越多的人已經(jīng)把Flash作為網(wǎng)頁動(dòng)畫設(shè)計(jì)的首選工具。

強(qiáng)大的動(dòng)畫編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫，通過ACTION和FS COMMAND可以實(shí)現(xiàn)交互性，使Flash具有更大的設(shè)計(jì)自由度，另外，它與當(dāng)今最流行的網(wǎng)頁設(shè)計(jì)工具Dreamweaver配合默契，可以直接嵌入網(wǎng) 頁的任一位置，非常方便。

總之，F(xiàn)lash已經(jīng)慢慢成為網(wǎng)頁動(dòng)畫的標(biāo)準(zhǔn)，成為一種新興的技術(shù)發(fā)展方向。

二、熟悉工作環(huán)境

1、主要分為

舞臺(tái) 就是工作區(qū)，最主要的可編輯區(qū)域。在這里可以直接繪圖，或者導(dǎo)入外部圖形文件進(jìn)行安排編輯。就像演員表演的舞臺(tái)，動(dòng)畫呈現(xiàn)在舞臺(tái)上，超出舞臺(tái)的區(qū)域就為不可見，也就是幕后，F(xiàn)LASH動(dòng)畫也要十分注重舞臺(tái)和幕后的共同設(shè)計(jì)。

時(shí)間軸窗口 用它可以調(diào)整電影的播放速度，并把不同的圖形作品放在不同圖層的相應(yīng)幀里，以安排電影內(nèi)容播放的順序。

繪圖工具欄 放置了可供圖形和文本編輯的各種工具，用這些工具可以繪圖，選取，噴涂，修改以及編排文字，還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時(shí)，其所對(duì)應(yīng)的修改器(Modifier)也會(huì)在工具條下面的位置出現(xiàn)，修改器的作用是改變相應(yīng)工具對(duì)圖形處理的效果。

標(biāo)準(zhǔn)工具欄 列出了大部分最常用的文件操作，打印，剪貼板，撤消和重做，修改器以及控制舞臺(tái)放大比例的圖標(biāo)和選項(xiàng)，便于進(jìn)行更為快捷的操作。

圖庫窗口 用以存放可以重復(fù)使用的稱為符號(hào)的元素。符號(hào)的類型包括有圖片(Graphics)，按鈕(Button)和電影片斷(Movie Clip)。其調(diào)用的快捷鍵為Ctrl-L。學(xué)習(xí)FLASH也要養(yǎng)成良好的習(xí)慣，其中建立元件就是最基本也是最重要的，元件存放在圖庫中，這樣便與元件的重復(fù)使用以及統(tǒng)一修改。

控制器面板 控制電影的播放操作的工具集合（包括影片的前進(jìn)后退暫停等），一般不大常用，處于隱藏狀態(tài)。

2、逐步介紹各個(gè)區(qū)域（1）時(shí)間軸

時(shí)間軸(Timeline)是Flash中最重要的工具之一。用它可以查看每一幀的情況，調(diào)整動(dòng)畫播放的速度，安排幀的內(nèi)容，改變幀與幀之間的關(guān)系，從而實(shí)現(xiàn)不同效果的動(dòng)畫。

狀態(tài)欄中的 為洋蔥皮(Onion skin)按鈕，其作用是在顯示播放頭所在幀內(nèi)容的同時(shí)顯示其前后數(shù)幀的內(nèi)容。當(dāng)點(diǎn)擊該按鈕時(shí)，播放頭周圍會(huì)出現(xiàn)方括號(hào)形狀的標(biāo)記，其中所包含的幀都會(huì)顯示出來，這將有利于我們觀察不同幀之間的圖形變化過程。

和 的作用一樣，只不過它只顯示各幀圖形的輪廓線。當(dāng)我們需要同時(shí)編輯多個(gè)幀時(shí)，按下按鈕就可以了，但要注意，它只對(duì)幀-幀動(dòng)畫有效，而對(duì)漸變動(dòng)畫無效，因?yàn)闈u變動(dòng)畫是通過定義關(guān)鍵幀再插值的方法實(shí)現(xiàn)的，所以其中內(nèi)插的幀是無法編輯的。是洋蔥皮修改器，用于改變洋蔥皮的狀態(tài)和設(shè)置。其后的三個(gè)數(shù)字分別為當(dāng)前播放頭所在幀號(hào)，動(dòng)畫播放速度以及以此速度從頭播放到當(dāng)前幀所需的時(shí)間。

時(shí)間軸窗口右上角的 可以用來調(diào)整時(shí)間每個(gè)單元格的寬窄大小，各人可根據(jù)自己的喜好，動(dòng)畫的長短等因素進(jìn)行修改，以便于實(shí)際操作。

(2)元件和層概念及運(yùn)用

在講動(dòng)畫形式之前先講元件和庫的概念，教學(xué)生建立元件的方法及必要性。空心小圓圈表示空白的關(guān)鍵幀，沒有內(nèi)容，例如在新建一個(gè)動(dòng)畫文件時(shí)出現(xiàn)。先建立一個(gè)元件，然后在場景中拉入元件 拉入后成實(shí)心點(diǎn)，有內(nèi)容就成了實(shí)心點(diǎn)

單獨(dú)的關(guān)鍵幀為一黑色圓點(diǎn)，后面為灰色表明其后各幀的內(nèi)容與其一致，沒有變化。實(shí)例分析：背景色的設(shè)置；相同小球的組合繪制

要點(diǎn)：選擇工具的使用（任意變形和整體選擇操作）圓形的繪制（shift畫正圓）； 建立元件（元件的概念）組合 CTRL＋G 打散 CTRL＋B 直線工具的使用

元件主要有兩個(gè)優(yōu)點(diǎn)：可以重復(fù)使用和統(tǒng)一修改

介紹元件建立的兩個(gè)方法：插入――建立新元件或者選擇對(duì)象轉(zhuǎn)換為元件。

(3)圖層:通過實(shí)例掌握?qǐng)D層

關(guān)于圖層(Layer)的概念，學(xué)過Photoshop的人都不會(huì)陌生。形象地說，圖層可以看成是疊放在一起的透明的膠片，如果層上沒有任何東西的話，你 就可以透過它直接看到下一層。所以我們可以根據(jù)需要，在不同層上編輯不同的動(dòng)畫而互不影響，并在放映時(shí)得到合成的效果。使用圖層并不會(huì)增加動(dòng)畫文件的大 小，相反它可以更好幫助我們安排和組織圖形，文字和動(dòng)畫。圖層是Flash中最基本而且重要的內(nèi)容，因而需要很好地掌握: 在實(shí)例（ceng）中學(xué)習(xí)下面的知識(shí)。左圖是一個(gè)典型的圖層例子，圖中所示共有十一個(gè)層。其中用黑色標(biāo)識(shí)帶有一支鉛筆 標(biāo)志的層為當(dāng)前正在編輯的層。如果該層不能被編輯，則會(huì)顯示 圖標(biāo)。在這些層右上方有三個(gè)圖標(biāo)，其中 可以控制該層是否被顯示，默認(rèn)狀態(tài)為正常顯示，在對(duì)應(yīng)下方用 表示，如果點(diǎn)擊這個(gè)黑點(diǎn)，則會(huì)出現(xiàn)，同時(shí)該層被隱藏，隱藏的層不能被編輯。用來控制是否鎖住該層，被鎖住的層可以正常顯示，但不能被編輯，這樣在你編輯其它層時(shí)，可以利用這一層作參考，而不會(huì)誤改了這一層的內(nèi)容。可以控制是否將層以輪廓線方式顯示，點(diǎn)擊對(duì)應(yīng)的黑點(diǎn)，會(huì)出現(xiàn)，再點(diǎn)一次恢復(fù)正常。這幾個(gè)功能可以同時(shí)起作用。

(4)動(dòng)畫形式 分為運(yùn)動(dòng)動(dòng)畫和漸變動(dòng)畫 運(yùn)動(dòng)動(dòng)畫：例如一個(gè)小球從左邊運(yùn)動(dòng)到右邊 表示運(yùn)動(dòng)漸變動(dòng)畫，關(guān)鍵幀用黑色的圓點(diǎn)標(biāo)識(shí)，內(nèi)插幀用黑色的實(shí)線表示，背景為淡紫色(淺藍(lán)色)。虛線說明中間的過渡存在錯(cuò)誤，無法正確實(shí)現(xiàn)內(nèi)插。

兩個(gè)例子：一個(gè)是小球位置的改變，另一個(gè)是顏色透明度的改變。

漸變動(dòng)畫：例如圓變方塊！表示變形過渡動(dòng)畫，關(guān)鍵幀用黑色的圓點(diǎn)標(biāo)識(shí)，內(nèi)插幀用黑色的實(shí)線表示，背景為淡綠色。

同樣如果中間出現(xiàn)錯(cuò)誤，也會(huì)出現(xiàn)虛線！主要是兩個(gè)例子，圓變方塊和英文字變中文

其中要注意對(duì)象要打散，文字要打散兩次。比較和補(bǔ)間動(dòng)畫的區(qū)別。下面兩個(gè)略作了解

字母a表示該幀已通過幀屬性對(duì)話框指定了action。關(guān)于action以后會(huì)詳細(xì)介紹。小紅旗表明該幀有標(biāo)簽或注解。

三、小結(jié)

通過本次課的學(xué)習(xí)，學(xué)生要理解并掌握元件和層的概念及簡單運(yùn)用。要注意以下幾點(diǎn)： 1.元件存在庫中，方便重復(fù)使用和統(tǒng)一修改 2.一個(gè)元件對(duì)應(yīng)一層

3.層之間上下疊放，可改變順序 4.動(dòng)畫的兩種形式，補(bǔ)間動(dòng)畫包括位置和顏色透明度的改變。形狀動(dòng)畫要注意對(duì)象要打散，其中文字的打散要用兩次CTRL＋B。教學(xué)時(shí)間:第二周 教學(xué)課時(shí):2課時(shí) 教學(xué)目標(biāo)：

1、復(fù)習(xí)鞏固FLASH中最基本的概念（元件、圖層）

2、掌握兩種動(dòng)畫形式：補(bǔ)間動(dòng)畫和漸變動(dòng)畫

3、掌握時(shí)間軸上幀的操作（插入、刪除等）教學(xué)重點(diǎn)：應(yīng)用工具畫圖，并制作動(dòng)畫 教學(xué)過程：

一、復(fù)習(xí)鞏固

主要是在上周的基礎(chǔ)上完成進(jìn)一步動(dòng)畫

做完的同學(xué)可以進(jìn)一步練習(xí)兩種動(dòng)畫形式，主要為物體透明度的改變和文字的變形。

記住三句口決：

1、一個(gè)對(duì)象一層

2、一般一個(gè)對(duì)象要轉(zhuǎn)換為元件

3、在形狀動(dòng)畫中不要建立元件，對(duì)象要打散

二、實(shí)例運(yùn)用1 上節(jié)課已經(jīng)學(xué)習(xí)了兩種最基本的動(dòng)畫形式，這次課我們就先來綜合運(yùn)用一下。實(shí)例1 哭臉變笑臉

1、先給學(xué)生看最后的效果

2、分析 要分為幾層？

五層 臉、眼眶、嘴、左眼、右眼 為什么要用5層？

嘴一層 要進(jìn)行動(dòng)畫制作，因此要單獨(dú)一層

左右眼珠分兩層，眼睛看起來靈活些，也更方便些

幾個(gè)注意的地方：

線條的粗細(xì)可調(diào)整；對(duì)象的大小可調(diào)整（直接修改數(shù)值比較精確）；對(duì)象要對(duì)齊可用吸附工具，也可以借輔助線用方向鍵進(jìn)行微調(diào)整；嘴是要變形的，打散狀態(tài)（右 鍵－分離 弧線才可變形，選中的對(duì)象不能改動(dòng)）；F5普通幀（刪除幀），F(xiàn)6關(guān)鍵幀（清除關(guān)鍵幀），補(bǔ)間動(dòng)畫FLASH自動(dòng)生成。

思考：眼睛怎么轉(zhuǎn)動(dòng)？ ―――元件的運(yùn)動(dòng)。分析：眼珠要四周轉(zhuǎn)動(dòng)，需要四個(gè)關(guān)鍵幀

三、綜合實(shí)例

1、看實(shí)例2

進(jìn)行分析：主要是混色器的使用

關(guān)鍵步驟：先畫一個(gè)圓，線條可調(diào)整；

選擇漸變的圓，在混色器中進(jìn)行調(diào)整（小塊往下拉就刪除），調(diào)整到合適的效果（用顏料桶填充）；

要做圓環(huán)，在大圓中再畫一個(gè)小圓，小圓在選中狀態(tài)下可以改變位置，調(diào)整大小等。（要注意，放開就不能改了）。改變大小時(shí)，SHIFT是左上角調(diào)整，ALT則是以圓心調(diào)整；

要做成補(bǔ)間動(dòng)畫（形狀動(dòng)畫也是成立的，但沒什么效果。自己要多試，可以意外發(fā)現(xiàn)一些效果）補(bǔ)間動(dòng)畫 順時(shí)針 40幀 循環(huán)3次（24幀為1秒）

思考字母變形的做法（結(jié)合上次課的練習(xí)）

四、學(xué)生動(dòng)手創(chuàng)作教師節(jié)賀卡（有樣例3）(20’)要求學(xué)生充分發(fā)揮自己的想象力，動(dòng)手制作一張賀卡 主要包括幾方面的內(nèi)容：

1、文字的移動(dòng)

2、文字的旋轉(zhuǎn)移動(dòng)

3、文字的漸隱（透明度的變化）

4、簡單的動(dòng)作設(shè)置（stop）

五、小結(jié)

通過本次課的學(xué)習(xí)，我們復(fù)習(xí)并鞏固了FLASH的兩種基本動(dòng)畫形式，以及運(yùn)用了層來更好地表現(xiàn)動(dòng)畫。教學(xué)時(shí)間:第三周 教學(xué)課時(shí):2課時(shí) 教學(xué)目標(biāo)：

1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具的使用。

2、要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項(xiàng)。

3、掌握如何制作基本圖形：圓環(huán)、星星、月亮、太陽、空心文字、門、窗、建筑物。

4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。

教學(xué)重點(diǎn)：基本圖形的制作；如何導(dǎo)入和轉(zhuǎn)換圖片。教學(xué)過程：

一、復(fù)習(xí)鞏固

1、完成上次的作業(yè)（哭臉變笑臉的的例子和轉(zhuǎn)動(dòng)的圓環(huán)）上傳作業(yè)（新的FTP帳號(hào)的使用，要求上傳原文件）。

二、新課引入

思考一下這個(gè)圓環(huán)是怎么做的？（實(shí)例1）分析：

1、我們可以用上節(jié)課講的大圓里畫小圓的方法來完成，不過可能覺得還是有些麻煩的，上節(jié)課是為了特殊的漸變效果才用那種方法的，現(xiàn)在再介紹另一種方法：

2、關(guān)鍵步驟

選擇圓形工具，邊線設(shè)置為七彩色，線條粗細(xì)調(diào)節(jié)好（要做成一個(gè)環(huán)，數(shù)值比較大），填充色設(shè)為白色；

選中圓環(huán)，修改－形狀－線條轉(zhuǎn)為填充色； 墨水瓶工具填充線條；

注意點(diǎn)：修改－形狀－線條轉(zhuǎn)為填充色，否則無法實(shí)現(xiàn)（會(huì)把七彩色蓋掉）

三、實(shí)例教學(xué)

1、多邊形工具的使用（實(shí)例2）

太陽的制作主要步驟：

選擇矩形工具下面的小箭頭，選擇多邊形工具，在選項(xiàng)中進(jìn)行設(shè)置，樣式：星形 邊數(shù) 10 星形頂點(diǎn)大小 0.5（數(shù)量越小就越尖）可以具體演示兩種效果，讓學(xué)生比較掌握；

填充色設(shè)為黃色漸變（漸變工具的再一次復(fù)習(xí)鞏固）；

畫一個(gè)深黃色的圓，在上面畫上眼睛和嘴（變形工具的使用復(fù)習(xí)）

有時(shí)間的同學(xué)自己創(chuàng)作畫月亮

幾點(diǎn)注意：月牙形的繪制；墨水瓶工具的填充線條

3、綜合實(shí)例制作（實(shí)例4）分析：

整個(gè)動(dòng)畫分為三個(gè)主要部分（星星、高樓和汽車），一個(gè)個(gè)來制作 星星影片制作：

首先，繪制一個(gè)星星（圖形元件），主要步驟同多邊形的繪制；

再建立一個(gè)影片元件，名為閃動(dòng)的星，注意區(qū)別影片元件和圖形元件（參看足球的轉(zhuǎn)動(dòng)），讓學(xué)生注意觀察標(biāo)記不一樣

記住一句口訣：元件可改變顏色、透明度、大小等，都不會(huì)改變元件本身（可通過星星的制作具體演示）關(guān)鍵步驟： 畫好星星后，新建一個(gè)影片元件，改變星星的透明度作一個(gè)補(bǔ)間動(dòng)畫，即為星星的閃爍； 復(fù)制一個(gè)影片，然后在此基礎(chǔ)上修改，上一個(gè)是由亮到暗，這一個(gè)就是由暗到亮，這樣可心使星星看起來閃動(dòng)自然些；

星星這個(gè)影片做好后，讓學(xué)生動(dòng)手做星星。建筑物的制作：

新建一個(gè)元件，畫一個(gè)褐色填充黑框的房框

再建一個(gè)元件，畫一個(gè)白色填充黑框的窗戶，通過復(fù)制粘貼，做成4個(gè)窗口。然后選中4個(gè)窗口運(yùn)用修改－對(duì)齊－頂端對(duì)齊和寬度均勻分布，使4個(gè)窗口排列整齊。通過復(fù)制(按CTRL拖動(dòng))，畫好多排多列窗口，一列選中調(diào)整對(duì)齊。其他幾列操作也同。

選中所有窗口，按SHIFT，不選外框，然后把窗口設(shè)為灰色，再選幾個(gè)設(shè)為黃色（以上的修改都是元件的修改運(yùn)用）

另外一幢樓也是復(fù)制，然后進(jìn)行修改，同樣用了元件的修改。這個(gè)制作要特別注意的是對(duì)齊工具的應(yīng)用。

回到場景中，星星一層，高樓一層，再另換一層，畫路基（直線工具）要注意視覺上的真實(shí)感，按照路基的傾斜度調(diào)整高樓的形狀。汽車的制作： 主要是圖片的轉(zhuǎn)換

新建一個(gè)元件，導(dǎo)入汽車的圖片，把位圖轉(zhuǎn)換為矢量圖； 對(duì)圖片進(jìn)行處理，刪掉白色的部分；

回到場景中，汽車也新建一層，然后就做汽車的補(bǔ)間動(dòng)畫，使汽車開動(dòng)起來。小結(jié)：

1、多邊工具的使用

2、元件的屬性修改應(yīng)用（包括大小、顏色和透明度等）

3、對(duì)齊的使用

4、位圖轉(zhuǎn)為矢量圖 教學(xué)時(shí)間:第四周 教學(xué)課時(shí):2課時(shí) 教學(xué)目標(biāo)：

1、要求學(xué)生掌握直線運(yùn)動(dòng)的補(bǔ)間。

2、掌握實(shí)例的編輯修改。

3、掌握鉛筆工具及鋼筆工具。

4、制作夜色中行駛的汽車、動(dòng)感片頭的制作

教學(xué)重點(diǎn)：教學(xué)重點(diǎn)：鉛筆、鋼筆工具的靈活使用 教學(xué)過程：

一、復(fù)習(xí)鞏固

實(shí)例――關(guān)注環(huán)境，關(guān)注汽車尾氣的污染 內(nèi)容回顧

在上節(jié)課中已經(jīng)完成了動(dòng)畫的一部分，星星的制作相信大部分同學(xué)已經(jīng)學(xué)會(huì)了，接下來一部分同學(xué)還沒完成高樓的制作，我們說要注意對(duì)齊工具的運(yùn)用。

出現(xiàn)的問題

在畫樓的時(shí)候很多同學(xué)都出現(xiàn)這樣的問題，樓不能改變，這主要是元件沒建好，一般是要有三人元件，一個(gè)是窗戶，一個(gè)是房框，還要一個(gè)就是兩者結(jié)合的樓。這樣改變的時(shí)候其實(shí)是改變房框的形狀。

二、進(jìn)一步完成實(shí)例

1、汽車的運(yùn)動(dòng)

這里主要掌握知識(shí)點(diǎn)是位圖轉(zhuǎn)化為矢量圖（修改－位圖－轉(zhuǎn)換位圖為矢量圖），把白色的部分刪掉，把汽車放到場景中，制作汽車的運(yùn)動(dòng)。主要要注意起點(diǎn)和終點(diǎn)關(guān)鍵幀的設(shè)置。

2、路面、一些線的繪制

主要掌握鋼筆、鉛筆工具等繪圖工具的使用

方法有多種，老師教的只是其中一種，大家都可以根據(jù)自己對(duì)繪圖工具的使用，來完成各種繪制。

路面的繪制

可以先畫一個(gè)矩形（無邊，灰色填充），然后用部分選取工具改變，使成為自己想要的范圍 線的繪制

主要是中間一條灰色的線，有兩種方法

方法一 由于并不要求很精確，可以先畫完直線，然后再用橡皮工具擦掉中間不要的部分 方法二 可以把線條形式改為虛線，在自定義處可以進(jìn)行修改（前面一個(gè)數(shù)值代表實(shí)線的長度，后面的表示中間空的地方的長度，一般為35，8）

3、畫完這些線后，我們可以來看一下汽車是否沿著線開，可以根據(jù)線的傾斜度，調(diào)整一下汽車的起點(diǎn)和終點(diǎn)位置。

三、實(shí)例－標(biāo)志動(dòng)畫的制作

1、先畫靜止的畫面（實(shí)例）分析：

主要分為三部分 邊、文本和圖形

邊的繪制比較簡單，讓學(xué)生自己完成；

字母的輸入也不難，主要是設(shè)置多種字體，這里為三種，可以根據(jù)自己的喜好，任意設(shè)置三種字體，同時(shí)可以調(diào)整其大小。主要是圖形的繪制

菱形的繪制只要畫好一個(gè)矩形，然后旋轉(zhuǎn)一下就可以了

關(guān)于旁邊一個(gè)無規(guī)則圖形的繪制，主要應(yīng)用鋼筆工具，來畫出自己所想要的形狀

2、讓標(biāo)志動(dòng)畫動(dòng)起來（實(shí)例）

我們做每個(gè)動(dòng)畫之前先要對(duì)這個(gè)動(dòng)畫進(jìn)行分析，哪些是動(dòng)的，哪些是靜的，動(dòng)的又是怎么動(dòng)的？（回想一下以前學(xué)過的一些動(dòng)畫形式，到這里應(yīng)該怎么做）宗旨：不管用了什么方法，只要把效果做出來就好，同學(xué)們可以把自己所學(xué)的東西融會(huì)貫通，方法不是只有一種，老師介紹的方法是比較常用的，并不一定是最好的，大家可以通過多動(dòng)手，或許就會(huì)發(fā)現(xiàn)更好的方法。學(xué)多了就會(huì)靈活運(yùn)用，舉一反三了！我們仔細(xì)觀察動(dòng)畫有幾層，一般就是要做幾個(gè)運(yùn)動(dòng)

第一，邊是靜止不動(dòng)的，因此我們只要畫好放在那里就行

第二，按動(dòng)畫動(dòng)起來的順序來看，菱形是最先動(dòng)的，主要透明度的改變和旋轉(zhuǎn)，這個(gè)并不難，學(xué)生應(yīng)該已經(jīng)掌握了，稍加分析即可。

第三，第二個(gè)圖形在菱形還在動(dòng)的時(shí)候就出現(xiàn)了，所以要在菱形變化有中間過程中開始做動(dòng)畫，主要是透明度有改變，后階段是有和無之間的轉(zhuǎn)變，主要通過插空白幀來實(shí)現(xiàn)。第四，字母J是從上往下運(yùn)動(dòng)的，字符串esting,是從右往左運(yùn)動(dòng)的，還有co ltd則是和上面的圖形一樣，在有無之間的轉(zhuǎn)變，方法同上。

到些，我們的動(dòng)畫基本就完成了，從中可以發(fā)現(xiàn)其實(shí)動(dòng)畫并不難，要通過我們的分析以及創(chuàng)造力來完成精彩的動(dòng)畫，我們在做的時(shí)候可以充分發(fā)揮自己的創(chuàng)造力，比比看誰的動(dòng)畫做得最精彩！

四、小結(jié)

1、學(xué)會(huì)繪圖工具的使用（直線和鋼筆等工具）

2、運(yùn)動(dòng)的幾種基本形式的綜合運(yùn)用 教學(xué)時(shí)間:第五周 教學(xué)課時(shí):2課時(shí) 教學(xué)目標(biāo)：

1、要求學(xué)生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。

2、鞏固圖形元件、影片元件的創(chuàng)建。

3、鞏固二類補(bǔ)間動(dòng)畫的特點(diǎn)。

4、鞏固二類動(dòng)畫：變形動(dòng)畫、直線運(yùn)動(dòng)動(dòng)畫。

一、鞏固復(fù)習(xí)

主要通過幾個(gè)具體的實(shí)例來復(fù)習(xí)相關(guān)知識(shí)點(diǎn)

1、使用多邊形工具、鋼筆工具繪制（實(shí)例1）

通過月亮和星星的畫法，來鞏固多邊形工作和鋼筆工作等畫圖工作的使用 主要知識(shí)點(diǎn)：

月亮繪制（可用學(xué)過的多種方法，這里不再重復(fù)）

星星的繪制（多邊形工具的應(yīng)用。要注意設(shè)置，包括樣式、邊數(shù)、頂點(diǎn)大小等參數(shù)的設(shè)置）

2、用矩形工具及變形工具制作一個(gè)立體建筑物，再用重復(fù)使用元件制作下列效果圖，制作中要注意使用多圖層，才能產(chǎn)生建筑之間的疊加效果。（實(shí)例2）注意幾點(diǎn)：一是元件的重復(fù)利用；二是要使用多層(一般一個(gè)樓一層)三是利用CTRL工具進(jìn)行樓房的形狀調(diào)整，使其更具立體感。主要步驟：

先觀察樓房有兩種形狀，一種是普通的立方體，另一種是稍變形的，有透視效果，所以我們首先要建兩個(gè)元件。

先建一個(gè)元件，分兩層，一層畫房框（用矩形工作），一層畫窗戶（請(qǐng)注意轉(zhuǎn)化為元件，以便于調(diào)整）。

再在庫中直接復(fù)制元件，然后在新元件中用按CTRL進(jìn)行微調(diào)整 畫好路面（略）

把兩個(gè)元件根據(jù)需要拖出來，并調(diào)整好顏色，同時(shí)要注意分為多層，以便于疊加（有前后順序）

背景色填充（漸變工作的使用）

3、用二個(gè)關(guān)鍵幀制作變形效果（實(shí)例3）此實(shí)例主要鞏固學(xué)生對(duì)漸變填充工具的使用

動(dòng)畫分為兩層，一層為背景，也是利用漸變填充（放射狀）

另一層為變形動(dòng)畫的制作，即為星形變方形，要注意兩個(gè)關(guān)鍵幀（即由什么變?yōu)槭裁矗谝粠瑸樾切巍Ｗ詈笠粠瑸榉叫危虚g創(chuàng)建形狀動(dòng)畫。

4、有時(shí)間的同學(xué)自己動(dòng)手畫畫卡通煙囪（實(shí)例4）

二、檢測（兩節(jié)課時(shí)間進(jìn)行考試，一共三題，具體要求等詳見index.html）考試只是檢測這一階段的學(xué)習(xí)情況，老師根據(jù)同學(xué)中反映出來的問題，知道學(xué)生的掌握情況，對(duì)癥下藥，使大家盡快學(xué)會(huì)FLASH！創(chuàng)造出有自己特色的精彩動(dòng)畫!教學(xué)時(shí)間:第六周 教學(xué)課時(shí):2課時(shí) 教學(xué)目標(biāo)：

1、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用

2、介紹按鈕的作用

3、學(xué)會(huì)按鈕的簡單應(yīng)用 教學(xué)過程：

一、復(fù)習(xí)掌握引導(dǎo)線的應(yīng)用

1、復(fù)習(xí)上節(jié)課的例子，提出一些完成過程中的問題

山坡的曲線的畫法可用鋼筆工具來畫，具體演示下畫法；

多片樹葉下降，可用兩種方法，一是使用影片剪輯，原理類似于以前學(xué)過的閃動(dòng)的星星。還有一個(gè)方法是在引導(dǎo)層中可畫多條引導(dǎo)線，引導(dǎo)層下面的圖層只要在虛線中，均可被引導(dǎo)線引導(dǎo)。

2、復(fù)習(xí)上次課的引導(dǎo)線，主要通過實(shí)例來鞏固（實(shí)例1）

技術(shù)分析：小球的跳動(dòng)就是引導(dǎo)線（當(dāng)然也可用以前的動(dòng)畫，多創(chuàng)建幾個(gè)補(bǔ)間也可），貓的變化就是兩張圖片的變化 主要步驟：

①先完成管的繪制，要注意前后面的分層，否則填充就會(huì)出問題，然后再完成陰影面的制作；②畫好引導(dǎo)線，為折線形式，紅色小球沿引導(dǎo)線運(yùn)動(dòng)；

③貓的兩種狀態(tài)（睜眼和閉眼）小球沒砸到時(shí)睜眼，快砸到時(shí)閉眼且后退（用交換元件做可保持位置不變）

拓展練習(xí)蝴蝶飛舞（拓展練習(xí)1)提示：揮動(dòng)翅膀的蝴蝶作為一個(gè)影片剪輯，在這個(gè)影片剪輯中，把素材中的圖片導(dǎo)入，每張圖片一幀，表示蝴蝶的不同狀態(tài)，其中要注意每張圖片位置要對(duì)齊，方法有兩個(gè)，一個(gè)是打開時(shí)間軸的“查看多個(gè)幀”，另一個(gè)是交換元件

3、圓環(huán)的制作（實(shí)例2）

為了進(jìn)一步鞏固引導(dǎo)線的動(dòng)畫，還要講一個(gè)新的知識(shí)點(diǎn)，即小球繞圓環(huán)運(yùn)動(dòng)

技術(shù)分析：同樣應(yīng)用引導(dǎo)線做，關(guān)鍵是圓環(huán)的引導(dǎo)線是非閉合曲線，小球才能運(yùn)動(dòng)，技巧就是用橡皮把圓環(huán)打開缺口。

主要步驟：①先建一層，畫一個(gè)圓（無填充）

②添加一層引導(dǎo)層，把圓復(fù)制，然后把引導(dǎo)層中的圓用橡皮等工具打開缺口，使圓環(huán)成為一個(gè)非閉合曲線(物體的運(yùn)動(dòng)是遵循就近原則，如果不斷開，只會(huì)作就近小半圈的運(yùn)動(dòng))③小球的始末狀態(tài)的設(shè)置，第一幀在缺口的一端，最后一幀在缺口的另一端。思考：地球繞著太陽轉(zhuǎn)（橢圓形軌道同上例）

拓展練習(xí)中的玩具火車的運(yùn)動(dòng)（單軌和8字形軌道，有興趣的同學(xué)可以自己嘗試一下）

二、按鈕的制作：

1、基本按鈕的制作(實(shí)例3)插入新元件，元件類型為按鈕，即可見如下界面

一般在以上四種狀態(tài)下放置四個(gè)不同的元件，即可制作出一個(gè)按鈕效果。下面以變形按鈕為例介紹制作步驟。

①插入新元件，元件類型為按鈕，并命名該按鈕為“變形” ②單擊選中“彈起”，并繪制一個(gè)藍(lán)色長方形

③單擊選中“指針經(jīng)過”，按F6，并刪除藍(lán)色長方形，繪制一個(gè)綠色長方形 ④單擊選中“按下”，按F6，并刪除綠色長方形，繪制一個(gè)紅色長方形 做完后查看效果，并據(jù)此講解四種狀態(tài)具體表現(xiàn)，其中第四個(gè)“點(diǎn)擊”在此并不能體現(xiàn)出來，以后具體碰到再說，先掌握前面三種狀態(tài)設(shè)置

2、用文字、圖片、圖形等作按鈕（實(shí)例4）

在實(shí)例3的基礎(chǔ)上演示文字作按鈕，即在上面藍(lán)色長方形的位置替換成文字就是文字按鈕，演示一下即可，其中“點(diǎn)擊”如果是實(shí)心的區(qū)域，比較容易選中

實(shí)例4分析：主要原理同上例，其中的水晶球可以自己畫，也可以用提供的圖片，同時(shí)也說明了按鈕也可以用圖片來做！

三、按鈕的進(jìn)一步制作應(yīng)用

1、簡單的動(dòng)態(tài)按鈕（實(shí)例5）技術(shù)分析：小球是在鼠標(biāo)放在按鈕時(shí)下落的，所以動(dòng)作發(fā)生在按鈕四種狀態(tài)的“指針經(jīng)過”狀態(tài)，小球下落又是個(gè)運(yùn)動(dòng)狀態(tài)，所以在“指針經(jīng)過”狀態(tài)放的不是圖片之類的，而是一個(gè)影片剪輯（相當(dāng)于一個(gè)小電影）主要步驟：

①新建一個(gè)影片剪輯，在里面做小球下落并且透明度改變的動(dòng)畫 ②新建一個(gè)按鈕元件，在“彈起”狀態(tài)中畫上一個(gè)紅色的長方形，在“指針經(jīng)過”狀態(tài)中放入我們已經(jīng)做好的關(guān)于小球運(yùn)動(dòng)的影片剪輯

2、動(dòng)態(tài)按鈕引申（實(shí)例6）

技術(shù)分析：這個(gè)動(dòng)態(tài)按鈕的制作基本原理同上例，只是按鈕元件的第一種狀態(tài)中是空幀，就是沒放上去時(shí)不顯示，也就是我們所說的隱形按鈕，拖入到場景中按鈕元件呈現(xiàn)出半透明狀態(tài)。

3、動(dòng)態(tài)按鈕綜合實(shí)例應(yīng)用（拓展練習(xí)二）

實(shí)例演示：禮花的綻放效果（鼠標(biāo)點(diǎn)擊，禮花綻放）

技術(shù)分析：鼠標(biāo)點(diǎn)擊引發(fā)的事件，即在按鈕的，即為熱區(qū)，按鈕的動(dòng)作就在這個(gè)熱區(qū)觸發(fā)。由于是鼠標(biāo)點(diǎn)擊下去才有禮花綻放的效果，所以在禮花綻放的影片剪輯 中，第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動(dòng)畫，就是禮花這個(gè)圖形的放大動(dòng)畫。然后在幀上及按鈕上加上簡單代碼即可。主要步驟：

①新建一個(gè)按鈕元件，在第四種狀態(tài)“點(diǎn)擊”中畫一個(gè)實(shí)心區(qū)域（這里可畫一個(gè)白色的長方形）

②新建一個(gè)影片剪輯，第一幀放入剛做好的按鈕，因?yàn)椴稽c(diǎn)擊的時(shí)候事件（禮花綻放）不觸發(fā)，第一幀加入動(dòng)作stop，同時(shí)按鈕的動(dòng)作是點(diǎn)擊就觸發(fā) 禮花綻放的事件，因此在按鈕上加上動(dòng)作on(press){gotoandplay(2);}這個(gè)動(dòng)作語句可在動(dòng)作面板中選擇輸入，不用自己輸入（自己打 入容易錯(cuò)，可用腳本校對(duì)）

on(press){gotoandplay(2);} 意思是按下按鈕，開始第二幀動(dòng)作 ③在第二幀開始禮花的變化，導(dǎo)入禮花圖片并轉(zhuǎn)化為元件，然后作放大的動(dòng)畫④最后在場景中拖入已經(jīng)完成的影片剪輯，注意在鋪滿整個(gè)場景，點(diǎn)擊的時(shí)候才能保證無論點(diǎn)哪里都有禮花綻放，比較逼真些。鋪滿時(shí)可用多次復(fù)制粘貼。思考：鼠標(biāo)放上去禮花綻放怎么做？（拓展練習(xí)三）

提示：即在按鈕的指針經(jīng)過中放入影片元件 小結(jié)：

這節(jié)復(fù)習(xí)了引導(dǎo)線，以及新學(xué)了按鈕的制作，在按鈕的制作中要掌握以下幾點(diǎn)：按鈕的四種狀態(tài)的設(shè)置，明白各個(gè)狀態(tài)的具體表現(xiàn)形式學(xué)會(huì)用文字、圖片等作按鈕；學(xué)會(huì)動(dòng)態(tài)按鈕的制作，主要是影片剪輯的應(yīng)用以及一些簡單的動(dòng)作。教學(xué)時(shí)間:第七周＋第八周 教學(xué)課時(shí):4課時(shí)

教學(xué)目標(biāo)：“環(huán)保”主題作品制作 具體實(shí)施步驟： 1、4人一小組

2、大組確定大主題，組內(nèi)成員確定小主題。

3、素材老師提供部分，學(xué)生自己準(zhǔn)備部分。

4、完成后各小組分別展示自己的作品。

5、各小組自評(píng)互評(píng)，評(píng)出最優(yōu)秀作品。

第三篇：flash教案

教學(xué)內(nèi)容：電腦動(dòng)畫制作初探 教學(xué)目標(biāo)：

知識(shí)與技能目標(biāo)

1、學(xué)會(huì)啟動(dòng)Flash的方法，認(rèn)識(shí)Flash工作界面。

2、初步理解動(dòng)畫制作中的基本概念。

3、了解動(dòng)畫制作的一般步驟。過程與方法

通過對(duì)一段Flash動(dòng)畫源文件的分析研究，在初步理解Flash動(dòng)畫制作思想的同時(shí)，初步理解Flash動(dòng)畫制作中的相關(guān)概念；又通過實(shí)際制作“移動(dòng)的小球”的體驗(yàn)，了解Flash動(dòng)畫制作的過程，并從中總結(jié)出動(dòng)畫制作的主要步驟。情感態(tài)度與價(jià)值觀

激勵(lì)學(xué)生學(xué)習(xí)動(dòng)畫制作的興趣，培養(yǎng)學(xué)生樂于接受和探究新知識(shí)的精神。教學(xué)方法：

演示講授法、模仿學(xué)習(xí)、合作學(xué)習(xí)。重難點(diǎn)：

重點(diǎn)：簡單對(duì)象的移動(dòng)、縮放動(dòng)畫的制作方法。

難點(diǎn)：Flash8界面的認(rèn)識(shí)及相關(guān)操作；幀、關(guān)鍵幀、空白關(guān)鍵幀等概念的理解。

教學(xué)過程：

導(dǎo)入

同學(xué)們一定很喜歡在網(wǎng)上看Flash動(dòng)畫，老師也下載了一些，我們一起來欣賞幾個(gè)精彩的動(dòng)畫。

（播放幾個(gè)Flash動(dòng)畫）

這些動(dòng)畫是怎么做出來的呢？如果我們自己也會(huì)做該有多好啊！好，今天開始老師就和大家一起學(xué)習(xí)Flash動(dòng)畫的制作。

講授新課

一、啟動(dòng)Flash8，對(duì)其界面及基本操作進(jìn)行簡單介紹。

1、Flash的特點(diǎn)

Flash是一個(gè)功能強(qiáng)大、簡單易學(xué)的網(wǎng)頁動(dòng)畫制作工具。用Flash制作出來的動(dòng)畫不但占用的空間小，而且動(dòng)畫品質(zhì)高，不管怎樣放大、縮小，都不會(huì)影響畫面質(zhì)量。

Flash動(dòng)畫的迷人之處還在于我們可以通過點(diǎn)擊按鈕，選擇菜單來控制動(dòng)畫播放，甚至可以制作成小游戲。正是有了這些優(yōu)點(diǎn)，使得Flash在網(wǎng)絡(luò)上非常流行。

2、啟動(dòng)Flash 8 單擊“開始”→“程序”→“Macromedia ”→“Macromedia Flash 8”即可。

3、Flash 8編輯窗口的介紹

菜單欄

常用工具欄、控制工具欄（動(dòng)畫播放的控制工具欄）

繪圖工具欄（放置了各種繪圖及編輯工具）、輔助選項(xiàng)

圖層區(qū)、時(shí)間軸（可以設(shè)置動(dòng)畫的播放狀況）面板（可以用來控制各種設(shè)置）

場景（可以直接在這里繪圖或擺放一些圖片、文字、按鈕、動(dòng)畫等進(jìn)行編輯）

4、試一試：教師先隱藏常用工具欄、屬性面板、混色器窗口，要求學(xué)生重新顯示。

二、文檔屬性設(shè)置及元件、庫、場景、時(shí)間軸的概念。

打開并播放一個(gè)Flash動(dòng)畫源文件，分析Flash動(dòng)畫的創(chuàng)建思想方法，用生動(dòng)的語言和通俗形象的比喻講解相關(guān)的概念。

元件：一個(gè)位圖、矢量圖形、音樂片段或是一段獨(dú)立的Flash動(dòng)畫（好比是演員）。元件都被放置在庫中，使用時(shí)只用將其拖放到場景中即可，在場景中只能對(duì)其位置和形狀進(jìn)行編輯，如果要對(duì)元件進(jìn)行編輯，需要切換到元件編輯狀態(tài)。

庫：存放動(dòng)畫元件的地方（好比是一場戲的后臺(tái)）場景：動(dòng)畫的表現(xiàn)場所（好比是舞臺(tái)）

時(shí)間軸：動(dòng)畫制作的最重要的區(qū)域，是編輯動(dòng)畫的工作臺(tái)，是加工動(dòng)畫的流水線，包括了層編輯區(qū)、幀編輯區(qū)和時(shí)間線。（好比是劇本）

要制作一個(gè)動(dòng)畫，就好比是在導(dǎo)演一出戲，需要找好演員（制作好元件），置于后臺(tái)（放在庫里），然后把演員放在舞臺(tái)上（把元件放在場景上），讓演員照著劇本演出（在時(shí)間線上設(shè)置開始、結(jié)束時(shí)的狀態(tài)，生成動(dòng)畫）。

圖層：圖層可以看成是疊放在一起的透明的膠片，可以根據(jù)需要，在不同的層上編輯不同的動(dòng)畫而互不影響，在放映時(shí)得到的是各圖層合成的效果。制作復(fù)雜的動(dòng)畫時(shí)，通常把動(dòng)畫角色單獨(dú)放在一個(gè)圖層里，這樣相互不會(huì)影響，編輯修改也很方便。

三、演示制作移動(dòng)動(dòng)畫

現(xiàn)在我們一起用Flash 8來制作一個(gè)簡單的動(dòng)畫。

教師邊演示邊講解，學(xué)生一步一趨跟著老師制作“移動(dòng)的小球”的動(dòng)畫。

注意講清每一步驟的意義，同時(shí)結(jié)合實(shí)際制作講解基本概念，將抽象的概念放到具體實(shí)踐操作中去加以理解。制作“移動(dòng)的小球”操作中需注意：

步驟3：在時(shí)間軸中的圖層1的第1幀中出現(xiàn)一個(gè)實(shí)心的黑點(diǎn)，這就是“關(guān)鍵幀”。動(dòng)畫對(duì)象一定要?jiǎng)?chuàng)建在關(guān)鍵幀上。

步驟4：也可以在圖層1的第30幀處，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”。

步驟5：用鼠標(biāo)將小球拖到編輯區(qū)的右邊，其意義是改變動(dòng)畫對(duì)象的位置屬性。

步驟6：完成“創(chuàng)建補(bǔ)間動(dòng)畫”后拖動(dòng)播放指針，查看幀內(nèi)容，證實(shí)動(dòng)畫已被創(chuàng)建。

補(bǔ)充解釋：時(shí)間軸中的每一個(gè)小格子稱為“幀”，幀有兩種形式：普通幀和關(guān)鍵幀。普通幀上的圖片與它前面相鄰關(guān)鍵幀的圖片相同并以空心方塊為結(jié)束標(biāo)記，關(guān)鍵幀是以實(shí)心黑點(diǎn)為結(jié)束標(biāo)記，動(dòng)畫圖片一定要?jiǎng)?chuàng)建在關(guān)鍵幀上。

步驟8：注意提醒學(xué)生記住Flash原始文件和Flash影片的擴(kuò)展名（分別為.fla和.swf）。

四、總結(jié)制作步驟

教師以清晰簡明的步驟熟練地重做一遍，讓學(xué)生感到這個(gè)動(dòng)畫制作很容易。同時(shí)概括出三大步驟：第一步，在一段動(dòng)畫的起始幀插入關(guān)鍵幀，在起始幀的場景中編輯對(duì)象；第二步，選擇結(jié)束幀插入關(guān)鍵幀，在結(jié)束場景中編輯對(duì)象；第三步，選擇開始幀，“創(chuàng)建補(bǔ)間動(dòng)畫”。

五、學(xué)生自主練習(xí)

學(xué)生根據(jù)老師剛才的演示，自主、合作制作動(dòng)畫“移動(dòng)的小球”，相互討論各制作步驟的意義，并概括總結(jié)出動(dòng)畫制作的主要步驟。

課堂小結(jié)

1、教師總結(jié)本課教學(xué)內(nèi)容，點(diǎn)評(píng)學(xué)生制作過程中遇到的問題。

2、請(qǐng)學(xué)生說出動(dòng)畫制作的三大主要步驟。

教學(xué)內(nèi)容：創(chuàng)建補(bǔ)間動(dòng)畫 教學(xué)目標(biāo)

1、了解元件和實(shí)例的概念。

2、會(huì)在Flash動(dòng)畫中導(dǎo)入圖片。

3、掌握動(dòng)作補(bǔ)間動(dòng)畫的基本制作方法。教學(xué)重點(diǎn)：制作簡單的動(dòng)作補(bǔ)間的過程 教學(xué)難點(diǎn)：理解“元件”和“實(shí)例”的概念 教學(xué)方法：講解演示法、自主學(xué)習(xí)法。教學(xué)用具：計(jì)算機(jī)教室 教學(xué)過程

一、組織課堂 創(chuàng)設(shè)情景

上節(jié)課我們學(xué)習(xí)了簡單的動(dòng)作補(bǔ)間動(dòng)畫的制作，一個(gè)運(yùn)動(dòng)的圓。大家知道了Flash動(dòng)畫制作中的一些概念，幀頻、元件、關(guān)鍵幀、過渡幀等。從而導(dǎo)入本課的新課——?jiǎng)幼餮a(bǔ)間動(dòng)畫。

二、新授

利用導(dǎo)入的圖片制作動(dòng)畫

在Flash窗口中繪制起始幀和結(jié)束幀的畫面，也可以在起始幀和結(jié)束幀中導(dǎo)入已有的圖片。確定起始關(guān)鍵幀的畫面后，在下一個(gè)關(guān)鍵幀中利用工具箱中的工具改變對(duì)象的大小、位置和角度等屬性，然后動(dòng)作補(bǔ)間，生成兩個(gè)關(guān)鍵幀之間的補(bǔ)間動(dòng)畫。

教師演示

1、導(dǎo)入圖片

第一步：啟動(dòng)Flash，執(zhí)行“插入→新建元件”命令，出現(xiàn)“創(chuàng)建新元件”對(duì)話框時(shí)，在名稱中輸入適當(dāng)?shù)脑靶∨ⅰ保谛袨闄谥羞x定“圖形”選項(xiàng)，再單擊“確定”按鈕，進(jìn)入元件編輯狀態(tài)。

第二步：執(zhí)行“文件→導(dǎo)入”命令，出現(xiàn)“導(dǎo)入”對(duì)話框后，打開保存圖片的文件夾，選定要導(dǎo)入的圖片文件，然后單擊“打開”按鈕。這時(shí)，元件編輯區(qū)中會(huì)顯示出導(dǎo)入的圖片。

2、制作動(dòng)畫

制作圖片從舞臺(tái)的左上角進(jìn)入，沿對(duì)角線運(yùn)動(dòng)到舞臺(tái)的右下角，然后再從右下角移出的動(dòng)畫。

第一步：單擊“場景1”圖標(biāo)，進(jìn)入場景編輯狀態(tài)。

第二步：執(zhí)行“窗口→庫”命令，打開“庫”面板，在“庫”面板中單擊“小女孩”圖形元件名，然后把“小女孩”元件拖到舞臺(tái)中。

第三步：把指針指向圖片后拖動(dòng)，把它拖至舞臺(tái)左上角以外的灰色區(qū)域，作為動(dòng)畫的起始點(diǎn)。

第四步：單擊“時(shí)間軸”面板中的第30幀，然后插入關(guān)鍵幀。

第五步：把“小女孩”圖片拖至舞臺(tái)右下角以外的灰色區(qū)域，作為動(dòng)畫的結(jié)束點(diǎn)。

第六步：單擊“時(shí)間軸”面板上的第1幀，執(zhí)行“插入→創(chuàng)建補(bǔ)間動(dòng)畫”命令，在1～30幀之間創(chuàng)建補(bǔ)間動(dòng)畫。第七步：執(zhí)行“控制→播放”命令（或敲回車鍵），播放動(dòng)畫，可以看到“小女孩”圖片從左上角進(jìn)入舞臺(tái)，然后從右下角移出舞臺(tái)。

第八步： 保存文件為“小女孩.fla”

三、課堂小結(jié)

這個(gè)動(dòng)畫的基本制作過程：

先繪制或?qū)雽?duì)象，再把它轉(zhuǎn)換成圖形元件，然后確定對(duì)象運(yùn)動(dòng)前的畫面（關(guān)鍵幀）；再在“時(shí)間軸”面板上選定下一關(guān)鍵幀的位置，在這個(gè)關(guān)鍵幀中，利用工具箱中的工具改變對(duì)象的大小、位置和角度等屬性；再次，執(zhí)行“插入→創(chuàng)建補(bǔ)間動(dòng)畫”命令或選定“屬性”面板中的“動(dòng)作”補(bǔ)間，生成前后兩個(gè)關(guān)鍵幀之間的補(bǔ)間動(dòng)畫。

動(dòng)作補(bǔ)間動(dòng)畫——在Flash里，這種先確定一段動(dòng)畫首尾兩幀畫面中對(duì)象的位置，然后由計(jì)算機(jī)自動(dòng)生成這兩幀之間畫面的動(dòng)畫。

元件——是指可以重復(fù)使用的對(duì)象，分為圖形元件、按鈕元件和影片剪輯元件。

實(shí)例——元件在舞臺(tái)中的實(shí)際應(yīng)用稱為實(shí)例。把元件從“庫”面板里拖到舞臺(tái)上時(shí)，就創(chuàng)建了該元件的一個(gè)實(shí)例。

五、作業(yè)

1、閱讀20【知識(shí)窗】

2、完成課后練習(xí)1

教學(xué)內(nèi)容：設(shè)計(jì)鼠標(biāo)交互 教學(xué)目標(biāo)：

1.掌握動(dòng)態(tài)文本的概念。

2.掌握交互動(dòng)畫的制作方法。3.回顧鼠標(biāo)動(dòng)作的設(shè)置。教學(xué)重點(diǎn)：

1.加法器的制作。

2.小球位置的控制。教學(xué)難點(diǎn)：

交互動(dòng)畫的制作

教學(xué)過程：

一、準(zhǔn)備知識(shí)：

1、靜態(tài)文本：用文字工具創(chuàng)建，文字直接在FLA文件中輸入。

2、動(dòng)態(tài)文本：用文字工具創(chuàng)建，在屬性中設(shè)定動(dòng)態(tài)文本，動(dòng)態(tài)文本除了可以設(shè)定標(biāo)簽，還可以設(shè)定變量，其顯示值由變量給出。

3、輸入文本：用文字工具創(chuàng)建，在屬性中設(shè)定輸入文本，也可以設(shè)定變量，其值可以由鍵盤輸入。

4、鼠標(biāo)動(dòng)作（按鈕）的設(shè)置——on為按鈕上的動(dòng)作，所以我們必須首先要選中按鈕，以后才可以添加on語句。有的朋友在論壇里面提問，“為什么我的on為灰色不可選狀態(tài)？”原因就是你沒有選中按鈕。

二、加法器的設(shè)計(jì)

提示：對(duì)按鈕設(shè)置動(dòng)作，當(dāng)按鈕按下時(shí)，把a(bǔ)和b兩個(gè)加數(shù)框中的數(shù)據(jù)進(jìn)行相加。格式如下：

result = Number(a)+ Number(b)

三、鼠標(biāo)控制小球

知識(shí)點(diǎn)：

1、getProperty()① 用法 getProperty(my_mc, property)② 操作數(shù) my_mc 要檢索其屬性的影片剪輯的實(shí)例名稱。property 影片剪輯的屬性。

③說明 函數(shù)；返回影片剪輯 my_mc 的指定屬性的值。示例

x_value = getProperty(“ball”, _x);

2、setProperty()①用法 setProperty(target, property, value/expression)

②操作數(shù) target 指向要設(shè)置其屬性的影片剪輯實(shí)例名稱的路徑。

property 要設(shè)置的屬性。

value 屬性的新文本值。

expression 計(jì)算結(jié)果為屬性新值的公式。

③說明 函數(shù)；當(dāng)影片播放時(shí)，更改影片剪輯的屬性值。

示例： setProperty(“target_itme”,_y,getProperty(“target_itme”,_y)-15);說明：

1、向上按鈕的行為動(dòng)作 on(release){ setProperty(“ball”, _y, getProperty(“ball”, _y)-5);x_value = getProperty(“ball”, _x);y_value = getProperty(“ball”, _y);}

2、其余按鈕的行為以此類推，由大家自行設(shè)定。補(bǔ)充：

3、放大按鈕的行為動(dòng)作 on(release){ x_scale_value = int(getProperty(“ball”, _xscale)*1.1);y_scale_value = int(getProperty(“ball”, _yscale)*1.1);setProperty(“ball”, _xscale, x_scale_value);setProperty(“ball”, _yscale, y_scale_value);}

四、作業(yè)：

1、完成并把作業(yè)一、二

第四篇：flash教案

第一節(jié)

1標(biāo)題欄：軟件的名稱，和當(dāng)前文件的名稱，對(duì)敞口進(jìn)行最大化和最小化 2菜單欄：文件，編輯，視圖，插入，修改，文本，命令，控制，窗口幫助

注意：在鍵盤上調(diào)出菜單欄：alt+菜單欄右邊的字母 3工具箱：工具。光標(biāo)移到工具上時(shí)候會(huì)顯示當(dāng)前 工具的名稱和快捷鍵

4時(shí)間軸：分為圖層，幀部分

5舞臺(tái)和工作區(qū)：灰色部分表示工作區(qū)，而白顏色的部分表示舞臺(tái)，在flash播放的時(shí)候只能看到舞臺(tái)上的對(duì)象，而不能看到工作區(qū)上的對(duì)象，所以往往我們做flash時(shí)候都要做一個(gè)遮丑的一個(gè)圖層（以后講）

6浮動(dòng)面板。所有的浮動(dòng)面板都在窗口菜單下（自己回去背快捷鍵例如：對(duì)齊：ctrl+k）

注意；當(dāng)整個(gè)FLASH的布局混亂時(shí)候可以點(diǎn)擊 窗口菜單下的面板設(shè)置，找到自己喜歡的布局

7設(shè)置偏好：設(shè)置flash軟件的一些自帶的更改。

編輯/首選擇參數(shù)（ctrl+u）8打開flash 1：桌面上點(diǎn)擊

2：開始/所有程序/macromedia/falsh 9保存：

1：文件/保存（ctrl+s）第一次保存

文件/另寸為（ctrl+shift+s）第二次保存

注意：flash擴(kuò)展名為.fla(源文件)10 flash 測試（正常上傳到網(wǎng)上的文件。生成文件）

控制/測試影片（ctrl+enter）

控制/測試場景（ctrl+alt+enter）

注意：flash的生成文件的擴(kuò)展名為.swf(上傳到網(wǎng)上的文件)11如何把網(wǎng)上的生成文件下載到本地磁盤中：

前提：把所要下載的flash看完一遍

右鍵單擊/屬性/常規(guī)選項(xiàng)卡被選種/internet臨時(shí)文件里面的設(shè)置/查看文件/把找到的所有文件按照大小進(jìn)行排列（右單擊排列圖標(biāo)/大小）12軟件打開之后要做的事情： 1。設(shè)置偏好

2。設(shè)置軟件布局（窗口/頁面布局（設(shè)計(jì)者布局））3。修改文檔屬性（修改菜單下的文檔）4。保存文件

文檔屬性（ctrl+j）

幀頻一般情況下我們用默認(rèn)值（幀頻越大，flash播放的速度越快，動(dòng)作就越不連續(xù)）工具

1箭頭工具（v）

1)配合alt或ctrl鍵盤進(jìn)行復(fù)制

2)雙擊填充部分可以同時(shí)選種邊框和填充的部分 3）只選擇邊框或只選擇填充部分 4）拖動(dòng)也可以選種舞臺(tái)上的對(duì)象

5）配合shift鍵可以同時(shí)選種舞臺(tái)上的多個(gè)對(duì)象 6）當(dāng)箭頭工具下方呈現(xiàn)弧形時(shí)可以把直線變成曲線

當(dāng)箭頭工具下方為直角符號(hào)時(shí)候可以拖動(dòng)點(diǎn) 7）雙擊邊框的位置可以選擇連續(xù)的邊框 選項(xiàng)里的參數(shù)：

1）吸附工具：可以自動(dòng)將箭頭工具吸附于圖形的角點(diǎn)或邊線的位置 2）伸直工具：使線形變得更加有棱角

3）光滑工具：使線形變得更加光滑（彎曲）2 鋼筆工具（p）：自由繪制圖形

1）可以繪制直線：確定起始點(diǎn)和終止點(diǎn)

2）繪制曲線： 確定起始點(diǎn)，在終止點(diǎn)上進(jìn)行拖動(dòng)（會(huì)出現(xiàn)控制丙（控制方向的作用））

按住alt鍵只移動(dòng)一邊的控制丙

按住ctrl鍵與部分選擇工具的交換

3）雙擊鋼筆工具完成繪制或者選擇工具箱中的另 外一個(gè)工具 4）當(dāng)鼠標(biāo)移動(dòng)起始點(diǎn)，光標(biāo)呈現(xiàn)圓形時(shí)候繪制封 閉路徑（可以用填充顏色進(jìn)行填充）

5）增加節(jié)點(diǎn)：鋼筆工具的下方有加號(hào)時(shí)

6）改變節(jié)點(diǎn)的屬性：鋼筆工具下方為三角符號(hào)的時(shí)候 7）刪除節(jié)點(diǎn)：鋼筆下方出現(xiàn)減號(hào)時(shí)

3部分選取工具：主要用于調(diào)節(jié)帶節(jié)點(diǎn)的圖形的位置和 屬性的 4）套鎖工具：可以用來修改圖形或則選擇不規(guī)則的圖形

參數(shù)：魔術(shù)棒：可以用來選取顏色相同的部分（對(duì)位圖和矢量圖都是有用的）

魔術(shù)棒屬性：域值：值越大選擇的顏色范圍越大

應(yīng)用方法：導(dǎo)入一張圖片（文件/導(dǎo)入（ctrl+r））

之后選種圖片（箭頭工具）修改/分散（ctrl+b）之后可以按delete刪除選擇的區(qū)域

falsh里面的第一個(gè)對(duì)象：位圖

多邊形套瑣工具：用來選擇不規(guī)則的圖形 文本工具：進(jìn)行輸入文本的，主要有三種形式：靜態(tài)文本，動(dòng)態(tài)文本，輸入文本，通常狀況下我們用靜態(tài)文本。

屬性面板：它與舞臺(tái)上的對(duì)象是一一對(duì)應(yīng)的。通過屬性面板可以改變舞臺(tái)上的對(duì)象（選種對(duì)象/之后在屬性面板里進(jìn)行操作）打開屬性面板：窗口/屬性

falsh里面的第二個(gè)對(duì)象：文本 實(shí)例：制作一個(gè)變色文本的動(dòng)畫

制作過程：1新建一個(gè)300*100的文檔（ctrl+n ctrl+j）

2選種圖層一的第一幀，在舞臺(tái)上輸入一個(gè)文本（我愛北京天安門）屬性值為：宋體 28號(hào) 藍(lán)顏色 加粗

3選種第二幀單擊右鍵/插入關(guān)鍵幀（f6）在舞臺(tái)上改變其屬性，屬性值為：宋體 28 好紅顏色

分別選種第三幀和第四幀，重復(fù)第三步改變第三幀和第四幀對(duì)象的顏色分別為黃色和紫色 5 ctrl+enter進(jìn)行預(yù)覽

此實(shí)例為逐幀動(dòng)畫 橢圓工具和矩形工具：按住shift鍵可以繪制正圓和正方形 可以通過屬性去更改其已經(jīng)繪制成的圖形

flash里面的第三個(gè)對(duì)象：形狀圖象

實(shí)例：利用圓形，鋼筆工具，部分選擇工具，制作一個(gè)櫻桃 6 鉛筆工具：繪制圖形對(duì)象

參數(shù)：平滑：曲線比較光滑

平整：繪制的曲線直

墨水瓶：與繪制的曲線效果接近7畫筆工具：繪制形狀圖形 參數(shù)：模式

刷子大小

刷子形狀

鎖定：只對(duì)漸變填充有效果 注意：筆刷工具與鉛筆工具的區(qū)別：

筆刷工具的著色是填充可以用油漆桶進(jìn)行填充

而鉛筆工具的著色是邊框可以用墨水瓶去填充 8 墨水瓶工具：對(duì)筆觸進(jìn)行著色的 9 油漆桶：對(duì)填充進(jìn)行著色的 第2節(jié)

實(shí)例：空間精靈（涉及到的動(dòng)畫是運(yùn)動(dòng)補(bǔ)間）

1。繪制五角星：編輯/網(wǎng)格/顯示網(wǎng)格（ctrl+'）(作用：輔助工具)繪制一個(gè)正圓（shift）

繪制正圓里的一條直徑（圓心可以通過網(wǎng)格看出）

打開變形面板（窗口/變形（ctrl+t））選種已經(jīng)繪制成的直徑，把變形面板中的“旋轉(zhuǎn)”值為72，單擊“旋轉(zhuǎn)并復(fù)制”按鈕4下，每隔一個(gè)半徑刪除，新建圖層二，選種圖層二的第一幀，用直線連接圓上的五個(gè)點(diǎn)

五角星的大致輪廓已經(jīng)確定，之后刪除多余的線條。用油漆桶工具把五角星填充為粉色，之后在去掉邊框。五角星繪制完成。

2。將五角星轉(zhuǎn)化為元件：選種五角星，按f8在名稱中輸入“五角星”在行為中選擇“圖形”

3制作五角星動(dòng)的影片剪輯：

插入/新建元件（ctrl+f8）名稱為“五角星動(dòng)”

行為為“影片剪輯”當(dāng)前狀態(tài)為五角星動(dòng)的影片剪輯編輯狀態(tài)，選種圖層一的第一幀，打開庫面板（窗口/庫（f11））把庫中的五角星拖拽的舞臺(tái)上（注意中心點(diǎn)對(duì)齊）用工具箱里面的變形工具對(duì)五角星進(jìn)行放大處理（按shift鍵等比例放大）選種放大了的五角星按ctrl+b對(duì)五角星進(jìn)行打散，對(duì)齊填充顏色進(jìn)行更改 選種圖層一的第25幀單擊右鍵插入普通幀，先建圖層二選種圖層二的第一幀把庫面板中的“五角星”拖動(dòng)到舞臺(tái)上，（注意：中心對(duì)齊）在圖層二的第25幀中插入關(guān)鍵幀，并改變其舞臺(tái)上的對(duì)象的alpha的值為0，并把當(dāng)前舞臺(tái)上的對(duì)象移動(dòng)到圖層一中五角星的一角，右鍵單擊圖層2的第一幀到第25幀中的任意一幀，選擇創(chuàng)建補(bǔ)間動(dòng)畫。重復(fù)圖層二的操作分別在建立四個(gè)圖層創(chuàng)建補(bǔ)間動(dòng)畫，最后刪除圖層一，最終的效果是，一個(gè)五角星向四周擴(kuò)散，并且漫漫的消失。定形動(dòng)畫：

返回場景一，選種圖層一的第一幀，繪制一個(gè)橢圓形狀，新建圖層二，選種圖層二的第一幀，將庫面板中的“五角星動(dòng)”拖拽到舞臺(tái)上，把它放在橢圓形的邊緣，在圖層二的第25幀，插入普通幀，新建圖層三，復(fù)制圖層二的第一幀，選種圖層三的第二幀，復(fù)制幀，適當(dāng)?shù)囊苿?dòng)舞臺(tái)中的對(duì)象，使其依然在橢圓形的邊緣，在圖層三的第26幀插入普通幀，類似于圖層二與圖層三的操作，進(jìn)行依次新建圖層，直到，把整個(gè)橢圓形的邊緣補(bǔ)滿為止，（注意：此過程一頂要在橢圓行的一個(gè)方向進(jìn)行布局。）作后刪除圖層一，ctrl+enter進(jìn)行預(yù)覽 變形工具：對(duì)圖形的變形的 參數(shù)：

旋轉(zhuǎn)：旋轉(zhuǎn)圖形，光標(biāo)的旁邊出現(xiàn)弧形，可以移動(dòng)旋轉(zhuǎn)的控制點(diǎn)（光標(biāo)的旁邊有個(gè)小圓圈）

2縮放：可以放大和縮放圖形（按alt鍵以中心位置進(jìn)行縮放，shift鍵等比例縮放圖形）

3扭曲：可以任意的移動(dòng)對(duì)其進(jìn)行斜切

4，封套：會(huì)出現(xiàn)手柄，對(duì)其進(jìn)行調(diào)節(jié)他的弧度 第3節(jié)

網(wǎng)頁中的遮丑

1繪制一個(gè)矩形，通過屬性面板設(shè)置其屬性，值為“寬”和“高”的值與畫布的大小一樣，“x”與“y”的坐標(biāo)為0。之后對(duì)齊進(jìn)行減切（選種之后ctrl+x）2繪制一個(gè)矩形，大小大于舞臺(tái)的大小，之后粘貼到當(dāng)前位置（編輯/粘貼到當(dāng)前位置（ctrl+shift+v））

點(diǎn)擊一下第二步繪制的矩形，之后選種第一步繪制的.矩形按delete 3變形：

1）通過工具箱的變形工具 2）通過菜單（修改/變形）

垂直翻轉(zhuǎn)，水平翻轉(zhuǎn)，順時(shí)幀旋轉(zhuǎn)90，逆時(shí)幀旋轉(zhuǎn)90 3）精確的變形：縮放與旋轉(zhuǎn)（ctrl+alt+s）

變形面板進(jìn)行旋轉(zhuǎn) 4 油漆桶：填充顏色 墨水瓶：填充筆觸顏色（填充一種顏色）6填充顏色：1。利用工具箱中的填充色 2，利用屬性面板

3，利用混色器面板（窗口/混色器）

填充的顏色類型：

1）純色：只有一種顏色

2）放射型：一種漸變的效果（可以 增加顏色劃塊，刪除顏色劃塊，可以改變顏色的透明度）3）線性：一種漸變的效果與2大致 類似

4）位圖：前提條件庫面板里必須得 有位圖才能進(jìn)行填充。如果沒有可以先導(dǎo)入到庫（文件/導(dǎo)入到庫）實(shí)例：利用混色器進(jìn)行繪制一個(gè)圓拄和一個(gè)球形 填充變形工具：只對(duì)線形填充，放射性填充和位圖填充有用，可以通過控制點(diǎn)對(duì)其進(jìn)行調(diào)整

實(shí)例：對(duì)文本對(duì)象進(jìn)行填充五顏六色

1在舞臺(tái)中輸入文本，之后對(duì)其文本進(jìn)行兩次打散（修改/分離（ctrl+b））----也就是把文本對(duì)象變?yōu)樾螤顖D形對(duì)象 2打開混色器面板調(diào)整顏色

實(shí)例（對(duì)以前所有的東西進(jìn)行復(fù)習(xí)）旭日東升 1制作遮丑，命名其圖層為“遮丑”

2制作背景：新建圖層并且重新命名為“背景”，把背景圖層移動(dòng)到遮丑圖層的下方，選種該圖層的第一幀，在舞臺(tái)上繪制由蘭色到白色的一個(gè)由上到下的漸變矩形（注意：矩形的大小不能小于舞臺(tái)）

3制作土地：選中背景圖層，新建一層，利用矩形工具繪制一個(gè)綠顏色的矩形，之后通過變形工具里參數(shù)的扭曲，對(duì)矩形進(jìn)行變形，用同樣的方法在繪制兩個(gè)矩形（注意：顏色的變化是越遠(yuǎn)的地方顏色越淺，在每作完一層土地之后一定要對(duì)其進(jìn)行組合（ctrl+G）如果重疊的次序不對(duì)可以通過，修改/排列進(jìn)行修改）繪制修改其圖層的名稱為“土地”

4：選種“土地”圖層，新建圖層，命名為“太陽”在該圖層的第一幀繪制一個(gè)太陽。把“太陽”圖層移動(dòng)到土地圖層的下方。

5選種太陽圖層的第一幀，把太陽一道舞臺(tái)的下方，之后在太陽圖層的第60幀插入關(guān)鍵幀，把太陽移動(dòng)到天空的上方。選種太陽圖層的第一幀，改變其色調(diào)。6，選種太陽圖層的第一幀到第60幀右單擊，選擇創(chuàng)建補(bǔ)間動(dòng)畫。第4節(jié) qq表情：

1，選種圖層一的第一幀，繪制卡通圖象的臉，新建圖層二，選種圖層二的第一幀，繪制一個(gè)眼睛，并把繪制成的眼睛轉(zhuǎn)換成元件，行為定為影片剪輯，進(jìn)入眼睛影片剪輯的狀態(tài)，在圖層一的第二幀，插入關(guān)鍵幀，利用變形工具，對(duì)眼睛進(jìn)行變形，進(jìn)入場景一，把已經(jīng)作好的影片剪輯，復(fù)制另一個(gè)眼睛，3ctrl+enter導(dǎo)出影片剪輯。滴管工具：吸取或者填充顏色

注意：操作時(shí)首先選種筆觸工具，或者填充工具，之后在去用吸管工具吸取顏色。

橡皮擦工具：擦出圖象（雙擊可以快速擦出舞臺(tái)上的所有圖象）參數(shù)：三個(gè)參數(shù)

填充顏色：填充封閉的輪廓，填充小的空隙，填充中等空隙，填充大的空隙。查看里的工具：

1抓手：查看舞臺(tái)上的對(duì)象（雙擊：適應(yīng)屏幕顯示也就是顯示整個(gè)對(duì)象，按住空格鍵是切換此工具）

2放大鏡：放大和縮小舞臺(tái)中的對(duì)象（ctrl+=放大，ctrl+-減小，也可以通過參數(shù)去更改，放大鏡與縮小鏡，雙擊放大鏡100%顯示）顏色里的工具 時(shí)間軸：

層：新建層，新建立文件夾

隱藏層：眼睛圖表，可以把層中的舞臺(tái)上的對(duì)象隱藏 鎖定層：鎖定當(dāng)前層，則舞臺(tái)上的位置，形狀不會(huì)改變。

層上的筆圖表：表示為當(dāng)前層，也就是正在操作的層 選種多個(gè)層：選種不連續(xù) 配合ctrl鍵

選種連續(xù)的 配合shift鍵

刪除層：選種層：點(diǎn)垃圾桶或者把層直接拖拽到垃圾桶上。幀：選種幀后單擊右鍵

插入關(guān)鍵幀：f6 空白關(guān)鍵幀：f7 普通幀：f5 刪除幀shift+f5 全選幀：alt+ctrl+a 拷貝幀：alt+ctrl+c 剪切幀：alt+ctrl+x 粘貼幀：alt+ctrl+v 元件：1.新建元件：插入/新建元件（ctrl+f8）2.通過庫面板：打開庫（f11）

刪除元件（注意：刪除元件后就無法在撤消了，是物理刪除）

新建文件夾。修改元件的屬性 將舞臺(tái)上的對(duì)象轉(zhuǎn)化為元件： 1選種對(duì)象之后按f8 2選種對(duì)象之后右鍵單擊/轉(zhuǎn)化為元件 3通過菜單

4直接往庫里拖拽

如何進(jìn)入元件里進(jìn)行編輯（編輯元件）

1當(dāng)元件已經(jīng)在舞臺(tái)上的時(shí)候可以直接雙擊進(jìn)入（特點(diǎn)：當(dāng)編輯元件的時(shí)候，能看到舞臺(tái)的位置）

2在庫面板里進(jìn)行雙擊元件（特點(diǎn)，只能看到元件的中心點(diǎn)但是看不到舞臺(tái)）（注意：元件的編輯與舞臺(tái)編輯的差別：元件里有十字形的標(biāo)志而舞臺(tái)上卻沒有）排列：更改圖層的排列：直接用鼠標(biāo)拖拽

同一圖層的對(duì)象改變排列：（1菜單里面2快捷鍵3右單擊）第5節(jié)

位圖 文本 圖形 元件 組合（flash中的五種對(duì)象）對(duì)象之間的轉(zhuǎn)化：

直線如何轉(zhuǎn)化為填充：修改/形狀/將線條轉(zhuǎn)化為填充顏色 元件的屬性：

放在庫面板中的對(duì)象叫做元件 放在舞臺(tái)上的元件叫實(shí)例，（注意：元件可以多次的進(jìn)行應(yīng)用，而在舞臺(tái)上的實(shí)例是唯一的）顏色：

亮度：最亮的時(shí)候是白顏色，最暗的時(shí)候是黑顏色

色調(diào)：顏色

（注意：舞臺(tái)上的實(shí)例變了，而不影響庫中的元件，庫中的元件變，則舞臺(tái)上的實(shí)例也變）

信息面板：反映的是舞臺(tái)上的信息 flash里面的第一個(gè)動(dòng)畫：

逐幀動(dòng)畫：每一幀都是一個(gè)關(guān)鍵幀，并且放的圖片不相同，適用于所有的對(duì)象，時(shí)間軸連續(xù)播放就產(chǎn)生動(dòng)畫。（注意：逐幀動(dòng)畫站用的空間最大，也是flash 里最簡單的動(dòng)畫）

文件的發(fā)布：如何把文件發(fā)布成gif動(dòng)畫

文件/發(fā)布設(shè)置/格式里選擇gif/gif里選擇動(dòng)畫（在這里你也可以選擇播放的次數(shù)）

實(shí)例：1。一張嘴說話

圖形元件與影片剪輯元件的區(qū)別：

圖形元件依賴于主時(shí)間軸，而影片剪輯元件相當(dāng)于一個(gè)獨(dú)立的動(dòng)畫，與場景里面的時(shí)間軸沒有關(guān)系，往往我們做動(dòng)畫的時(shí)候，把靜態(tài)的對(duì)象做成圖形元件而把就動(dòng)畫做成影片剪輯。實(shí)例2： 蝴蝶動(dòng)

1新建立一個(gè)元件設(shè)置其行為為（圖形）在該元件內(nèi)部繪制一只蝴蝶 2新建一個(gè)元件設(shè)置其行為為（影片剪輯）

選種圖層一的第一幀，把剛剛繪制好的圖形元件拖拽到影片剪輯中。在圖層一的第二幀上插入關(guān)鍵幀，通過用變形工具改邊其形狀，最中影片剪輯的效果應(yīng)該是蝴蝶飛的動(dòng)作

3，把繪制好的影片剪輯拖拽到舞臺(tái)上，進(jìn)行（ctrl+enter）實(shí)例3：

1新建一個(gè)文檔（默認(rèn)即可）

2選種圖層一的第一幀，在舞臺(tái)上繪制一個(gè)拄體（填充的漸變顏色為線性，兩邊為黑色，中間為紅色）

3，新建圖層二選種圖層二的第一幀，在其舞臺(tái)上輸入（到此一游）在第二幀上插入關(guān)鍵幀并用橡皮擦工具擦除“游”字的最后一筆，在第三幀上插入關(guān)鍵幀，并用橡皮擦擦去“游”字的到數(shù)第二筆，依次類推從后往前擦除，直到把文字全部擦除

4，選種圖層二的第一幀到圖層二的最后一個(gè)關(guān)鍵幀，選擇翻轉(zhuǎn)幀 5ctrl+enter 第6節(jié)

補(bǔ)間動(dòng)畫： 1動(dòng)畫補(bǔ)間： 三要素：

1）設(shè)立起始關(guān)鍵幀和終止關(guān)鍵幀

2）起始關(guān)鍵幀和終止關(guān)鍵幀的對(duì)象是同一個(gè)對(duì)象 3）適用的對(duì)象為：位圖，組合圖形，元件，文本 特點(diǎn)：

1）起始關(guān)鍵幀和終止關(guān)鍵幀中間的動(dòng)畫由flash本身來完成 2）他創(chuàng)建的補(bǔ)間動(dòng)畫的中間是藍(lán)顏色的直線 3）只能創(chuàng)建直線動(dòng)畫 操作：

在圖層上建立一個(gè)要做動(dòng)畫的起始關(guān)鍵幀，之后選種終止關(guān)鍵幀，點(diǎn)鼠標(biāo)右鍵“插入關(guān)鍵幀”，之后移動(dòng)舞臺(tái) 上的對(duì)象。實(shí)例1：玻璃球彈字

1新建元件名稱為“球”行為為“圖形”中心點(diǎn)在“中心”在元件的中心位置繪制一個(gè)球形（屬性值為：無邊框，填充為放射性漸變，漸變的顏色為由白色到藍(lán)色）

2新建元件名稱為“動(dòng)球”行為為“圖形”中心點(diǎn)在“中心”在元件的中心位置繪制一個(gè)橢圓形（屬性值為：無邊框，填充為放射性漸變，漸變的顏色為由黃色到白色的漸變）

3返回場景一，在圖層一的第一幀上把庫中的“球”元件拖拽到舞臺(tái)上的適當(dāng)位置。新建圖層二，選種圖層二的第一幀在“球”的上方輸入文字“奔騰電腦”新建圖層三，選種圖層三的第一幀把“動(dòng)球”拖拽到舞臺(tái)的適當(dāng)位置。4同時(shí)選種三個(gè)圖層的第105幀插入普通幀

5拖動(dòng)圖層二的第一個(gè)關(guān)鍵幀到15幀，分別在45幀，75幀，105幀上插入關(guān)鍵幀，在15幀上刪除“騰電腦”，45幀刪除“電腦”，75幀刪除“腦”

6復(fù)制圖層三的第一幀，在第30幀，60幀，90幀上粘貼幀，之后分別在15幀上插入關(guān)鍵幀移動(dòng)舞臺(tái)上“實(shí)例”到“奔”的位置，同時(shí)在45，75，105中插入關(guān)鍵幀，并分別移動(dòng)舞臺(tái)上的實(shí)例到相應(yīng)的位置 7ctrl+enter 實(shí)例二：星星閃爍

實(shí)例：空中閃爍的星星

1，新建元件，行為為“圖形”調(diào)出網(wǎng)格。繪制矩形，再用箭頭工具對(duì)其進(jìn)行變形，繪制成星星的一角

2，新建元件，行為為“圖形”把元件一拖拽到當(dāng)前元件的中心位置，在同一個(gè)位置復(fù)制元件一，之后對(duì)其垂直翻轉(zhuǎn)，把此元件中舞臺(tái)上的對(duì)象選種，進(jìn)行組合，之后在同一個(gè)位置復(fù)制組合圖形，在對(duì)其進(jìn)行旋轉(zhuǎn)90度，選種舞臺(tái)上的對(duì)象進(jìn)行組合，在同一個(gè)位置復(fù)制組合圖形，對(duì)其進(jìn)行精確的旋轉(zhuǎn)45度。星星繪制成功

3，新建一個(gè)影片剪輯元件，把繪制好的星星元件拖拽到影片剪輯中心位置，在第10幀上插入關(guān)鍵幀，之后改變第十幀上舞臺(tái)中元件的透明度為0在1與10幀上創(chuàng)建順時(shí)針旋轉(zhuǎn)的動(dòng)畫補(bǔ)間，在第20幀上插入關(guān)鍵幀，改變20幀中舞臺(tái)上對(duì)象的透明度為100，在10與20幀中創(chuàng)建逆時(shí)針的動(dòng)畫補(bǔ)間動(dòng)畫，閃爍的星星繪制完成

4，進(jìn)入場景，把庫面板中已經(jīng)繪制好的閃爍星星拖拽到舞臺(tái)中。并把舞臺(tái)的背景設(shè)置為黑色既可。

風(fēng)吹的文字（技巧：幀的變動(dòng)）翻轉(zhuǎn)幀，分散到圖層 太極的運(yùn)動(dòng)：

1繪制太級(jí)：新建元件，行為為“圖形”名稱為“太級(jí)”

利用的工具（圓形工具，箭頭工具）

利用的菜單（網(wǎng)格（ctrl+'）旋轉(zhuǎn)與變形（ctrl+alt+s值為50%））2繪制太級(jí)運(yùn)動(dòng)：新建元件，行為為“影片剪輯”命名為“太級(jí)動(dòng)” 在圖層一的第一幀中把庫中的“太級(jí)”拖拽到舞臺(tái)中

在第20幀中插入關(guān)鍵幀，在第一幀與第20幀之間創(chuàng)建順時(shí)針旋轉(zhuǎn)的動(dòng)畫補(bǔ)間。3制作“天”“地”“乾”“坤”四個(gè)圖形元件：

1把制作完的“太級(jí)動(dòng)”拖拽到舞臺(tái)中，并把圖層一命名為“太級(jí)動(dòng)” 2制作文字元件： 1）新建元件，名稱為“天”，行為為“圖形”在此元件中輸入“天”

2）復(fù)制“天”元件，命名為“地”，行為為“圖形”并改變內(nèi)容為“地” 3）同2制作出“乾”“坤”圖形元件

第五篇：小學(xué)信息技術(shù)教案 認(rèn)識(shí)FLASH

課題：認(rèn)識(shí)FLASH 教材分析：本課教材通過教材中提供的小游戲幫助學(xué)生理解FLASH動(dòng)畫制作的原理。及學(xué)生自主嘗試和教師的點(diǎn)撥講解幫助學(xué)生學(xué)習(xí)運(yùn)動(dòng)補(bǔ)間動(dòng)畫的制作方法。學(xué)情分析： FLASH程序涉及到一些學(xué)生以前從沒接觸過的概念，所以用簡明的語言和動(dòng)畫實(shí)例幫助學(xué)生搞清概念是非常重要的。明白了動(dòng)畫制作的原理，為學(xué)生自己設(shè)計(jì)動(dòng)畫打下良好基礎(chǔ)。第一課時(shí)：

教學(xué)目標(biāo)：

1、通過教材中提供的小游戲幫助學(xué)生理解FLASH動(dòng)畫制作的原理。

2、通過學(xué)生自主嘗試和教師的點(diǎn)撥講解幫助學(xué)生學(xué)習(xí)運(yùn)動(dòng)補(bǔ)間動(dòng)畫的制作方法。

3、學(xué)生根據(jù)本節(jié)課所學(xué)的操作方法，自己設(shè)計(jì)制作小動(dòng)畫，進(jìn)一步提升學(xué)生的制作水平。

教學(xué)重點(diǎn)：

1、FLASH動(dòng)畫制作的原理和基本概念

2、運(yùn)動(dòng)補(bǔ)間動(dòng)畫的制作方法

3、根據(jù)本節(jié)課所學(xué)的操作方法，自己設(shè)計(jì)制作小動(dòng)畫

教學(xué)難點(diǎn)：根據(jù)本節(jié)課所學(xué)的操作方法，自己設(shè)計(jì)制作小動(dòng)畫 教學(xué)具準(zhǔn)備：動(dòng)畫書 動(dòng)畫范例 教學(xué)過程：

一、導(dǎo)入

1、播放一個(gè)簡單的FLASH小動(dòng)畫。激發(fā)學(xué)生學(xué)習(xí)興趣。

2、講解FLASH動(dòng)畫制作的原理。

（1）請(qǐng)學(xué)生自己動(dòng)手制作“動(dòng)畫書”，幫助學(xué)生理解FLASH動(dòng)畫制作的原理。（2）當(dāng)人眼所觀察的畫面或物體消失時(shí)，畫面上的情景還能在眼睛中保留約0.1秒時(shí)間。這種現(xiàn)象叫做眼睛的“視覺暫留”。電影放映就是利用人眼的視覺暫留現(xiàn)象，使得膠片上靜止的畫面，在人眼前連續(xù)出現(xiàn)，當(dāng)每秒出現(xiàn)24張靜止畫面時(shí)，人感覺畫面就動(dòng)起來了。

二、授新課：

（一）教師指導(dǎo)學(xué)生自己打開動(dòng)畫播放。

1、打開動(dòng)畫片:雙擊動(dòng)畫文件即可。

2、改變播放窗口大小：單擊菜單欄中的[查看]---[全屏]。

3、放大與縮小畫面：[查看]---[放大] [查看]---[縮小]

（二）控制動(dòng)畫的播放：

1、請(qǐng)學(xué)生嘗試[播放]菜單中的命令，教師巡視，給予個(gè)別指導(dǎo)。

2、請(qǐng)學(xué)生代表演示操作，教師給予適當(dāng)指導(dǎo)。

（三）啟動(dòng)FLASH的方法。

1、教師示范打開FLASH程序的方法

[任務(wù)欄]---[開始]---[程序]---MACROMEDIA---MACROMEDIA FLASH

2、請(qǐng)學(xué)生自己進(jìn)入FLASH程序。

3、教師示范工具箱中圓工具的使用。

4、請(qǐng)學(xué)生根據(jù)所學(xué)過的糊涂程序中的操作，自己嘗試一下工具箱中工具的使用。

（四）退出FLASH的方法。

點(diǎn)擊窗口右上角的關(guān)閉按鈕，在彈出的窗口中單擊“否”。

三、小結(jié)：

請(qǐng)學(xué)生展示自己嘗試出的工具箱中工具的使用。教師給予適時(shí)糾正。板書設(shè)計(jì)：

認(rèn)識(shí)FLASH 改變播放窗口大小： [查看]---[全屏]。放大與縮小畫面：[查看]---[放大] [查看]---[縮小]

第二課時(shí)：

教學(xué)目標(biāo)：

1、通過教師講授和學(xué)生自主嘗試，幫助他們了解程序界面的組成。

2、通過教師示范，學(xué)生上機(jī)嘗試制作一個(gè)簡單的小動(dòng)畫，使學(xué)生進(jìn)一步了解這個(gè)程序。

3、在實(shí)際上機(jī)的操作過程中不斷培養(yǎng)學(xué)生的思維能力。

教學(xué)重點(diǎn)：

1、FLASH程序界面的組成。

2、制作一個(gè)簡單的小動(dòng)畫。教學(xué)難點(diǎn)：制作FLASH動(dòng)畫的簡單流程 教學(xué)具準(zhǔn)備：動(dòng)畫范例 教學(xué)過程：

一、導(dǎo)入：

請(qǐng)學(xué)生放映“禮花綻放”的動(dòng)畫。通過今天的學(xué)習(xí)，我們就可以制作這個(gè)動(dòng)畫了。

二、授新課：

（一）介紹FLASH程序界面：

1、請(qǐng)學(xué)生找一找和以往所學(xué)程序的界面相同的地方。

2、教師介紹窗口組成和各部分名稱。（1）標(biāo)題欄：程序名稱和文件名。（2）菜單欄：操作命令。

（3）工具欄和工具箱：工具箱分為四部分，利用這些工具可以修改與繪制圖形，輸入文字，創(chuàng)作動(dòng)畫角色等。

（4）時(shí)間軸窗口：圖層窗格和

窗格組成。

動(dòng)畫是由一幅幅表現(xiàn)連續(xù)動(dòng)作的畫面組成的，其中每一幅畫面稱為一，在時(shí)間軸窗口的窗格中，每一個(gè)小方格代表一，通過

可以很方便地設(shè)定動(dòng)畫對(duì)象在空間上的排列順序。（5）浮動(dòng)面板與屬性面板。（6）工作區(qū)。

3、出示課件，通過課件幫助學(xué)生記憶界面各部分名稱和功能。

（二）制作“禮花綻放”的動(dòng)畫。

1、教師示范操作步驟：

（1）在“屬性面板”中將舞臺(tái)的大小設(shè)定為：300×300。“背景色”設(shè)置為紫色。(2)單擊工具箱中的畫筆工具，在工具選項(xiàng)區(qū)中設(shè)置筆的大小與形狀。并設(shè)定顏色為白色。

（3）在“時(shí)間軸”窗口中單擊第25，然后按[F6]，將其設(shè)置為關(guān)鍵

。（4）單擊工具箱中的畫筆工具，分別設(shè)置不同的填充色，圍繞白點(diǎn)畫很多各種顏色的彩點(diǎn)。

（5）在“時(shí)間軸”窗口中選擇任意一，在屬性面板中單擊“補(bǔ)間”框，選擇其中的“形狀漸變”選項(xiàng)。

（6）單擊[控制]---[測試影片]命令。

2、請(qǐng)學(xué)生自己上機(jī)制作，忘記操作步驟，可以查看電子板書。教師巡視，給予個(gè)別指導(dǎo)。

3、請(qǐng)學(xué)生模擬這種方法，在第一

畫一個(gè)圖形或文字，線條，在最后一

輸入另一個(gè)圖形，文字或線條，自己制作一個(gè)簡單的動(dòng)畫。觀察放映過程。體會(huì)動(dòng)畫制作原理。

三、展示學(xué)生作品。

1、播放學(xué)生作品，請(qǐng)作者說出制作過程。

2、教師根據(jù)作品，給予適當(dāng)指導(dǎo)。

3、請(qǐng)學(xué)生根據(jù)以往所學(xué)習(xí)的保存方法，保存文件并上傳。板書設(shè)計(jì)：

認(rèn)識(shí)FLASH

一、窗口組成：

標(biāo)題欄

菜單欄

工具欄工具箱

時(shí)間軸窗口圖層 浮動(dòng)面板

屬性面板

二、補(bǔ)間形狀動(dòng)畫：

1、第一

2、最后一

[F6]： 關(guān)鍵

變化后

3、屬性面板：形狀補(bǔ)間

課后反思：