實驗指導(dǎo)書4-Flash基本操作及簡單動畫制作

1、Flash 基本操作及簡單動畫制作實驗教學(xué)指導(dǎo)書一、實驗?zāi)康?. 了解Flash的基本界面組成及特點。2. 掌握Flash的基本操作。3. 掌握Flash四類基本動畫。4. 學(xué)會制作簡易 Flash 課件。二、實驗容1. 制作簡易 Flash 課件。2. 制作簡易電子相冊。三、實驗儀器、設(shè)備多媒體計算機， Flash CS3 。四、實驗原理任務(wù)驅(qū)動法， Flash 的基本操作， 應(yīng)用 Flash 設(shè)計制作主題明確的動態(tài)賀卡、簡單的 Flash 課件。五、實驗步驟(一)制作簡易 Flash 課件1 新建一個flash(ActionScript 2.0) 文檔，并設(shè)置文檔大小為 800*6002

2、. 選擇“文件| 導(dǎo)入 | 導(dǎo)入到庫” ，將“課件背景.jpg ”導(dǎo)入到當(dāng)前庫。3 .創(chuàng)建課件背景：從庫中拖動”課件背景.jpg ”到舞臺，使其與舞臺邊界圖1創(chuàng)建課件背景圖層圖2制作按鈕元件對齊。選中圖層1,單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“屬性”，通過圖 層屬性對話框，修改圖層1名稱為“背景”。單擊背景圖層，在60幀處按F5,插 入普通幀，鎖定背景圖層。如圖1所示。4 .制作按鈕元件：選擇“插入|新建元件”，新建“第一章”按鈕元件，并進 入按鈕元件編輯窗口。1）單擊“彈起”幀，使用文本工具創(chuàng)建文本“第一章”，并調(diào)整文本的大小 及顏色。2）選擇“彈起”幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選

3、擇“復(fù)制幀” ， 再分別在“指針經(jīng)過”、“按下”幀上粘貼。將“指針經(jīng)過”、“按下”兩幀對應(yīng)的 文本修改成不同的顏色。3）單擊“點擊”幀，按F7插入空白關(guān)鍵幀。選擇工具箱中的“矩形工具”， 在舞臺中央繪制一矩形，大小剛好覆蓋文本框即可。最終“第一章”按鈕元件制 作效果如圖2所示。5 .重復(fù)第4步，分別制作出“第二章”，“第三章”，“第四章”按鈕元件Word資料6 .回到場景1編輯狀態(tài)，新建“按鈕”圖層，將制作好的按鈕元件分別拖圖3創(chuàng)建按鈕圖層圖4創(chuàng)建“第一章”文本演示內(nèi)容動到課件背景放置按鈕的位置，并使用工具箱中的“自由變換工具”，調(diào)整按鈕元件大小，使文字按鈕的大小剛好與背景中按鈕大小適合，如圖

4、 3所示。7 .新建“第一章”圖層，在第 10幀處插入空白關(guān)鍵幀。選擇工具箱中的文本工具，在舞臺上輸入第一章文本容，并調(diào)整文本的大小及顏色。選擇第19幀插入空白關(guān)鍵幀，此時舞臺效果如圖 4所示。8 .新建“第二章”圖層，在第20幀處插入空白關(guān)鍵幀。選擇工具箱中的文圖5創(chuàng)建第二章文本演示內(nèi)容本工具，在舞臺上輸入第二章文本容，并調(diào)整文本的大小及顏色。選擇第 29幀插入空白關(guān)鍵幀。此時舞臺效果如圖 5所示9 .新建“第三章”圖層，在第30幀處插入空白關(guān)鍵幀。選擇工具箱中的文本工具，在舞臺上輸入第三章文本容，并調(diào)整文本的大小及顏色。選擇第 39幀插入空白關(guān)鍵幀。此時舞臺效果如圖 6所示。10 .新建“

