實(shí)驗(yàn)指導(dǎo)-Flash基本操作及簡單動(dòng)畫制

1、flash基本操作及簡單動(dòng)畫制作實(shí)驗(yàn)教學(xué)指導(dǎo)書一、實(shí)驗(yàn)?zāi)康?. 了解flash的基本界而組成及特點(diǎn)。2. 掌握flash的基本操作。3. 掌握flash四類基本動(dòng)畫。4學(xué)會制作簡易flash課件。二、實(shí)驗(yàn)內(nèi)容1. 制作簡易flash課件。2. 制作簡易電了相冊。三、實(shí)驗(yàn)儀器、設(shè)備多媒體計(jì)算機(jī)，flash cs3o四、實(shí)驗(yàn)原理任務(wù)驅(qū)動(dòng)法，flash的基本操作，應(yīng)用flash設(shè)計(jì)制作主題明確的動(dòng)態(tài)賀卡、 簡單的flash課件。(一)制作簡易flash課件1. 新建一個(gè)flash (actionscript 2.0)文檔,并設(shè)置文檔大小為800*600。2. 選擇“文件|導(dǎo)入|導(dǎo)入到庫”,將“課件背

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

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

4、 本工具，在舞臺上輸入第一章文本內(nèi)容，并調(diào)整文本的大小及顏色。選擇第19 幀插入空白關(guān)鍵幀，此時(shí)舞臺效果如圖4所示。8. 新建“第二章”圖層，在第20幀處插入空白關(guān)鍵幀。選擇工具箱中的文本工具，在舞臺上輸入第二章文木內(nèi)容，并調(diào)整文木的大小及顏色。選擇第29 幀插入空白關(guān)鍵幀。此時(shí)舞臺效果如圖5所示 prbrsrbbrrrbbr0»oii "血輪！ 來合名 rihmt) w 1v«> m0> 色o 韻砂s£ws圖5創(chuàng)建第二章文本演示內(nèi)容9. 新建“第三章”圖層，在第30幀處插入空白關(guān)鍵幀。選擇工具箱屮的文 本工具，在舞臺上輸入第三章文本內(nèi)容，并

5、調(diào)整文本的大小及顏色。選擇第39 幀插入空白關(guān)鍵幀。此時(shí)舞臺效果如圖6所示。八3 csii*仏 y re" *丿!rft *第三章路徑動(dòng)畫，可以制作不同軌跡變化的運(yùn)動(dòng)效果, 如地球的公轉(zhuǎn)等各種軌跡 !運(yùn)動(dòng)。第一匣卜第=章卜第三竟卜第四匣fi a8三m9i9kkiq二fe圖6創(chuàng)建第三章文本演示內(nèi)容10. 新建“第二章”圖層，在第40幀處插入空口關(guān)鍵幀。選擇工具箱中的 文本工具，在舞臺上輸入第四章文本內(nèi)容，并調(diào)整文本的大小及顏色。此時(shí)舞臺效果如圖7所示。con被遮嘏層組成.遮彊層相勺 于-個(gè)不發(fā)散的光源，找到 被遮眾層上就町以看被遮訊 層的內(nèi)容，否則就看不到第四章遮罩動(dòng)畫，由遮罩層和ra

6、mqs a4x 八cs)ilult#«) m<x)“g baq)r<a)x© ma ax® vn«)第一章卜第二章卜第三章卜第四章jj-1; 四« 第矍 aooxj " mux*賈<m0" i <圖7創(chuàng)建第四章文本演示內(nèi)容11新建“腳本圖層”，單擊第1幀，打開動(dòng)作面板，為第1幀添加動(dòng)作腳 本stop();如圖8所示。*：l<s>小作x se. <>o*林1st 豐穿mn常*萇m鶯盂二isj: 3m 11 mew圖8添加腳本圖層，并給第一幀添加動(dòng)作12. 選擇“按鈕”圖層，單擊“

