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

《Flash根本操作及簡(jiǎn)單動(dòng)畫(huà)制作》實(shí)驗(yàn)教學(xué)指導(dǎo)書(shū)一、實(shí)驗(yàn)?zāi)康?.了解Flash的根本界面組成及特點(diǎn)。2.掌握Flash的根本操作。3.掌握Flash四類(lèi)根本動(dòng)畫(huà)。4.學(xué)會(huì)制作簡(jiǎn)易Flash課件。二、實(shí)驗(yàn)內(nèi)容1.制作簡(jiǎn)易Flash課件。2.制作簡(jiǎn)易電子相冊(cè)。三、實(shí)驗(yàn)儀器、設(shè)備多媒體計(jì)算機(jī)，F(xiàn)lashCS3。四、實(shí)驗(yàn)原理任務(wù)驅(qū)動(dòng)法，F(xiàn)lash的根本操作，應(yīng)用Flash設(shè)計(jì)制作主題明確的動(dòng)態(tài)賀卡、簡(jiǎn)單的Flash課件。五、實(shí)驗(yàn)步驟〔一〕制作簡(jiǎn)易Flash課件1．新建一個(gè)flash(ActionScript2.0)文檔，并設(shè)置文檔大小為800*600。2.選擇“文件|導(dǎo)入|導(dǎo)入到庫(kù)〞，將“課件背景.jpg〞導(dǎo)入到當(dāng)前庫(kù)。圖1創(chuàng)立課件背景圖層圖2制作按鈕元件3.創(chuàng)立課件背景：從庫(kù)中拖動(dòng)“課件背景.jpg〞到舞臺(tái)，使其與舞臺(tái)邊界對(duì)齊。選中圖層1，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“屬性〞，通過(guò)圖層屬性對(duì)話(huà)框，修改圖層1名稱(chēng)為“圖1創(chuàng)立課件背景圖層圖2制作按鈕元件4.制作按鈕元件：選擇“插入|新建元件〞，新建“第一章〞按鈕元件，并進(jìn)入按鈕元件編輯窗口。1〕單擊“彈起〞幀，使用文本工具創(chuàng)立文本“第一章〞，并調(diào)整文本的大小及顏色。2)選擇“彈起〞幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制幀〞，再分別在“指針經(jīng)過(guò)〞、“按下〞幀上粘貼。將“指針經(jīng)過(guò)〞、“按下〞兩幀對(duì)應(yīng)的文本修改成不同的顏色。3〕單擊“點(diǎn)擊〞幀，按F7插入空白關(guān)鍵幀。選擇工具箱中的“矩形工具〞，在舞臺(tái)中央繪制一矩形，大小剛好覆蓋文本框即可。最終“第一章〞按鈕元件制作效果如圖2所示。5.重復(fù)第4步，分別制作出“第二章〞，“第三章〞,“第四章〞按鈕元件。圖3創(chuàng)立按鈕圖層圖4創(chuàng)立“第一章〞文本演示內(nèi)容6．回到場(chǎng)景1編輯狀態(tài)，新建“按鈕〞圖層，將制作好的按鈕元件分別拖動(dòng)到課件背景放置按鈕的位置，并使用工具箱中的“自由變換工具〞圖3創(chuàng)立按鈕圖層圖4創(chuàng)立“第一章〞文本演示內(nèi)容7．新建“第一章〞圖層，在第10幀處插入空白關(guān)鍵幀。選擇工具箱中的文本工具，在舞臺(tái)上輸入第一章文本內(nèi)容，并調(diào)整文本的大小及顏色。選擇第19幀插入空白關(guān)鍵幀，此時(shí)舞臺(tái)效果如圖4所示。8.新建“第二章〞圖層，在第20幀處插入空白關(guān)鍵幀。選擇工具箱中的文圖5創(chuàng)立第二章文本演示內(nèi)容本工具，在舞臺(tái)上輸入第二章文本內(nèi)容，并調(diào)整文本的大小及顏色。選擇第29幀插入空白關(guān)鍵幀。此時(shí)舞臺(tái)效果如圖5圖5創(chuàng)立第二章文本演示內(nèi)容圖6創(chuàng)立第三章文本演示內(nèi)容9.新建“第三章〞圖層，在第30幀處插入空白關(guān)鍵幀。選擇工具箱中的文本工具，在舞臺(tái)上輸入第三章文本內(nèi)容，并調(diào)整文本的大小及顏色。選擇第39幀插入空白關(guān)鍵幀。此時(shí)舞臺(tái)效果如圖6圖6創(chuàng)立第三章文本演示內(nèi)容圖7創(chuàng)立第四章文本演示內(nèi)容10.新建“第二章〞圖層，在第40幀處插入空白關(guān)鍵幀。選擇工具箱中的文本工具，在舞臺(tái)上輸入第四章文本內(nèi)容，并調(diào)整文本的大小及顏色。此時(shí)舞臺(tái)效果如圖7所示圖7創(chuàng)立第四章文本演示內(nèi)容11.新建“腳本圖層〞，單擊第1幀，翻開(kāi)動(dòng)作面板，為第1幀添加動(dòng)作腳本stop();如圖8所示。圖8添加腳本圖層，并給第一幀添加動(dòng)作12．選擇“按鈕〞圖層，單擊“第一章〞按鈕實(shí)例，翻開(kāi)動(dòng)作面板，添加腳本：圖8添加腳本圖層，并給第一幀添加動(dòng)作On(press){gotoAndStop(10);}13．選擇“按鈕〞圖層，單擊“第一章〞按鈕實(shí)例，翻開(kāi)動(dòng)作面板，添加腳本：On(press){gotoAndStop(20);}14．選擇“按鈕〞圖層，單擊“第一章〞按鈕實(shí)例，翻開(kāi)動(dòng)作面板，添加腳本：On(press){gotoAndStop(30);}15．選擇“按鈕〞圖層，單擊“第一章〞按鈕實(shí)例，翻開(kāi)動(dòng)作面板，添加腳本：On(press){gotoAndStop(40);}16.按“Ctrl+Enter〞,測(cè)試影片。圖9發(fā)布簡(jiǎn)易課件17.選擇“文件|發(fā)布設(shè)置〞命令，在彈出的發(fā)布設(shè)置對(duì)話(huà)框中，勾選Flash類(lèi)型，并且修改保存的文件名字為“簡(jiǎn)易課件〞，設(shè)定文件存儲(chǔ)目錄后，單擊發(fā)布，如圖9所示圖9發(fā)布簡(jiǎn)易課件〔二〕制作簡(jiǎn)易電子相冊(cè)1．新建一個(gè)flash(ActionScript2.0)文檔，并設(shè)置文檔大小為1024*768。2.選擇“文件|導(dǎo)入|導(dǎo)入到庫(kù)〞，將所需圖片素材導(dǎo)入到當(dāng)前庫(kù)。3.創(chuàng)立相冊(cè)封面背景：1〕將庫(kù)面板中的“garden.jpg〞拖入到舞臺(tái)，并使其與舞臺(tái)邊界對(duì)齊；修改“圖層1〞名稱(chēng)為“背景〞。在340幀處按F6鍵，插入關(guān)鍵幀。如圖10所示。圖10插入背景圖片2〕單擊“插入圖層〞按鈕，新建“圖層2〞，修改圖層名稱(chēng)為“背景文字〞。單擊第10幀，按F7，插入空白關(guān)鍵幀，選擇“文本工具〞，輸入“世界地理〞。分別在15，20，25幀處插入關(guān)鍵幀。選中第10幀，將“界地理〞三個(gè)字刪除；選中第15幀，將“地理〞兩個(gè)字刪除；選中第20幀，將“理〞刪除。如圖11所示。同學(xué)也可以在Photoshop創(chuàng)立藝術(shù)效果的“世界地理〞，可以使背景更美觀(guān)。圖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幀之間創(chuàng)立形狀補(bǔ)間。效果如果13所示。圖12顏色選取圖13創(chuàng)立“圖片展示〞圖層4〕單擊“插入圖層文件夾〞按鈕，插入文件夾圖層，修改“文件夾1〞為“背景〞，將之前創(chuàng)立的“背景〞，“背景文字〞，“圖片展示〞三個(gè)圖層拖入“背景〞文件夾。4、創(chuàng)立第一張圖片相關(guān)圖層。〔主要利用形狀補(bǔ)間動(dòng)畫(huà)〕1〕新建“photo1〞圖層，在70幀處插入空白關(guān)鍵幀。將庫(kù)中的“t2.jpg〞拖入到舞臺(tái)，在屬性面板中修改其寬高為800，600。并將圖片與圖片展示矩形框?qū)R，即在屬性面板中的x,y值修改為6，58。如圖14所示。圖14將圖片放在圖片展示區(qū)2〕選中第70幀處的圖片，按下Ctrl+B,將圖片打散。在第90幀處插入關(guān)鍵幀。3〕利用“選擇工具〞選中70幀處的圖片，并在下方的屬性面板中，將圖片的高修改為10。在70-90幀之間創(chuàng)立形狀補(bǔ)間。如圖15所示。圖154〕在120，140幀處插入關(guān)鍵幀。利用“選擇工具〞選中120幀處的圖片，并在下方的屬性面板中，將圖片的高修改為0。在120-140幀之間創(chuàng)立形狀補(bǔ)間。如圖16所示。在141幀，插入空白關(guān)鍵幀。圖165)此時(shí)photo1圖層創(chuàng)立完畢，單擊圖層名稱(chēng)旁邊的小鎖按鈕，鎖定此圖層。5、創(chuàng)立第二張圖片的相關(guān)圖層?！仓饕谜谡謩?dòng)畫(huà)，運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)〕1〕新建“photo2〞圖層，在141幀處插入空白關(guān)鍵幀。將庫(kù)中的“t3.jpg〞拖入到舞臺(tái)，在屬性面板中修改其寬高為800，600。并將圖片與圖片展示矩形框?qū)R，即在屬性面板中的x,y值修改為6，58。在210幀處插入空白關(guān)鍵幀。2〕新建圖形元件，取名為“圓〞，在元件繪制窗口中繪制一個(gè)小的圓形。顏色任意。3〕新建“photo2遮罩〞圖層，在141幀處插入空白關(guān)鍵幀。將圖形元件“圓〞拖入舞臺(tái)，并放置在圖片展示區(qū)的左上角。4〕160，190幀處插入關(guān)鍵幀。5〕利用“任意變形工具〞，將160幀的圓，縮放到覆蓋圖片展示區(qū)的大小，在140-160幀間創(chuàng)間動(dòng)畫(huà)補(bǔ)間。如圖17所示。圖176〕在時(shí)間軸上雙擊，選取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所示。在圖層名稱(chēng)處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中，選擇遮罩層。圖196、創(chuàng)立第三張圖片的相關(guān)圖層?！仓饕谜谡謩?dòng)畫(huà)，運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)〕1〕新建“photo3〞圖層，在211幀處插入空白關(guān)鍵幀。將庫(kù)中的“t3.jpg〞拖入到舞臺(tái)，在屬性面板中修改其寬高為800，600。屬性面板中的x,y值修改為-790，58。在230幀出插入關(guān)鍵幀，修改此幀處的圖片位置，x,y值為6，58。在211-230幀創(chuàng)立補(bǔ)間動(dòng)畫(huà)。2〕在260幀，280幀插入關(guān)鍵幀。修改280幀的圖片位置，x,y值為6，1206。在260-280幀創(chuàng)立補(bǔ)間動(dòng)畫(huà)。3〕新建“photo3遮罩〞圖層，210幀插入空白關(guān)鍵幀，用“矩形〞工具繪制大小為800，600，坐標(biāo)位置x,y為6、58，顏色任意的矩形。將“photo3遮罩〞圖層轉(zhuǎn)換為遮罩圖層。效果如圖20所示。圖207、制作“謝謝欣賞〞圖層〔主要是路徑動(dòng)畫(huà)〕1〕新建圖形元件，名稱(chēng)為“謝謝欣賞〞，利用文本工具，在圖形元件編輯窗口中心，輸入“謝謝欣賞〞。2〕新建“謝謝欣賞〞圖層，280幀處創(chuàng)立空白關(guān)鍵幀，將“謝謝欣賞〞圖形元件拖入舞臺(tái)，300幀處插入關(guān)鍵幀。3〕為“謝謝欣賞〞圖層添加引導(dǎo)層，創(chuàng)立路徑動(dòng)畫(huà)。效果如圖21所示。圖218、插入音樂(lè)背景1〕單擊“插入圖層〞按鈕，新建一個(gè)“背景音樂(lè)〞圖層。2〕翻開(kāi)“庫(kù)〞面板，在“庫(kù)〞面板中“童年〞聲音文件，直接拖放到舞臺(tái)。3〕在“屬性〞面板的“同步〞下拉列表框中選擇“事件〞選項(xiàng)，使聲音與動(dòng)畫(huà)同步。如圖22所示。圖228、創(chuàng)立代碼圖層單擊新建圖層按鈕，創(chuàng)立“代碼〞圖層，在320幀處插入空白關(guān)鍵幀，在動(dòng)作面板中，為該幀添加動(dòng)作代碼：stop();如圖23所示。圖239、創(chuàng)立“再欣賞一遍〞按鈕。制作按鈕元件：選擇“插入|新建元件〞，新建“第一章〞按鈕元件，并進(jìn)入按鈕元件編輯窗口。1〕單擊“彈起〞幀，使用文本工具創(chuàng)立文本“再欣賞一遍〞，并調(diào)整文本的大小及顏色。2)選擇“彈起〞幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制幀〞，再分別在“指針經(jīng)過(guò)〞、“按下〞幀上粘貼。將“指針經(jīng)過(guò)〞、“按下〞兩幀對(duì)應(yīng)的文本修改成不同的顏色。3〕單擊“點(diǎn)擊〞幀，按F7插入空白關(guān)鍵幀。選擇工具箱中的“矩形工具〞，在舞臺(tái)中央繪制一矩形，大小剛好覆蓋文本框即可。10、新建按鈕圖層。新建按鈕圖層，在300幀處插入空白關(guān)鍵幀，將“再欣賞一遍〞按鈕拖入舞臺(tái)，放在適宜位置。使用選擇工具，選中按鈕，為按鈕添加腳本：on(press){gotoAndPlay(1);}如圖24所示。11、選擇“文件|發(fā)布設(shè)置〞命令，在彈出的發(fā)布設(shè)置對(duì)話(huà)框中，勾選Flash類(lèi)型，并且修改保存的文件名字為“簡(jiǎn)易課件〞，設(shè)定文件存儲(chǔ)目錄后，單擊發(fā)布。六、實(shí)驗(yàn)考前須知1．注意不同元件的創(chuàng)立以及它們之間的轉(zhuǎn)換。2．注意補(bǔ)間動(dòng)畫(huà)的創(chuàng)立的方式及注意問(wèn)題。3．注意區(qū)別幀，關(guān)鍵幀，空白關(guān)鍵幀的區(qū)別。