《Flash CS6案例教程》模塊09 課件制作

模塊09課件制作你知道嗎？

隨著多媒體教學(xué)的普及，F(xiàn)lash技術(shù)越來越廣泛地應(yīng)用到課件制作上，使課件功能更為完善，內(nèi)容更加精彩，學(xué)習(xí)者也從中體會到更多的樂趣。本章通過多幾個課件實例的講解，使讀者快速掌握課件制作的一般流程，控制腳本的添加，以及人機(jī)交互的實現(xiàn)方法。學(xué)習(xí)目標(biāo)了解Flash課件制作的基本流程掌握課件制作的分鏡設(shè)計掌握控制腳本的添加掌握課件制作的技巧方法項目任務(wù)9-1課件制作——數(shù)學(xué)課件

傳統(tǒng)的課件只可單頁播放，而Flash以其超強的動感畫質(zhì)和多事件的觸發(fā)機(jī)制，為課件的制作提供了強有力的支持，數(shù)學(xué)對平面和空間的想象能力有較高的要求，在不能模擬出數(shù)學(xué)公式和模型時，F(xiàn)lash可以將某些過程通過畫面直觀地呈現(xiàn)出來。（1）選擇“文件”→“新建”菜單選項，選擇“ActionScript3.0”選項，新建一個Flash文檔，命名為“9-數(shù)學(xué)課件”。打開“屬性”面板，修改“舞臺大小”為640px*480px，設(shè)置幀頻為12。（2）將圖層1更名為“背景”，將導(dǎo)入的背景圖片轉(zhuǎn)換為“bg”圖形元件，拖入舞臺并對其到中心。新建“標(biāo)題”、“名稱”、“花邊1”和“花邊2”圖層，分別將元件“標(biāo)題”、“名稱”、“花邊”拖入舞臺并排列好，如圖所示。項目任務(wù)9-1課件制作——數(shù)學(xué)課件（3）在“名稱”圖層的第9幀插入關(guān)鍵幀，將“名稱”圖層第1幀的實例縮小并設(shè)置Alpha值為0%，在兩幀之間創(chuàng)建傳統(tǒng)補間，選擇兩幀間的任意一幀，打開“屬性”面板，設(shè)置“旋轉(zhuǎn)”為“順時針”1次。分別在“標(biāo)題”、“花邊1”和“花邊2”圖層的第10幀按【F7】鍵插入空白關(guān)鍵幀。（4）在“花邊1”圖層的第9幀插入關(guān)鍵幀，將第1幀的實例向左移動并設(shè)置Alpha值為0%，在兩幀之間創(chuàng)建傳統(tǒng)補間，制作實例移動漸顯的動畫。采用相同方法，制作“花邊2”移動漸顯的動畫。（5）新建“enter”按鈕元件，并進(jìn)入元件內(nèi)部。選擇“彈起”幀，使用“文本工具”，輸入文字內(nèi)容——“進(jìn)入”。在“指針經(jīng)過”幀按【F6】鍵插入關(guān)鍵幀，修改文本顏色為白色。在“點擊”幀繪制覆蓋文字的矩形作為反應(yīng)區(qū)。新建“進(jìn)入”圖層，將元件“enter”拖入舞臺下方中心位置，在“屬性”面板中設(shè)置其實例名稱為btn0。采用相同方法，制作按鈕移動漸顯的動畫。（6）在“名稱”圖層的第10幀插入關(guān)鍵幀，將“名稱”實例移至畫面的左上角，從“庫”面板中將“小太陽”圖形元件拖入舞臺中，放置在“名稱”實例的前面，裝飾畫面。項目任務(wù)9-1課件制作——數(shù)學(xué)課件（7）新建“面板”圖層，在第10幀插入空白關(guān)鍵幀，選擇工具箱內(nèi)的“矩形工具”，繪制一個500px*370px大小的無邊框淡黃色矩形，按【F8】鍵將其轉(zhuǎn)換為“面板”影片剪輯元件。選擇“面板”元件，打開“屬性”面板，為實例添加“投影”濾鏡，設(shè)置顏色為灰色，模糊X、Y均為5像素。（8）新建“按鈕組”圖層，在第10幀插入空白關(guān)鍵幀，將按鈕“復(fù)習(xí)”、“新授”、“比較”、“練習(xí)”和“退出”拖入舞臺左側(cè)，使用“對齊”面板排列整齊，并分別打開“屬性”面板，設(shè)置實例名稱為btn1—btn5。（9）新建“新授分支”影片剪輯元件，進(jìn)入元件編輯狀態(tài)。將圖層1更名為“頂點”，打開“庫”面板，將“頂點”元件拖入舞臺合適位置，在第11、21幀處插入關(guān)鍵幀，在第40幀處按【F5】鍵延續(xù)幀播放。選擇第6幀和第16幀，按【F7】鍵插入空白關(guān)鍵幀。（10）新建“邊1”圖層，在第22幀處插入關(guān)鍵幀，從頂點開始向右繪制一條紅色的水平線并轉(zhuǎn)換為“直線”圖形元件。新建“邊2”圖層，復(fù)制邊1圖層的第22幀元件，并將實例旋轉(zhuǎn)一定角度，組成角的圖形。分別在“邊1”和“邊2”圖層的第28、34、40幀插入關(guān)鍵幀，逐一調(diào)整各個關(guān)鍵幀實例的長度，讓直線逐幀地延長至完全展開。然后在每兩個關(guān)鍵幀間創(chuàng)建傳統(tǒng)補間，制作角的邊線延長動畫。項目任務(wù)9-1課件制作——數(shù)學(xué)課件（11）新建“按鈕”圖層，將按鈕元件“下一步”拖入舞臺的右下方，在“屬性”面板中將實例命名為“n2”。新建AS圖層，分別在第21、28、34、40和41幀插入空白關(guān)鍵幀，分別打開“動作”面板，輸入停止腳本“stop();”。（12）新建“題目”圖層，在第41幀插入關(guān)鍵幀，在舞臺中編輯好題目的內(nèi)容，如圖所示。新建“聲音”圖層，分別在第6、16、22、29、35幀添加ding.wav和滑動.wav音效。該分支即制作完成。（13）使用相同的制作方法，分別制作“復(fù)習(xí)分支”、“比較分支”和“練習(xí)分支”影片剪輯元件，其效果圖和時間軸面板如圖所示。項目任務(wù)9-1課件制作——數(shù)學(xué)課件（14）新建AS圖層，在第9、10幀插入空白關(guān)鍵幀，分別打開“動作”面板，輸入停止腳本，選擇第10幀，在“屬性”面板中設(shè)置幀標(biāo)簽為“jm”。項目任務(wù)9-1課件制作——數(shù)學(xué)課件（15）新建“內(nèi)容”圖層，在第20幀插入關(guān)鍵幀，將“復(fù)習(xí)分支”拖入舞臺合適位置處。在AS圖層的第20幀插入空白關(guān)鍵幀，添加停止腳本，并設(shè)置幀標(biāo)簽為“fx”。在第30幀插入空白關(guān)鍵幀，將“新授分支”元件拖入舞臺。在AS圖層的第30幀插入關(guān)鍵幀，添加停止腳本，并設(shè)置幀標(biāo)簽為“xs”。采用相同的方法，在“內(nèi)容”圖層的第40、50幀插入關(guān)鍵幀，從“庫”面板中將“比較分支”與“練習(xí)分支”元件拖入舞臺，然后在AS圖層的對應(yīng)幀添加停止腳本，并設(shè)置幀標(biāo)簽為“bj”和“l(fā)x”。（16）新建“動作”圖層，在第10幀插入關(guān)鍵幀。分別選擇第1、10幀，打開“動作”面板，輸入腳本代碼。（17）保存文件，按組合鍵【Ctrl+Shift】測試動畫效果。項目任務(wù)9-2課件制作——英語課件