7、第一章”按鈕實(shí)例，打開動(dòng)作面板，添加腳本:on(press)gotoandstop(10) ;13. 選擇“按鈕”圖層，單擊“第一章”按鈕實(shí)例，打開動(dòng)作面板，添加腳 本：on(press)gotoandstop (20) ;14. 選擇“按鈕”圖層，單擊“第一章”按鈕實(shí)例，打開動(dòng)作面板，添加腳 本：on(press)gotoandstop(30) ; 15. 選擇“按鈕”圖層，單擊“第一章”按鈕實(shí)例，打開動(dòng)作面板，添加腳 本：on(press)gotoandstop(40) ;16按"ctrl+enter”，測試影片。17 選擇“文件|發(fā)布設(shè)置”命令，在彈出的發(fā)布設(shè)置對話框屮，勾選f

8、lash 類型，并口修改保存的文件名字為“簡易課件”，設(shè)定文件存儲目錄后，單擊發(fā)布，如圖9所示。發(fā)布設(shè)盍歎認(rèn)文件v+2o當(dāng)前配畳文件:格式 fl“h曲1:0el*ih ( wf) ictml ( hul)$if el像 c pf)jpeg (. jpc) phg g像(pn) windows 戰(zhàn)映文件 cexe)"i macintosh放映文件芾 flash 膏軼的 quicktime文件使用秋認(rèn)名稱00e500 發(fā)帝 | 確定 | 取清 圖9發(fā)布簡易課件(-)制作簡易電子相冊1. 新建一個(gè)flash(actionscript 2.0)文檔，并設(shè)置文檔大小為1024*768。2. 選

9、擇“文件導(dǎo)入導(dǎo)入到庫”，將所需圖片素材導(dǎo)入到當(dāng)前庫。3. 創(chuàng)建相冊封面背景：1) 將庫而板屮的ugarden, jpg”拖入到舞臺，并使其與舞臺邊界對齊；修 改“圖層1”名稱為“背景”。在340幀處按f6鍵，插入關(guān)鍵幀。如圖10所示。圖10插入背景圖片0flaeb cm prefraafcmbl 佻對© a ns«)a(x)mw”©la wqo)<hbo n«th2) 單擊“插入圖層”按鈕，新建“圖層2”，修改圖層名稱為“背景文字”。 單擊第10幀，按f7,插入空白關(guān)鍵幀，選擇“文本工具”，輸入“世界地理”。 分別在15, 20, 25幀處插入關(guān)鍵

10、幀。選屮第10幀，將“界地理”三個(gè)字刪除； 選中第15幀，將“地理”兩個(gè)字刪除；選中第20幀，將“理”刪除。如圖11 所示。同學(xué)也可以在photoshop創(chuàng)建藝術(shù)效果的“世界地理”，可以使背景更美 觀。omm flesh cs>爲(wèi)x(t)w1 i> 人a) *<?)x*«i)(c) sw ：wq»i'*t力開銘 r “z i 口 ii mumxex r*v * *!5.a*學(xué)駅mgd >«?丿xail% 9fl »"i血” 1is丨序l一；10i8basssss9ssss8k1 i lerrsm. ruz”圖11

11、 創(chuàng)建“背景文字”3）新建“圖片展示”圖層。在30幀處按f7插入空白關(guān)鍵幀。設(shè)置前景色 為灰色，透明度為50。如圖12所示。選擇“矩形工具”，繪制寬高分別為10的矩形。在50幀處插入關(guān)鍵幀， 用“選擇工具”選中此幀處的矩形,并在屬性面板中,將其寬修改為800。在30 幀-50幀之間創(chuàng)建形狀補(bǔ)間。在70幀處，插入關(guān)鍵幀，并將此幀處矩形的高修改為600,在50-70幀z間創(chuàng)建形狀補(bǔ)間。效杲如杲13所示。|«666666alpha： |50% w圖12 顏色選取n冋賓gj ws e "4- j »m idlxr uxr «>?；冷 o0冷口“,圖13 創(chuàng)