5、第二章”圖層，在第 40幀處插入空白關(guān)鍵幀。選擇工具箱中的文本工具，在舞臺上輸入第四章文本容， 并調(diào)整文本的大小及顏色。此時舞臺效第四章遮罩動畫，由遮罩層和 被遮罩層組成，遮罩層相當(dāng) 于個不發(fā)散的此源，找到 被遮罩層上就可以看被遮罩 層的內(nèi)容.再則就看不到.布不 .“第F尸第同不洛« 19) 罵IU W iiK*e iM 圖由7創(chuàng)建第四章文本演示內(nèi)容,第二章路徑動畫,可以制作 Z司軌跡變化的運動效果1 如地球的公轉(zhuǎn)等各種軌跡 N . -9 -J 坦動，L第一章上第二卜第三章第四章1W - fl. 、,：Wi劃 3 .1> k圖6創(chuàng)建第三章文本演示內(nèi)容果如圖7所示。11 .新建“

6、腳本圖層”，單擊第1幀，打開動作面板，為第1幀添加動作腳本stop();如圖8所示。圖8添加腳本圖層，并給第一幀添加動作12 .選擇“按鈕”圖層，單擊“第一章”按鈕實例，打開動作面板，添加腳本：on(press)gotoAndStop(10) ;13 .選擇“按鈕”圖層，單擊“第一章”按鈕實例，打開動作面板，添加腳本：on(press)gotoAndStop(20) ;14 .選擇“按鈕”圖層，單擊“第一章”按鈕實例，打開動作面板，添加腳本：on(press)gotoAndStop(30) ; 15 .選擇“按鈕”圖層，單擊“第一章”按鈕實例，打開動作面板，添加腳本：on(press)goto

7、AndStop(40) ;16 .按 “Ctrl+Enter ”，測試影片17 .選擇“文件|發(fā)布設(shè)置”命令，在彈出的發(fā)布設(shè)置對話框中，勾選 Flash 類型，并且修改保存的文件名字為“簡易課件”，設(shè)定文件存儲目錄后，單擊發(fā)布，如圖9所示。當(dāng)用h宮工件科,M件第亢 Pl kstl I同 Plvih 3Flr" " Ei® s 擰I JPK 的假 l. jj.口 PK LL_ Meti 討觸 t lr Mwintm煎聃兀件I .帝 Fl、訃;的 0111rlkT ec I7 i. + -3文怦,C.皿:時w:曲g s身事 gT Jhirtl 耒有1名T守£

8、 親曲若T. jpi 主尋!&T I本帝石T 米品若14P，3千中若T 3r仲由劭：話林L|>tjEJ一©0尸圖9發(fā)布簡易課件(二)制作簡易電子相冊18 新建一個flash(ActionScript 2.0) 文檔，并設(shè)置文檔大小為 1024*76819 選擇“文件|導(dǎo)入|導(dǎo)入到庫”，將所需圖片素材導(dǎo)入到當(dāng)前庫。20 創(chuàng)建相冊封面背景:1）將庫面板中的“ garden.jpg ”拖入到舞臺，并使其與舞臺邊界對齊；修改“圖層1”名稱為“背景”。在340幀處按F6鍵，插入關(guān)鍵幀。如圖10所示理吧 AM p 國E： U ，人£ 手qHr： *甘1? nR圖10插入背

9、景圖片2）單擊“插入圖層”按鈕，新建“圖層 2”，修改圖層名稱為“背景文字”。 單擊第10幀，按F7,插入空白關(guān)鍵幀，選擇“文本工具”，輸入“世界地理”。 分別在15, 20, 25幀處插入關(guān)鍵幀。選中第10幀，將“界地理”三個字刪除； 選中第15幀，將“地理”兩個字刪除；選中第 20幀，將“理”刪除。如圖11 所示。同學(xué)也可以在 Photoshop 創(chuàng)建藝術(shù)效果的“世界地理”，可以使背景更 13 刊 fl胃11? n 9-Kiil "加Mi圖11創(chuàng)建“背景文字”3）新建“圖片展示”圖層。在30幀處按F7插入空白關(guān)鍵幀。設(shè)置前景色 為灰色，透明度為50。如圖12所示。選擇“矩形工具”

