網(wǎng)頁制作與網(wǎng)站設(shè)計-13Flash 8的使用課件

1、項目十三Flash 8的使用內(nèi)容摘要介紹Flash 的工作界面介紹Flash的文件格式介紹插入Flash的動畫介紹插入Flash的文本 學(xué)習(xí)目標(biāo)熟悉Flash 8的工作界面，了解每一個按鈕、菜單等的使用 用途及方法。理解時間軸與幀的概念及在制作動畫中的作用。理解圖層的概念及在制作動畫中的作用。理解Flash作品的測試及導(dǎo)出。熟練掌握使用工具箱中的工具制作對象。熟練掌握使用時間軸與幀創(chuàng)建動畫。Flash 8的使用任務(wù)1熟悉Flash 8的工作界面任務(wù)2使用工作區(qū)任務(wù)3學(xué)習(xí)Flash 8 簡單動畫制作任務(wù)4Flash 8動畫在網(wǎng)頁中的應(yīng)用任務(wù)1:Flash 8的工作界面 任務(wù)描述通在系統(tǒng)的學(xué)習(xí)了D

2、reamweaver CS3 軟件后，我們現(xiàn)在可以按照自己的意愿設(shè)計出我們喜歡的網(wǎng)頁了，但是小剛在上網(wǎng)瀏覽網(wǎng)頁后再對比自己的設(shè)計的網(wǎng)頁，很明顯的發(fā)現(xiàn)自己的網(wǎng)頁缺少動態(tài)畫面，其實在網(wǎng)頁中加入動畫也是很容易的事情，這需要學(xué)習(xí)動畫軟件的制作知識，制作動畫的軟件有許多，F(xiàn)lash就是其中的一種。 FLASH是Macromedia公司推出的一種優(yōu)秀的矢量動畫編輯軟件，利用該軟件制作的動畫尺寸要比位圖動畫文件尺寸小的多，用戶不但可以在動畫中加入聲音，視頻和位圖圖像，還可以制作交互式的影片或者具有完備功能的網(wǎng)站。任務(wù)說明 工作界面的組成菜單欄：Flash 8的菜單欄包括文件、編輯、視圖、插入、修改、 文本、

3、命令等10個菜單工具箱：位于工作界面的左側(cè)，可劃分為4個區(qū)域，即工具區(qū)、查看區(qū)、顏色區(qū)和選項區(qū)。時間軸面板：是Flash進行動畫創(chuàng)作和內(nèi)容編排的重要場所。舞臺：動畫內(nèi)容編輯都整個區(qū)域稱為場景，用戶可以在整個場景內(nèi)進行圖形都繪制和編輯工作。常用面板：包括“屬性”面板、“動作”面板、“顏色”面板、“對齊 &信息&變形”面板和“庫”面板。任務(wù)1:Flash 8的工作界面任務(wù):使用工作區(qū) 任務(wù)描述Flash軟件工作區(qū)是我們設(shè)計動畫的一個工作平臺。我們將進一步學(xué)習(xí)Flash的開始界面，新建文檔，導(dǎo)入文件與素材、設(shè)置場景大小與顏色等知識點， Flash動畫基礎(chǔ)知識點是我們學(xué)習(xí)動畫設(shè)計的基礎(chǔ)。任務(wù)說明任務(wù)2

4、:使用工作界面 知識講解及操作步驟1、Flash開始界面 啟動Flash 8后，會彈出開始界面，由“打開最新項目”、“創(chuàng)建新項目”和“從模板創(chuàng)建”三部分構(gòu)成，如圖所示。任務(wù)2:使用工作界面2、新建文檔的方法方法一：在上述的“開始界面”中，單擊“創(chuàng)建新項目”下的“Flash文檔”選 項，即可新建一個空白的Flash文檔。方法二：選擇“文件”菜單下的“新建”命令或按Ctrl+N快捷鍵，在彈出的“新建文檔”對話框中選擇“Flash文檔”選項，單擊“確定”按鈕，如圖所示。任務(wù)2:使用工作界面4、設(shè)置場景大小和顏色在文檔中，此時在“屬性”面板中顯示當(dāng)前場景的相關(guān)信息，如圖所示。場景大小場景背景顏色任務(wù)2