本案例主要介紹英語課件的制作，視聽說是語言學(xué)習(xí)必不可少的步驟，在動畫中添加音頻，配合文字，達(dá)到學(xué)習(xí)的效果。同時，可通在課件中穿插小游戲，增加學(xué)生學(xué)習(xí)樂趣，以便更好地輔助學(xué)習(xí)。（1）選擇“文件”→“新建”菜單選項，選擇“ActionScript3.0”選項，新建一個Flash文檔，命名為“9-英語課件”。打開“屬性”面板，修改“舞臺大小”為550px*420px，設(shè)置幀頻為12。（2）新建“snow”影片剪輯元件，展開“高級”設(shè)置，選中為“為ActionScript導(dǎo)出”復(fù)選框，進(jìn)入元件編輯狀態(tài)。使用“橢圓工具”，設(shè)置筆觸為無，在舞臺中繪制一個2px*2px大小的白色圓點，作為雪花。（3）返回場景1中，修改圖層1的名稱為bg，從“庫”面板中將“bg”影片剪輯元件拖入舞臺中，與舞臺對齊。新建“標(biāo)題”圖層，在舞臺中輸入文本——“小學(xué)英語第一冊”，如圖所示。項目任務(wù)9-2課件制作——英語課件（4）新建“按鈕組”圖層，使用“鋼筆工具”在舞臺底部畫出波浪形狀的圖形，填充顏色后刪除輪廓線。從“庫”面板中將b0—b3按鈕元件拖入舞臺，擺放在波浪圖形上。在“屬性”面板中設(shè)置實例名稱依次為b0—b3。將“icon”元件拖入舞臺中，復(fù)制3個，添加在每個按鈕前面，起到裝飾作用。（5）新建AS圖層，在“動作”面板中輸入控制腳本。新建“音樂”圖層，在“屬性”面板中設(shè)置聲音名稱為“開始音樂”，“同步”為事件，重復(fù)9次。（6）執(zhí)行“窗口”→“其他面板”→“場景”菜單命令，打開“場景”面板，將場景1命名為a，然后單擊面板底部的“重制場景”按鈕，將復(fù)制得到的場景命名為d。保持d為當(dāng)前場景，選擇bg圖層刪除舞臺上的背景，將“happynewyear”位圖拖入舞臺，調(diào)整好大小和位置，刪除“標(biāo)題”圖層。選擇“音樂”圖層，在“屬性”面板聲音“名稱”下拉列表框中選擇“happynewyear”。至此場景d制作完成，如圖所示。項目任務(wù)9-2課件制作——英語課件（7）在“場景”面板中選擇a，單擊“重制場景”按鈕，將復(fù)制得到的場景命名為b。刪除“音樂”、AS與“標(biāo)題”圖層，并將幀延長至90幀。（8）新建“圣誕老人走路”影片剪輯元件，進(jìn)入元件編輯狀態(tài)。從“庫”面板中將“圣誕老人”元件拖入舞臺中，然后在第3幀插入關(guān)鍵幀，將實例向下移動2px，并將幀延長至第4幀。（9）返回場景b，在bg圖層上方新建“圣誕老人”圖層，將元件“圣誕老人走路”拖入舞臺，在第20幀插入關(guān)鍵幀，將第1幀的實例向右平移出舞臺，然后在兩個關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補間，制作圣誕老人入場的動畫。（10）新建“對話”圖層，在第20幀插入關(guān)鍵幀，使用“鉛筆工具”在圣誕老人的上方繪制一個對話框，箭頭指向圣誕老人，在對話框中輸入圣誕老人的提問。在第57幀插入空白關(guān)鍵幀，繪制另一個對話框，箭頭指向小兔子，并在對話框中輸入小兔子的回答。在第80幀插入空白關(guān)鍵幀，在舞臺上輸入完整的英文對白。項目任務(wù)9-2課件制作——英語課件（11）新建“聲音”圖層，分別在第20、80幀插入關(guān)鍵幀，選擇第20幀，在“屬性”面板中設(shè)置聲音名稱為“對話”。分別選擇“聲音”圖層的第1、80幀，在動作面板中輸入動作腳本。至此，場景b制作完成，如圖所示，時間軸面板如圖所示。（12）在“場景”面板中選擇b，單擊“重制場景”按鈕，將復(fù)制得到的場景命名為c。刪除bg與“按鈕組”之外的所有圖層，并將幀數(shù)延長至第300幀。（13）新建“兔子”影片剪輯元件，進(jìn)入元件內(nèi)部。將圖層1命名為body，打開庫面板，將“兔子身體”元件拖入舞臺，并將時間軸延長至75幀。項目任務(wù)9-2課件制作——英語課件（14）新建ear圖層，在第2幀插入關(guān)鍵幀，將“兔子耳朵”元件拖入舞臺，并調(diào)整到兔子耳朵在的位置。在第10幀插入關(guān)鍵幀，將第2幀實例的Alpha值修改為0%，在兩個關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補間，制作兔子耳朵漸顯的動畫。在第14幀插入關(guān)鍵幀，在第11、13幀處插入空白關(guān)鍵幀。分別選擇第1幀和第14幀，在“動作”面板中輸入停止腳本。選擇第2幀，在“屬性”面板中添加幀標(biāo)簽為“ear0”。（15）使用相同方法，依次制作“兔子手臂”、“兔子鼻子”、“兔子眼睛”和“兔子腳”的出場動畫，并分別添加動作腳本與幀標(biāo)簽，時間軸面板如圖所示。項目任務(wù)9-2課件制作——英語課件（16）返回場景c，新建“面板”圖層，在舞臺中繪制兩組面板并添加文字。新建“兔子”圖層，將元件“兔子”拖入左側(cè)面板，在“屬性”面板中設(shè)置實例名稱“tu”。新建“按鈕”圖層，將按鈕元件“耳”、“鼻”、“腳”、“手”、“眼”拖入右側(cè)面板中，并排列整齊。在第40幀插入關(guān)鍵幀，分別在“屬性”面板中設(shè)置實例名稱為c0—c4。新建“對或錯”圖層，在第40幀插入關(guān)鍵幀，將元件try拖入兩個面板之間，在“屬性”面板中設(shè)置實例名稱為“try1”。新建“聲音”圖層，在時間軸不同幀上添加不同的聲音。新建as圖層，分別在第1、40、100、153、205、260、300幀處添加動作腳本，效果如圖所示，時間軸面板如圖所示。（17）保存文件，按組合鍵【Ctrl+Shift】測試動畫效果。項目任務(wù)9-2課件制作——英語課件知識拓展：