12、建“圖片展示”圖層4）單擊“插入圖層文件夾”按鈕，插入文件夾圖層，修改“文件夾1” 為“背景”，將之前創(chuàng)建的“背景”，“背景文字”，“圖片展示”三個(gè)圖層拖入“背 景”文件夾。4、創(chuàng)建第一張圖片相關(guān)圖層。（主要利用形狀補(bǔ)間動(dòng)畫）1）新建"photo 1"圖層，在70幀處插入空白關(guān)鍵幀。將庫中的“t2 jpg” 拖入到舞臺，在屬性面板中修改其寬高為800, 600o并將圖片與圖片展示矩形 框?qū)R，即在屬性面板屮的x,y值修改為6, 58 o如圖14所示。涇性匚lie說1步越實(shí)例：12x: 6.0世界地2）選中第70幀處的圖片，按f ctrl+b,將圖片打散。在第90幀處插入關(guān)鍵

13、幀。3）利用“選擇工具”選屮70幀處的圖片，并在下方的屬性面板中，將圖片的高修改為10 o在70-90幀之間創(chuàng)建形狀補(bǔ)間。如圖15所示。丈并»c） k1hc）wq®0"*05”.snnw wmw attfi -0 ni5開銘疋令劭 i廠r b不r l 4tlt2t)m«t6t7tft2圖154）在120, 140 1幀處插入關(guān)鍵幀。利用“選擇工具”選中120幀處的圖 片，并在下方的屈性而板中，將圖片的高修改為0。在120-140幀z間創(chuàng)建形狀 補(bǔ)間。如圖16所示。在141幀，插入空口關(guān)鍵幀。tw®.«fl(n 入eraa-wm aj

14、z.j r*»*斗zs；. - *ajowr fla»b c$)-圖165）此時(shí)photol圖層創(chuàng)建完畢，單擊圖層名稱旁邊的小鎖按鈕，鎖定此圖層。5、創(chuàng)建第二張圖片的相關(guān)圖層。（主要利用遮罩動(dòng)也，運(yùn)動(dòng)補(bǔ)間動(dòng)也）1）新建"photo2"圖層，在141幀處插入空白關(guān)鍵幀。將庫中的“t3 jpg” 拖入到舞臺，在屈性而板中修改其寬高為800, 600。并將圖片與圖片展示矩形 框?qū)R，即在屈性面板中的x,y值修改為6, 58o在210幀處插入空口關(guān)鍵幀。2）新建圖形元件，取名為“圓”，在元件繪制窗口中繪制一個(gè)小的圓形。 顏色任意。3）新建“photo2遮罩”圖層

15、，在141幀處插入空口關(guān)鍵幀。將圖形元 件“圓”拖入舞臺，并放置在圖片展示區(qū)的左上角。4）160, 190幀處插入關(guān)鍵幀。5）利用“任意變形工具”，將160幀的圓，縮放到覆蓋圖片展示區(qū)的大 小，在140-160幀間創(chuàng)間動(dòng)lulj補(bǔ)間。如圖17所示。£叭圖17cm(x* vubg aaq) flnif *7 c)w w* 1 e i 口 u a r«a :口a o*1012=6）在吋間軸上雙擊，選取140-160幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜 當(dāng)中，選擇“復(fù)制幀”，然后在190幀處“粘貼幀”，再雙擊選取190-210幀之間 的所冇幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜當(dāng)中，選擇“

16、翻傳幀”。在211幀處 插空口關(guān)鍵幀。如圖18所示插入關(guān)鍵幀_ 丄插入空白關(guān)鍵幀工作區(qū)邑也£淸除關(guān)鍵幀轉(zhuǎn)換為關(guān)鍵倏轉(zhuǎn)換為空白關(guān)鍵幀劈切幀復(fù)制幀粘貼幀清除幀選擇所有幀復(fù)制動(dòng)畫將動(dòng)i®復(fù)制為actionscript 3. 0腳本.粘貼動(dòng)畫特殊粘貼動(dòng)畫圖187）將“photo2遮罩”圖層變?yōu)檎谡謭D層。如圖19所示。在圖層名稱處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中，選擇遮罩層。未金冬-2* photo21a >100矽 phot7 photo 1 工文件夾;7 e1 片.顯不全部 鎖定苴他圖層 隱藏其他圖層插入圖層 刪除圖層引導(dǎo)層 忝加引導(dǎo)層"遽罩層顯示遽罩 插入文件夾