5、:使用工作界面6、調(diào)節(jié)場景的顯示比例在繪制圖形時，需要將圖形對象縮小以查看其全貌，或需將圖形對象都某一部分放大，以對其進行細節(jié)上的修改。打開Flash文檔，單擊時間軸右上角的顯示比例下拉列表框，在其中選擇相應(yīng)的比例，即可在場景中的圖形對象以該比例進行顯示，如圖所示。任務(wù):學(xué)習(xí)Flash8簡單動畫制作 知識講解及操作步驟步驟1:新建一個Flash文檔，選擇“修改”“文檔”命令，在打開的“文檔屬性”對話框中將尺寸設(shè)置為寬550，高200，背景顏色設(shè)置為黑色，如圖所示。任務(wù):學(xué)習(xí)Flash8簡單動畫制作 步驟2:選擇工具箱中的文本工具（T），在其屬性面板上將字體設(shè)置為“華文彩云”，字號為“60”，顏

6、色設(shè)置為“紅色”，如圖所示。在舞臺中輸入“豐富多彩的校園生活”。任務(wù):學(xué)習(xí)Flash8簡單動畫制作 步驟3:單擊時間軸面板左下角的“插入圖層”按鈕，即可新建圖層，默認命名為“圖層2”，如圖所示。任務(wù):學(xué)習(xí)Flash8簡單動畫制作 步驟4:選中新增的圖層2，單擊工具箱中的橢圓工具（O），在屬性面板中將填充顏色設(shè)置為黃色，選中圖層2的第1幀，按住Shift鍵，在舞臺中的第一個字上面用鼠標(biāo)拖動繪制一個正圓，將單個文字進行覆蓋，如圖13-22。任務(wù):學(xué)習(xí)Flash8簡單動畫制作 步驟5:在圖層1的第50幀處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入幀”選項。在圖層2的第50幀處單擊鼠標(biāo)右鍵，在彈出的快

7、捷菜單中選擇“插入關(guān)鍵幀”選項。插入后的效果如圖所示。任務(wù):學(xué)習(xí)Flash8簡單動畫制作 步驟7:在圖層2的第1幀單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補間動畫”選項，如圖所示。任務(wù):學(xué)習(xí)Flash8簡單動畫制作 步驟8:在圖層2的名稱上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”選項，將其設(shè)置為遮罩層，如圖所示。任務(wù):Flash 8動畫在網(wǎng)頁中的應(yīng)用 任務(wù)描述在我們學(xué)會制作Flash動畫后，我們就希望把自己作品導(dǎo)入到已經(jīng)設(shè)計好的網(wǎng)頁中，然后將文件發(fā)布到互聯(lián)網(wǎng)上，通過實例我們來學(xué)習(xí)這部分知識。導(dǎo)出Flash作品：對影片進行測試完成后，可以應(yīng)用“導(dǎo)出”命令將Flash影片導(dǎo)出到別的應(yīng)用程序

8、中，也可以將文件發(fā)布到Internet上。任務(wù)說明 知識講解及操作步驟1、導(dǎo)出動畫文件 步1：打開要導(dǎo)出的動畫文件，選擇其中的某幀或場景中的某個圖像。 步2： 選擇“文件”“導(dǎo)出”“導(dǎo)出影片”命令或使用快捷鍵”Ctrl+Alt+Shift+S”，打開“導(dǎo)出影片”對話框，如圖所示。任務(wù):Flash8動畫在網(wǎng)頁中的應(yīng)用 步4：設(shè)置完成各項參數(shù)后，單擊“確定”按鈕，會出現(xiàn)一個 “正在導(dǎo)出Flash影片”的進度條，完成后此Flash動畫作品即被輸出為一個獨立的Flash動畫文件了。 步5：關(guān)閉Flash 8軟件，打開前面導(dǎo)出的文件，即可播放這個動畫，此動畫文件以及可以脫離Flash編輯環(huán)境獨立運行了。