“場景”面板的使用：使用“場景”面板不僅可以重置場景，還可以添加新場景、刪除已有的場景與重命名場景，“場景”面板如圖所示。

單擊“場景”面板底部的添加場景按鈕，即可在當(dāng)前場景的下方添加一個新的場景；單擊刪除場景按鈕，在彈出的提示信息對話框中單擊確定按鈕，即可刪除選中的場景，如圖所示。在“場景”面板中單擊任意一個場景的名稱，即可進(jìn)入該場景進(jìn)行編輯，該場景也就成了當(dāng)前場景；如果雙擊場景的名稱，則可以重命名場景。項目任務(wù)9-3課件制作——語文課件Flash動畫以直觀化、形象化、真切化以及便捷化極大地豐富了語文課堂的教學(xué)表現(xiàn)手法，在學(xué)生的視覺與聽覺兩方面擴(kuò)展了空間。對于小學(xué)生，動畫具有極大的吸引力，可以讓學(xué)生在觀看的同時，對知識產(chǎn)生深刻的印象。動手做1設(shè)計分析

在課件制作前首先做好規(guī)劃，內(nèi)容分幾個場景來呈現(xiàn)，根據(jù)本案例的特點，分為3個場景來完成：一是封面，作為開頭；二個是介紹，作為穿插使用；三是主場景。三個場景間通過按鈕實現(xiàn)跳轉(zhuǎn)。項目任務(wù)9-3課件制作——語文課件動手做2封面制作