17、 刪除文件夾 展開文件夾 折疊文件夾展開所有文件夾 折疊所有文件夾雇性6、創(chuàng)建第三張圖片的相關(guān)圖層。（主耍利用遮罩動(dòng)畫，運(yùn)動(dòng)補(bǔ)間動(dòng)畫）1）新建“photo3”圖層，在211幀處插入空白關(guān)鍵幀。將庫中的“t3 jpg”拖入到舞臺，在屬性面板中修改其寬高為800, 600o屬性面板中的x,y值修改x,為-790, 580在230幀出插入關(guān)鍵幀，修改此幀處的圖片位置，x,y值為6, 580在211-230幀創(chuàng)建補(bǔ)間動(dòng)畫。2）在260幀，280幀插入關(guān)鍵幀。修改280幀的圖片位置，x,y值為6,1206o在260-280幀創(chuàng)建補(bǔ)間動(dòng)畫。3）新建“photo3遮罩”圖層，210幀插入空白關(guān)鍵幀，用“矩形

18、”工具繪制大小為800, 600,坐標(biāo)位置x,y為6、58,顏色任意的矩形。n圖20ms靈網(wǎng)？£ m|4eubl-t je lmi(i> its onk1hcl> ax a將“photo3遮罩”圖層轉(zhuǎn)換為遮罩圖層。效果如圖20所示。9 photo? 呼 j,1w ctvtol a 刃n <<>> b"上t<mlxw . *s *ilvw vr !a .inr gvdanft) tl7、制作“謝謝欣賞”圖層（主要是路徑動(dòng)畫）1）新建圖形元件，名稱為“謝謝欣賞”，利用文木工具，在圖形元件編輯窗口中心，輸入“謝謝欣賞”。2）新建“謝謝欣賞

19、”圖層，280幀處創(chuàng)建空白關(guān)鍵幀，將“謝謝欣賞”圖形元件拖入舞臺，300幀處插入關(guān)鍵幀。3）為“謝謝欣賞”圖層添加引導(dǎo)層，創(chuàng)建路徑動(dòng)畫。效杲如圖21所示。t 上卜“ 209謝w：賞&9 «tdt酊，一 圖218、插入音樂背景1）單擊“插入圖層”按鈕，新建一個(gè)“背景音樂”圖層。2）打開“庫”面板，在“庫”面板中“童年”聲咅文件，直接拖放到舞 臺。3）在“屬性”面板的“同步”下拉列表框中選擇“事件”選項(xiàng)，使聲咅 與動(dòng)畫同步。如圖22所示。iflcs> pffeamnl7 4®" f05symatal v £21 %sb8、創(chuàng)建代碼圖層單擊新建圖

20、層按鈕，創(chuàng)建“代碼”圖層，在320幀處插入空口關(guān)鍵幀,在動(dòng)作面板中，為該幀添加動(dòng)作代碼：stopo；八c$>i 0 a r 0 « q "l v 星 2 呢:x xw色.沁4)如圖23所示。xctvs©o kihc) wo®創(chuàng) wait、"p ”<m1 qyqe®2jy0>)?.a卜 « 219iaft aqs oqbml 1nm2n杠3ini 4酊相s酊mi6相7酊mtenmtdten圖239、創(chuàng)建“再欣賞一遍”按鈕。制作按鈕元件：選擇“插入i新建元件”，新建“第一章”按鈕元件，并進(jìn)入 按鈕元件編輯窗口。1）單擊“彈起”幀，使用文木工具創(chuàng)建文木“再欣賞一遍”