《flash教案——flash入門動(dòng)畫.doc》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、FLASH入門動(dòng)畫（一）教學(xué)目標(biāo)：①知道FLASH軟件界面及簡(jiǎn)單操作；②會(huì)使用元件、時(shí)間軸等；③會(huì)完成flash的第一個(gè)動(dòng)畫——運(yùn)動(dòng)的小球。工作任務(wù)：任務(wù)一：　運(yùn)動(dòng)的小球制作（一）實(shí)踐操作：展示效果圖：（這就是我們要做的第一個(gè)Flash作品?？蓜e看它簡(jiǎn)單，以后我們要制作千變?nèi)f化的Flash電影，很多都會(huì)用到它所包含的技術(shù)呢。好吧，不多說了，我們開始吧。）運(yùn)行Flash4，這時(shí)系統(tǒng)已經(jīng)打開了一個(gè)新文件。選菜單中的Modify->Movie...(或按Ctrl-M)修改當(dāng)前舞臺(tái)的屬性。我們可以修改播放速度(FrameRate)，舞臺(tái)尺寸(

2、Dimensions)，是否顯示網(wǎng)格(Showgrid)，網(wǎng)格點(diǎn)間距(Grid)，網(wǎng)格色和背景色(Colors)以及選用何種度量單位(Ruler)等。我們將參數(shù)設(shè)置為左圖所示，在以藍(lán)色背景，長(zhǎng)300點(diǎn)，寬50點(diǎn)的舞臺(tái)上制作動(dòng)畫。一般來說，在互聯(lián)網(wǎng)上播出的動(dòng)畫，每秒8－12幀的播放速度比較合適一些。?工作環(huán)境設(shè)置好以后，我們首先需要?jiǎng)?chuàng)建一個(gè)圖符(Symbol)，以便調(diào)用。按Ctrl-F8鍵進(jìn)入建立圖符的選項(xiàng)窗口，給圖符起名叫ball，確定是圖形類(Graphics)后按確定按鈕?，F(xiàn)在我們就進(jìn)入了創(chuàng)建圖符的編輯狀態(tài)。在繪圖工具欄中選橢圓工

3、具。并將其下的參數(shù)設(shè)置為左圖所示。我們已經(jīng)在上一章中詳細(xì)介紹過有關(guān)參數(shù)的設(shè)置問題，這里就不再多說了。圖中的參數(shù)顯示我們將要繪制一個(gè)沒有輪廓線，且填充色為桔黃漸近色的球形。桔黃漸近色不是系統(tǒng)自帶的顏色，不過我們可以按照上一章中第七節(jié)所述方法新建這一顏色。在工作區(qū)里用鼠標(biāo)繪制一個(gè)小球。如果對(duì)所畫的小球不滿意，可以點(diǎn)選小球，按Delete鍵刪掉重畫，也可以在小球上按鼠標(biāo)右鍵，在彈出的菜單中選擇相應(yīng)修改工具進(jìn)行修改。小球圖符做好后，點(diǎn)擊時(shí)間軸(Timeline)左上角的或右上角的回到主場(chǎng)景。按Ctrl-L打開圖庫，發(fā)現(xiàn)里面已經(jīng)有一個(gè)做好了的名

4、為ball的圖符。在預(yù)覽窗口中把該圖符拖動(dòng)到工作區(qū)中如下左圖所示的位置。你也可以通過菜單中View->Rulers(或按Ctrl+Alt+Shift-R)打開系統(tǒng)標(biāo)尺精確定位。我們同時(shí)還注意到時(shí)間軸的第1幀上的小圓圈已經(jīng)由空心變成了實(shí)心，表明該幀不再為空?！　　≡跁r(shí)間軸第25幀點(diǎn)一下鼠標(biāo)左鍵，該幀變藍(lán)表示被選。按Ctrl-F6鍵插入一個(gè)關(guān)鍵幀，點(diǎn)選小球，把它拖到舞臺(tái)的另一端，如上右圖所示。雙擊時(shí)間軸上的第1幀，彈出該幀的幀屬性對(duì)話框，如下圖所示。點(diǎn)擊漸變(Tweening)標(biāo)簽，在其下的Tweening下拉菜單中選運(yùn)動(dòng)(Motion)