10、，繪制寬高分別為10的矩形。在50幀處插入關(guān)鍵幀， 用“選擇工具”選中此幀處的矩形，并在屬性面板中，將其寬修改為800。在30幀-50幀之間創(chuàng)建形狀補問。在70幀處，插入關(guān)鍵幀，并將此幀處矩形的高修改為 600,在50-70幀 之間創(chuàng)建形狀補問。效果如果13所示。圖13 創(chuàng)建“圖片展示”圖層4）單擊“插入圖層文件夾”按鈕，插入文件夾圖層，修改“文件夾 1” 為“背景”，將之前創(chuàng)建的“背景”，“背景文字”，“圖片展示”三個圖層拖入“背 景”文件夾。4、創(chuàng)建第一圖片相關(guān)圖層。（主要利用形狀補問動畫）800, 600。并將圖片與圖片展示矩形1）新建“photol ”圖層，在70幀處插入空白關(guān)鍵幀。將

11、庫中的“t2.jpg 拖入到舞臺，在屬性面板中修改其寬高為框?qū)R，即在屬性面板中的x,y值修改為6, 58。如圖14所示圖14將圖片放在圖片展示區(qū)2）選中第70幀處的圖片，按下Ctrl+B,將圖片打散。在第90幀處插入關(guān) 鍵幀。3）利用“選擇工具”選中70幀處的圖片，并在下的屬性面板中，將圖片 的高修改為10。在70-90幀之間創(chuàng)建形狀補問。如圖15所示。圖154）在120 ,140幀處插入關(guān)鍵幀。利用“選擇工具”選中120幀處的圖片，并在下的屬性面板中，將圖片的高修改為 0o在120-140幀之間創(chuàng)建形狀補 問。如圖16所示。在141幀，插入空白關(guān)鍵幀。|圖165）此時photo1圖層創(chuàng)建完

12、畢，單擊圖層名稱旁邊的小鎖按鈕， 鎖定此 圖層。5、創(chuàng)建第二圖片的相關(guān)圖層。（主要利用遮罩動畫，運動補問動畫）1）新建“photo2 ”圖層，在141幀處插入空白關(guān)鍵幀。將庫中的“t3.jpg ” 拖入到舞臺，在屬性面板中修改其寬高為 800, 600。并將圖片與圖片展示矩形 框?qū)R，即在屬性面板中的x,y值修改為6, 58。在210幀處插入空白關(guān)鍵幀。2）新建圖形元件，取名為“圓”，在元件繪制窗口中繪制一個小的圓形。 顏色任意。3）新建“photo2遮罩”圖層，在141幀處插入空白關(guān)鍵幀。將圖形元 件“圓”拖入舞臺，并放置在圖片展示區(qū)的左上角。4) 160,190幀處插入關(guān)鍵幀。5）利用“任

13、意變形工具”，將160幀的圓，縮放到覆蓋圖片展示區(qū)的大小，在140-160幀問創(chuàng)問動畫補問。如圖17所示。圖17Euffl船明用心叫田而件畀建 父啕iivlsn方 面s7H«nKxfllEIislo«，ton嘀 石H-S蛆鹿宣*;>閭6）在時間軸上雙擊，選取 140-160幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜當(dāng)中，選擇“復(fù)制幀”，然后在190幀處“粘貼幀”，再雙擊選取190-210幀之間的所有幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜當(dāng)中，選擇“翻轉(zhuǎn)幀” 。在211幀處插空白關(guān)鍵幀。如圖18所示圖187）將“photo2遮罩”圖層變?yōu)檎谡謭D層。如圖19所示。在圖層名稱處單擊鼠標(biāo)右鍵

14、，在彈出的快捷菜單中，選擇遮罩層® photon翦 photd photo 1 石有每件夾:昱丁主苜.1 鑼定其他圖層 障藏其他國層N圖片.插入的層= *0 刪除圉層3 a _i iT.3引導(dǎo)層紅得融回導(dǎo)層遮罩層顯示遮里赭入文件夾刪除文件夾 展開文件夾折會文件夾展開所有文件典 折疊所有文性夾卮性圖196、創(chuàng)建第三圖片的相關(guān)圖層。（主要利用遮罩動畫，運動補問動畫）1）新建“photo3 ”圖層，在211幀處插入空白關(guān)鍵幀。將庫中的“t3.jpg ” 拖入到舞臺，在屬性面板中修改其寬高為800, 600 0屬性面板中的x,y值修改為-790, 58。在230幀出插入關(guān)鍵幀，修改此幀處的圖