9、任務(wù):Flash8動畫在網(wǎng)頁中的應(yīng)用 2、導(dǎo)出圖像文件將動畫中的某個圖像導(dǎo)出并以圖片的形式保存起來，輸出靜態(tài)圖像。步1:打開要導(dǎo)出的動畫，選中要導(dǎo)出的幀或場景中的某個圖像。步2：選擇“文件”“導(dǎo)出”“導(dǎo)出圖像”命令，在彈出的“導(dǎo)出圖像”對話框中，若選擇文件類型為“JPEG圖像”，再輸入文件名，需設(shè)置圖像的導(dǎo)出參數(shù)，如圖所示，單擊“確定”按鈕即可完成圖像的導(dǎo)出操作。任務(wù):Flash8動畫在網(wǎng)頁中的應(yīng)用 3、發(fā)布Flash作品 制作完成Flash動畫作品后，如果想要將它放置到網(wǎng)頁上供大家觀賞，不僅要將其輸出為動畫播放作品（.swf），而且還要在插入此動畫的網(wǎng)頁中編制一段HTML引導(dǎo)程序代碼。任務(wù):

10、Flash8動畫在網(wǎng)頁中的應(yīng)用上機操作：制作簡單的雪花飄落的過程步6：點擊時間軸中“添加運動引導(dǎo)層”按鈕，創(chuàng)建一個引導(dǎo)層。步7：選擇工具箱中的鉛筆工具（Y），將筆觸顏色設(shè)置為白色，在舞臺上繪制出一條曲線，（這條曲線就是雪花飄落的路徑）。步8：在時間軸中選擇“圖層1”，單擊其第1幀，將雪花的中心定位在飄落曲線的上端。步9：在“圖層1“的第60幀上右擊鼠標(biāo)，在快捷菜單中選擇“插入關(guān)鍵幀”。在“引導(dǎo)層“的第60幀上右擊鼠標(biāo)，在快捷菜單中選擇”插入幀“。步10：在時間軸中選擇“圖層1”，單擊其第60幀，將雪花的中心向下移，定位在飄落曲線的最下端。步11：在圖層1的第1幀中右擊，在快捷菜單中選擇創(chuàng)建補間

11、動畫。步12：在圖層1的第45幀右擊，在快捷菜單中選擇“插入關(guān)鍵幀”命令。點擊第60幀，再點擊下這一幀中的雪花，在屬性面板中選擇顏色里的Alpha，把它設(shè)置為0%。上機操作：制作簡單的雪花飄落的過程步13：點擊“時間軸”中的“場景1”，回到場景中，在“庫”面板中，在圖層1中把剛剛做好的雪花影片剪輯拖動到場景中，選擇“控制”菜單中的“測試影片”選項或快捷鍵Ctrl+Enter，觀察一片雪花飄落效果。步14：復(fù)制第2片雪花。單擊“時間軸”中“插入圖層”按鈕，新建圖層2。在第10幀處右擊鼠標(biāo)，在快捷菜單中選擇“插入關(guān)鍵幀”，仿照第13步操作，將“庫”面板中的“雪花”影片剪輯拖動到舞臺中。步15：復(fù)制

12、第3片雪花。單擊“時間軸”中“插入圖層”按鈕，新建圖層3，在第20幀處右擊鼠標(biāo)，在快捷菜單中選擇“插入關(guān)鍵幀”，仿照第13步操作，將“庫”面板中的“雪花”影片剪輯拖動到舞臺中。步16：在“圖層1”的第20幀右擊，選擇“插入幀”命令，同理，在“圖層2”的第20幀處“插入幀”命令。單擊“圖層3”的第20幀單擊動作面板，在其中加入代碼“stop()”，進行測試。上機操作：制作簡單的雪花飄落的過程步17：為了將場景做的更為逼真，可導(dǎo)入一張雪景的背景圖，以增加真實感。新建一個圖層，命名為背景層，將此層拖到所有圖層的下面。選擇菜單“文件”“導(dǎo)入”“導(dǎo)入到舞臺”命令或快捷鍵Ctrl+R，把一張雪景圖導(dǎo)入舞臺中，將圖片的大小設(shè)置為寬550、高400，X軸Y軸的位置都為0。步18：最后在“背景層”的第20幀處“插入幀”。觀測影片效果。項目小結(jié)一、熟悉Flash 8的工作界面 Fl