5、，按確定按鈕。注意：對(duì)于實(shí)例來說，只能進(jìn)行運(yùn)動(dòng)漸變動(dòng)畫(MotionTweening)，不能作形體漸變動(dòng)畫(ShapeTweening)。而對(duì)于形體(Shape)來說，只能作形體漸變。這時(shí)時(shí)間軸窗口的狀態(tài)如下圖所示，第1幀和第25幀之間出現(xiàn)了一個(gè)實(shí)線箭頭，且背景變成淡紫色，表示這兩幀之間有一段運(yùn)動(dòng)漸變動(dòng)畫。如果兩幀之間出現(xiàn)了虛線，表示過渡不成功，需要重新查看每一個(gè)關(guān)鍵幀及其屬性。下面我們來看一看效果：選菜單項(xiàng)Window->Controller，打開控制面板，按播放鈕播放動(dòng)畫，或者按下Ctrl-Enter另開窗口，以全屏預(yù)覽動(dòng)畫，可以

6、看到小球從舞臺(tái)的左端勻速移動(dòng)到右端，和本頁中的效果一樣，只不過本站網(wǎng)頁的背景色與Flash電影工作環(huán)境的背景色相同，所以看不出來罷了。問題探究：做好了動(dòng)畫不要忘記存盤，按Ctrl+S，在彈出的對(duì)話框中輸入存檔文件名，確定，這時(shí)系統(tǒng)會(huì)把源文件用.fla格式存檔。如果這時(shí)在Flash中再次按下Ctrl-Enter鍵，則系統(tǒng)會(huì)自動(dòng)生成.swf的電影文件，可以用Flash電影播放器直接觀看。好了，這一節(jié)我們已經(jīng)學(xué)會(huì)做一個(gè)最簡(jiǎn)單也最重要的動(dòng)畫了，好的開端是成功的一半，我們慢慢會(huì)對(duì)Flash的強(qiáng)大功能體會(huì)更多的。下一節(jié)我們將對(duì)小球動(dòng)畫作繼續(xù)深入的

7、探討。知識(shí)拓展:我們將在運(yùn)動(dòng)的小球的基礎(chǔ)上進(jìn)一步加深對(duì)運(yùn)動(dòng)變形動(dòng)畫的認(rèn)識(shí)。（本節(jié)中的幾個(gè)動(dòng)畫基本上和上一節(jié)是相同的，只不過我們對(duì)實(shí)例的屬性，運(yùn)動(dòng)路徑等適當(dāng)做些變化，以便獲取不同的效果?？闯錾厦娴膭?dòng)畫和上一節(jié)有什么不同嗎？是的，在小球運(yùn)動(dòng)的過程中漸漸消失在了背景中。其實(shí)這個(gè)效果實(shí)現(xiàn)起來是非常容易的。運(yùn)動(dòng)的制作和上一節(jié)一樣。點(diǎn)擊第25幀使處在舞臺(tái)最右端的小球被選中，用鼠標(biāo)左鍵雙擊小球，彈出實(shí)例屬性對(duì)話框，選擇顏色效果(ColorEffect)標(biāo)簽，如下圖所示。在顏色(color)下拉菜單選項(xiàng)中選中透明度(Alpha)，在透明度輸入框中輸入

8、百分值0，或?qū)⑵溆疫叺幕瑮U指針拖到最左端，使小球完全透明。點(diǎn)擊OK確定。現(xiàn)在看一下效果，按Ctrl-Enter看到如上面所示結(jié)果。作業(yè)練習(xí)：上機(jī)作業(yè)一：按照教師所展示的效果圖模仿完成該作品。上機(jī)作業(yè)二：在作業(yè)一基礎(chǔ)上進(jìn)行