封面效果如圖所示：（1）選擇“文件”→“新建”菜單選項，選擇“ActionScript3.0”選項，新建一個Flash文檔，命名為“9-語文課件”。打開“屬性”面板，修改“背景顏色”為灰色設(shè)置幀頻為12。按組合鍵【Shift+F2】打開“場景”面板，將場景1命名為fm，如圖所示。（2）選擇“fm”場景，進(jìn)入該場景的編輯界面。將圖層1命名為“封面”，將背景圖片導(dǎo)入舞臺中，按【F8】鍵轉(zhuǎn)換為“封面”影片剪輯元件，并對齊到舞臺中心，并將時間軸延長至第30幀。項目任務(wù)9-3課件制作——語文課件（3）新建“外框”圖形元件，將素材圖片導(dǎo)入舞臺中，按組合鍵【Ctrl+B】打散圖形，選擇“橢圓工具”在舞臺中繪制一個橢圓，在舞臺任意處釋放鼠標(biāo)，刪除橢圓，將剩余部分復(fù)制至圖層2，選擇圖層2，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”。（4）返回“fm”場景，將“外框”元件拖入舞臺并對齊舞臺中心。新建5個圖層，從下到上依次命名為“標(biāo)題”、“作者”、“播放鈕”、AS和“聲音”，如圖所示。分別將按鈕元件“播放”、“標(biāo)題”和“作者”拖入相應(yīng)的圖層中，分別在“屬性”面板設(shè)置實例名稱為btn1、btn2和btn3。（5）選擇標(biāo)題圖層的第15幀，插入關(guān)鍵幀，將第1例實例縮小并設(shè)置Alpha值為0%，在兩個關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補間。使用相同方法，制作按鈕實例“作者”和“播放”漸顯的傳統(tǒng)補間動畫。項目任務(wù)9-3課件制作——語文課件（6）在AS圖層的第30幀插入關(guān)鍵幀，打開“屬性”面板，設(shè)置幀標(biāo)簽為shou01。在“動作”面板中輸入控制腳本，如圖所示。（7）設(shè)置背景音樂，背景從進(jìn)入封面起播放，并貫穿這個課件。選擇“聲音”圖層，在“屬性”面板中設(shè)置聲音名稱為guzheng.wav，將聲音“同步”設(shè)置為“事件”，“循環(huán)”99次。至此，封面制作完成。項目任務(wù)9-3課件制作——語文課件動手做3介紹界面制作（1）打開“場景”面板，單擊“場景”面板底部的添加場景按鈕，即在當(dāng)前場景的下方添加一個新的場景，雙擊命名為js。（2）進(jìn)入“js”場景編輯界面。從“庫”面板中將“杜甫圖”元件拖入舞臺，并調(diào)整元件大小與位置，將幀延長至15幀。打開“屬性”面板，展開“色彩效果“選項，將實例的“色調(diào)”調(diào)整為淺橙色。（3）新建“框”圖層，進(jìn)入fm場景，復(fù)制“框”圖層的第1幀，粘貼至js場景的“框”圖層第1幀。新建“作者簡介”圖層，將“作者簡介”元件拖入舞臺適當(dāng)位置。新建mask圖層，使用“矩形工具”，繪制一個比“作者簡介”元件稍大的無邊框矩形，覆蓋在實例上，并將矩形轉(zhuǎn)換為“矩形”圖形元件。在第10幀插入關(guān)鍵幀，將第1幀的矩形向右移出舞臺，并在兩個關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補間。右擊mask圖層，在彈出的快捷菜單中選擇“遮罩層”。選中“作者簡介”圖層和mask圖層，在第11幀位置插入空白關(guān)鍵幀。效果如圖所示。項目任務(wù)9-3課件制作——語文課件（4）新建“詩文介紹”圖層，在第11幀插入關(guān)鍵幀，使用“文本工具”在舞臺上輸入唐詩《絕句》的內(nèi)容介紹。新建“返回”圖層，將按鈕“返回”拖入舞臺適當(dāng)位置，在“屬性”面板中設(shè)置實例名稱b1。在第11幀插入關(guān)鍵幀，將按鈕移至詩文介紹的右下角，在“屬性”面板中將實例名稱更改為b2。效果如圖所示。（5）新建as圖層，選擇第1幀，在“屬性”面板中設(shè)置幀標(biāo)簽為j1。分別在第10、11、15幀處插入空白關(guān)鍵幀，將第11幀的幀標(biāo)簽命名為j2。選擇第10、15幀，分別打開“動作”面板，輸入相應(yīng)的控制腳本，如圖所示。時間軸面板如圖所示。至此，場景js制作完成。項目任務(wù)9-3課件制作——語文課件動手做4主界面制作（1）打開“場景”面板，單擊“場景”面板底部的添加場景按鈕，即在當(dāng)前場景的下方添加一個新的場景，雙擊命名為main。（2）將圖層1命名為“背景”，新建“遠(yuǎn)景”、“中景”、“近景”、“柳枝”、“鳥1”和“鳥2”圖層，并依次將元件“天空”、“橢圓3”、“水”、“樹干”、“柳枝”和“鳥飛”元件拖入相應(yīng)的圖層中。在“柳枝”圖層需要復(fù)制多個“柳枝”元件，通過排列組合形成一顆豐滿的柳樹?！傍B1”和“鳥2”圖層中的元件是一直飛翔的小鳥，等它落在枝頭上再換成元件“黃鸝”，這樣形成一個連貫且自然的動作。（3）新建“自動”、“手動”、“標(biāo)題”、“作者”和“框”圖層，將相應(yīng)的元件拖入圖層中。圖層“框”則直接將fm場景中“框”圖層上的幀復(fù)制后粘貼即可。（4）將“標(biāo)題”和“作者”兩個圖層中的實例制作淡入動畫。以“標(biāo)題”圖層為例，在第10幀插入關(guān)鍵幀，再將第1幀的實例放大，在“屬性”面板中設(shè)置Alpha值為0%，創(chuàng)建傳統(tǒng)補間，制作實例淡入動畫，如圖所示。項目任務(wù)9-3課件制作——語文課件（5）在“鳥1”圖層的第20幀插入關(guān)鍵幀，將第1幀的鳥移動到外面外右上角處，然后在第1—20幀之間創(chuàng)建傳統(tǒng)補間，制作鳥飛入畫面的動畫。接著在第21幀插入一個空白關(guān)鍵幀，將元件“黃鸝”拖入第20幀實例的位置上。采用相同方法，在“鳥2”圖層上制作第2只黃鸝飛入畫面的效果。要注意兩只鳥相互間的位置關(guān)系。此時，再將標(biāo)題和作者淡出，將第一句詩文顯示出來，第一幅畫面和詩句就完成了。詩句的顯示是通過“遮罩”方式，讓句子逐字顯示以配合朗讀的聲音。為了讓字的顯示和朗讀聲同步，這里要將朗讀聲加入進(jìn)來以配合畫面同步，如圖所示。（6）新建“句1”圖層，在標(biāo)題和作者名字淡出后的第65幀插入空白關(guān)鍵幀，輸入第一句詩句。新建“聲音”圖層，同樣在第65幀插入空白關(guān)鍵幀，在“屬性”面板中設(shè)置聲音“名稱”為zhi1.wav，“同步”為數(shù)據(jù)流，以便聲音與畫面同步。這樣，在時間軸上可以看見聲音的波形線。（7）新建“遮罩”圖層，位于“句1”圖層的上方，選擇“矩形工具”，繪制一個矩形覆蓋住整句詩文，并將矩形轉(zhuǎn)換為圖形元件，在第111幀插入關(guān)鍵幀，將第65幀上的矩形向上移動一段距離，使其不遮蓋住文字。在兩個關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補間，在“遮罩”圖層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”命令。項目任務(wù)9-3課件制作——語文課件（8）新建“白鷺”影片剪輯元件，進(jìn)入元件編輯狀態(tài)。使用“矩形工具”在舞臺上畫一個方形，然后使用“選擇工具”調(diào)整其外形，形成翅膀的形狀，如圖所示。選中翅膀，按【F8】鍵轉(zhuǎn)換為圖形元件，取名為“白鷺1”。新建圖層2，將圖層1的第1幀復(fù)制粘貼至圖層2的第1幀，執(zhí)行“修改”→“變形”→“水平翻轉(zhuǎn)”命令，翻轉(zhuǎn)后得到另一邊的翅膀，將其和先前的翅膀進(jìn)行拼接，并將中心點移動至相交處。分別在兩個圖層的第5