15、片位置，x,y值為6, 58。 在211-230幀創(chuàng)建補問動畫。2）在260幀，280幀插入關(guān)鍵幀。修改280幀的圖片位置，x,y值為6, 1206。在260-280幀創(chuàng)建補問動畫。3）新建“photo3遮罩”圖層，210幀插入空白關(guān)鍵幀，用“矩形”工 具繪制大小為800, 600,坐標(biāo)位置x,y為6、58,顏色任意的矩形。將“photo3 遮罩”圖層轉(zhuǎn)換為遮罩圖層。效果如圖20所示。-4IE口Qfcj 3 1 J.« i 4 «-L .L,.H r;hn«'!'h i里 MlarBMlJ* fIK-lalp*圖207、制作“欣賞”圖層（主要是路徑

16、動畫）1）新建圖形元件，名稱為“欣賞”，利用文本工具，在圖形元件編輯窗口中心，輸入“欣賞”2）新建“欣賞”圖層，280幀處創(chuàng)建空白關(guān)鍵幀，將“欣賞”圖形元件拖入舞臺，300幀處插入關(guān)鍵幀。3）為“欣賞”圖層添加引導(dǎo)層，創(chuàng)建路徑動畫。效果如圖21所示。3E二 K V謝謝欣賞>* 無更覺 g 制"M kl-lla'RIJ.-G|:圖218、插入音樂背景1）單擊“插入圖層”按鈕，新建一個“背景音樂”圖層。2）打開“庫”面板，在“庫”面板中“童年”聲音文件，直接拖放到舞臺。3）在“屬性”面板的“同步”下拉列表框中選擇“事件”選項，使聲音 與動畫同步。如圖22所示。±,

17、5E-nlE¥M*rtA':lIH*nF;!Fm圖228、創(chuàng)建代碼圖層單擊新建圖層按鈕，創(chuàng)建“代碼”圖層，在 320幀處插入空白關(guān)鍵幀,在動作面板中，為該幀添加動作代碼：stop()；如圖23所示力 茅壕 小+等4 ST*r 1-FM'X wIr *' *,' 3 BZA239、創(chuàng)建“再欣賞一遍”按鈕。制作按鈕元件：選擇“插入| 新建元件” ，新建“第一章”按鈕元件，并進入按鈕元件編輯窗口。1 )單擊“彈起”幀，使用文本工具創(chuàng)建文本“再欣賞一遍” ，并調(diào)整文本的大小及顏色。2 ) 選擇“彈起”幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制幀” ，再分別

18、在“指針經(jīng)過” 、 “按下”幀上粘貼。將“指針經(jīng)過” 、 “按下”兩幀對應(yīng)的文本修改成不同的顏色。3 )單擊“點擊”幀，按F7 插入空白關(guān)鍵幀。選擇工具箱中的“矩形工具” ，在舞臺中央繪制一矩形，大小剛好覆蓋文本框即可。10 、新建按鈕圖層。新建按鈕圖層，在300 幀處插入空白關(guān)鍵幀，將“再欣賞一遍”按鈕拖入舞臺，放在合適位置。使用選擇工具，選中按鈕，為按鈕添加腳本：on(press)gotoAndPlay(1);如圖 24 所示。11 、 選擇 “文件 | 發(fā)布設(shè)置” 命令， 在彈出的發(fā)布設(shè)置對話框中， 勾選 Flash類型，并且修改保存的文件名字為“簡易課件” ，設(shè)定文件存儲目錄后，單擊發(fā)布。六、實驗注意事項1 注意不同元件的創(chuàng)建以及它們之間的轉(zhuǎn)換。Word 資料2注意補間