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

《Flash基礎(chǔ)操作及簡單動畫制作》試驗教學指導(dǎo)書一、試驗?zāi)繕?.了解Flash基礎(chǔ)界面組成及特點。2.掌握Flash基礎(chǔ)操作。3.掌握Flash四類基礎(chǔ)動畫。4.學會制作簡易Flash課件。二、試驗內(nèi)容1.制作簡易Flash課件。2.制作簡易電子相冊。三、試驗儀器、設(shè)備多媒體計算機，F(xiàn)lashCS3。四、試驗原理Flash基礎(chǔ)操作，應(yīng)用Flash設(shè)計制作專題明確動態(tài)相冊、簡單Flash課件。五、試驗步驟（一）制作簡單相冊1．新建一個flash(ActionScript2.0)文檔，并設(shè)置文檔大小為1024*768。2.選擇“文件|導(dǎo)入|導(dǎo)入到庫”，將所需圖片素材導(dǎo)入到目前庫。3.創(chuàng)建相冊封面背景：1）將庫面板中“garden.jpg”拖入到舞臺，并使其和舞臺邊界對齊；修改“圖層1”名稱為“背景”。在340幀處按F6鍵，插入關(guān)鍵幀。圖10所表示。圖10插入背景圖片

2）單擊“插入圖層”按鈕，新建“圖層2”，修改圖層名稱為“背景文字”。單擊第10幀，按F7，插入空白關(guān)鍵幀，選擇“文本工具”，輸入“世界地理”，并將四個字分離。分別在15，20，25幀處插入關(guān)鍵幀。選中第10幀，將“界地理”三個字刪除；選中第15幀，將“地理”兩個字刪除；選中第20幀，將“理”刪除。圖11所表示。也能夠在Photoshop創(chuàng)建藝術(shù)效果“世界地理”，能夠使背景更美觀。圖11創(chuàng)建“背景文字”3）新建“圖片展示”圖層。在30幀處按F7插入空白關(guān)鍵幀。設(shè)置前景色為灰色，透明度為50。圖12所表示。選擇“矩形工具”，繪制寬高分別為10矩形,屬性面板中,此矩形坐標位置x,y值為6，58。在50幀處插入關(guān)鍵幀，用“選擇工具”選中此幀處矩形，并在屬性面板中，將其寬修改為800。在30幀-50幀之間創(chuàng)建形狀補間。在70幀處，插入關(guān)鍵幀，并將此幀處矩形高修改為600，在50-70幀之間創(chuàng)建形狀補間。效果假如13所表示。圖12顏色選擇圖13創(chuàng)建“圖片展示”圖層4）單擊“插入圖層文件夾”按鈕，插入文件夾圖層，修改“文件夾1”為“背景”，將之前創(chuàng)建“背景”，“背景文字”，“圖片展示”三個圖層拖入“背景”4、創(chuàng)建第一張圖片相關(guān)圖層。（關(guān)鍵利用形狀補間動畫）1）新建“photo1”圖層，在70幀處插入空白關(guān)鍵幀。將庫中“t2.jpg”拖入到舞臺，在屬性面板中修改其寬高為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)建形狀補間。圖15所表示。圖154）在120，140幀處插入關(guān)鍵幀。利用“選擇工具”選中140幀處圖片，并在下方屬性面板中，將圖片高修改為0。在120-140幀之間創(chuàng)建形狀補間。圖16所表示。在141幀，插入空白關(guān)鍵幀。圖165)此時photo1圖層創(chuàng)建完成，單擊圖層名稱旁邊小鎖按鈕，鎖定此圖層。5、創(chuàng)建第二張圖片相關(guān)圖層。（關(guān)鍵利用遮罩動畫，運動補間動畫）1）新建“photo2”圖層，在141幀處插入空白關(guān)鍵幀。將庫中“t3.jpg”拖入到舞臺，在屬性面板中修改其寬高為800，600。并將圖片和圖片展示矩形框?qū)R，即在屬性面板中x,y值修改為6，58。在210幀處2）新建圖形元件，取名為“圓”，在元件繪制窗口中繪制一個小圓形。顏色任意。3）新建“photo2遮罩”圖層，在141幀處插入空白關(guān)鍵幀。將圖形元件“圓”拖入舞臺，并放置在圖片展示區(qū)左上角。4）160，190幀處插入關(guān)鍵幀。5）利用“任意變形工具”，將160幀圓，縮放到覆蓋圖片展示區(qū)大小，在140-160幀間創(chuàng)間動畫補間。圖17所表示。圖176）在時間軸上選擇140-160幀（單擊140幀，按住shift鍵，再單擊160幀），單擊鼠標右鍵，在彈出快捷菜當中，選擇“復(fù)制幀”，然后在190幀處“粘貼幀”，再選擇190-210幀之間全部幀，單擊鼠標右鍵，在彈出快捷菜當中，選擇“翻轉(zhuǎn)幀”。在211幀處插空白關(guān)鍵幀。圖18所表示圖187）將“photo2遮罩”圖層變?yōu)檎谡謭D層。圖19所表示。在圖層名稱處單擊鼠標右鍵，在彈出快捷菜單中，選擇遮罩層。圖196、創(chuàng)建第三張圖片相關(guān)圖層。（關(guān)鍵利用遮罩動畫，運動補間動畫）1）新建“photo3”圖層，在211幀處插入空白關(guān)鍵幀。將庫中“t4.jpg”在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，坐標位置x,y為6、58，顏色任意矩形，在281幀處插空白關(guān)鍵幀。將“photo3遮罩”圖層轉(zhuǎn)換為遮罩圖層。效果圖20所表示。圖207、制作“謝謝欣賞”圖層（關(guān)鍵是路徑動畫）1）新建圖形元件，名稱為“謝謝欣賞”，利用文本工具，在圖形元件編輯窗口中心，輸入“謝謝欣賞”。2）新建“謝謝欣賞”圖層，280幀處創(chuàng)建空白關(guān)鍵幀，將“謝謝欣賞”圖形元件拖入舞臺，300幀處插入關(guān)鍵幀。3）為“謝謝欣賞”圖層添加引導(dǎo)層，創(chuàng)建路徑動畫。效果圖21所表示。圖218、插入音樂背景1）單擊“插入圖層”按鈕，新建一個“背景音樂”圖層。2）打開“庫”面板，在“庫”面板中“童年”聲音文件，直接拖放到舞臺。3）在“屬性”面板“同時”下拉列表框中選擇“數(shù)據(jù)流”選項，使聲音和動畫同時。圖22所表示。圖228、創(chuàng)建代碼圖層單擊新建圖層按鈕，創(chuàng)建“代碼”圖層，在320幀處插入空白關(guān)鍵幀，在動作面板中，為該幀添加動作代碼：stop();圖23所表示。圖239、創(chuàng)建“再欣賞一遍”按鈕。制作按鈕元件：選擇“插入|新建元件”，新建“再欣賞一遍”按鈕元件，并進入按鈕元件編輯窗口。1）單擊“彈起”幀，使用文本工具創(chuàng)建文本“再欣賞一遍”，并調(diào)整文本大小及顏色。2)選擇“彈起”幀，單擊鼠標右鍵，在彈出快捷菜單中選擇“復(fù)制幀”，再分別在“指針經(jīng)過”、“按下”幀上粘貼。將“指針經(jīng)過”、“按下”兩幀對應(yīng)文本修改成不一樣顏色。3）單擊“點擊”幀，按F7插入空白關(guān)鍵幀。選擇工具箱中“矩形工具”，在舞臺中央繪制一矩形，大小剛好覆蓋文本框即可。10、新建按鈕圖層。新建按鈕圖層，在300幀處插入空白關(guān)鍵幀，將“再欣賞一遍”按鈕拖入舞臺，放在適宜位置。使用選擇工具，選中按鈕，為按鈕添加腳本：on(press){gotoAndPlay(1);}圖24所表示。11、選擇“文件|公布設(shè)置”命令，在彈出公布設(shè)置對話框中，勾選Flash類型，而且修改保留文件名字為“電子相冊”，設(shè)定文件存放目錄后，單擊公布。（二）制作簡易Flash課件1．新建一個flash(ActionScript2.0)文檔，并設(shè)置文檔大小為800*600。2.選擇“文件|導(dǎo)入|導(dǎo)入到庫”，將“課件背景.jpg”導(dǎo)入到目前庫。圖1創(chuàng)建課件背景圖層圖2制作按鈕元件3.創(chuàng)建課件背景：從庫中拖動“課件背景.jpg”到舞臺，使其和舞臺邊界對齊。選中圖層1，單擊鼠標右鍵，在彈出快捷菜單中選擇“屬性”，經(jīng)過圖層屬性對話框，修改圖層1名稱為“背景”圖1創(chuàng)建課件背景圖層圖2制作按鈕元件4.制作按鈕元件：選擇“插入|新建元件”，新建“第一章”按鈕元件，并進入按鈕元件編輯窗口。1）單擊“彈起”幀，使用文本工具創(chuàng)建文本“第一章”，并調(diào)整文本大小及顏色。2)選擇“彈起”幀，單擊鼠標右鍵，在彈出快捷菜單中選擇“復(fù)制幀”，再分別在“指針經(jīng)過”、“按下”幀上粘貼。將“指針經(jīng)過”、“按下”兩幀對應(yīng)文本修改成不一樣顏色。3）單擊“點擊”幀，按F7插入空白關(guān)鍵幀。選擇工具箱中“矩形工具”，在舞臺中央繪制一矩形，大小剛好覆蓋文本框即可。最終“第一章”按鈕元件制作效果圖2所表示。5.反復(fù)第4步，分別制作出“第二章”，“第三章”,“第四章”按鈕元件。圖3創(chuàng)建按鈕圖層圖4創(chuàng)建“第一章”文本演示內(nèi)容6．回到場景1編輯狀態(tài)，新建“按鈕”圖層，將制作好按鈕元件分別拖動到課件背景放置按鈕位置，并使用工具箱中“圖3創(chuàng)建按鈕圖層圖4創(chuàng)建“第一章”文本演示內(nèi)容7．新建“第一章”圖層，在第10幀處插入空白關(guān)鍵幀。選擇工具箱中文本工具，在舞臺上輸入第一章文本內(nèi)容，并調(diào)整文本大小及顏色。選擇第19幀插入空白關(guān)鍵幀，此時舞臺效果圖4所表示。8.新建“第二章”圖層，在第20幀處插入空白關(guān)鍵幀。選擇工具箱中文圖5創(chuàng)建第二章文本演示內(nèi)容本工具，在舞臺上輸入第二章文本內(nèi)容，并調(diào)整文本大小及顏色。選擇第29幀插入空白關(guān)鍵幀。此時舞臺效果圖5圖5創(chuàng)建第二章文本演示內(nèi)容圖6創(chuàng)建第三章文本演示內(nèi)容9.新建“第三章”圖層，在第30幀處插入空白關(guān)鍵幀。選擇工具箱中文本工具，在舞臺上輸入第三章文本內(nèi)容，并調(diào)整文本大小及顏色。選擇第39幀插入空白關(guān)鍵幀。此時舞臺效果圖6圖6創(chuàng)建第三章文本演示內(nèi)容圖7創(chuàng)建第四章文本演示內(nèi)容10.新建“第四章”圖層，在第40幀處插入空白關(guān)鍵幀。選擇工具箱中文本工具，在舞臺上輸入第四章文本內(nèi)容，并調(diào)整文本大小及顏色。此時舞臺效果圖7所表示圖7創(chuàng)建第四章文本演示內(nèi)容11.新建“腳本圖層”，單擊第1幀，打開動作面板，為第1幀添加動作腳本stop();圖8所表示。圖8添加腳本圖層，并給第一幀添加動作12．選擇“按鈕”圖層，單擊“第一章”按鈕實例，打開動作面板，添加腳本：圖8添加腳本圖層，并給第一幀添加動作on(press){gotoAndStop(10);}13．選擇“按鈕”圖層，單擊“第二章”按鈕實例，打開動作面板，添加腳本：on(press){gotoAndStop(20);}14．選擇“按鈕”圖層，單擊“第三章”按鈕實例，打開動作面板，添加腳本：on(press){gotoAndStop(30);}15．選擇“按鈕”圖層，單擊“第四章”按鈕實例，打開動作面板，添加腳本：on(press){gotoAndStop(40);}16.按“Ctrl+Enter”,測試影片。圖9公布簡易課件17.選擇“文件|公布設(shè)置”命令，在彈出公布設(shè)置對話框中，勾選Flash類型，而且修改保留文件名字為“簡易課件”圖9公布簡易課件六、試驗注意事項1．注意不一樣元件創(chuàng)建和它們之間轉(zhuǎn)換。2．注意補間動畫創(chuàng)建方法及注意問題。3．注意區(qū)分幀，關(guān)鍵