《中文版Flash-CS4實(shí)例與操作》教學(xué)課件-001

中文版FlashCS4實(shí)例與操作第1章FlashCS4初接觸Flash動(dòng)畫概述與FlashCS4的初次見面Flash基本操作Flash動(dòng)畫制作入門——滾落的雞蛋1.1Flash動(dòng)畫概述1.1.1Flash動(dòng)畫的應(yīng)用領(lǐng)域

Flash動(dòng)畫被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)、網(wǎng)頁廣告、網(wǎng)絡(luò)動(dòng)畫、多媒體教學(xué)課件、游戲設(shè)計(jì)、企業(yè)介紹、產(chǎn)品展示、電子相冊(cè)等領(lǐng)域。

Flash制作的歡迎頁Flash制作的網(wǎng)站網(wǎng)頁廣告

Flash音樂動(dòng)畫多媒體教學(xué)課件Flash游戲1.1.2Flash動(dòng)畫的特點(diǎn)Flash動(dòng)畫的特點(diǎn)主要有以下幾點(diǎn)。

制作簡(jiǎn)單：Flash動(dòng)畫的制作相對(duì)比較簡(jiǎn)單，一個(gè)愛好者只要掌握一定的軟件知識(shí)，擁有一臺(tái)電腦，一套軟件就可以制作出簡(jiǎn)單的動(dòng)畫。制作成本低：用FLASH制作動(dòng)畫可以大幅度降低制作成本，減少人力、物力資源的消耗。同時(shí)，在制作時(shí)間上也比傳統(tǒng)動(dòng)畫大大縮短。存儲(chǔ)容量小和縮放時(shí)不失真：Flash動(dòng)畫主要由矢量圖形組成，矢量圖形具有存儲(chǔ)容量小，并且在縮放時(shí)不會(huì)失真的優(yōu)點(diǎn)。

邊下載邊播放：在網(wǎng)絡(luò)上播放時(shí)，發(fā)布后的.swf文件具有“流”媒體的特點(diǎn)，可以邊下載邊播放，而不是需要把整個(gè)文件下載完了才能播放。具有交互性：Flash可通過為動(dòng)畫添加腳本使其具有交互性，它可以讓觀眾參與到動(dòng)畫中，通過點(diǎn)擊、選擇等操作決定動(dòng)畫的運(yùn)行過程和結(jié)果，這一點(diǎn)是傳統(tǒng)動(dòng)畫所無法比擬的。1.1.3Flash動(dòng)畫創(chuàng)作流程每個(gè)人創(chuàng)建Flash動(dòng)畫的習(xí)慣不同，但都會(huì)遵循一個(gè)基本的流程。

前期策劃準(zhǔn)備素材制作動(dòng)畫后期調(diào)試發(fā)布作品1.2.1啟動(dòng)FlashCS4正確安裝FlashCS4后，可參照以下步驟啟動(dòng)它。

啟動(dòng)FlashCS41.單擊“開始”按鈕，在彈出的菜單中選擇“所有程序”>“AdobeFlashCS4Professional”，或雙擊桌面的快捷方式。1.2與FlashCS4的初次見面FlashCS4開始頁2.進(jìn)入FlashCS4的開始頁，單擊“Flash文件（ActionScript）”或者“Flash文件（ActionScript）”選項(xiàng)，即可新建一個(gè)Flash文檔，并進(jìn)入FlashCS4工作界面。1.2.2熟悉FlashCS4工作界面進(jìn)入FlashCS4的工作界面后，可以看到標(biāo)題欄、菜單欄、文檔選項(xiàng)卡、編輯欄、舞臺(tái)、工具箱和“時(shí)間軸”面板等組成部分。FlashCS4工作界面標(biāo)題欄菜單欄文檔選項(xiàng)卡舞臺(tái)“時(shí)間軸”面板“屬性”面板工具箱1．標(biāo)題欄標(biāo)題欄位于FlashCS4工作界面的最上方。標(biāo)題欄“布局模式”下拉列表搜索欄2．菜單欄FlashCS4將其大部分命令分門別類地放在了“文件”、“編輯”、“視圖”、“插入”、“修改”等菜單中。要執(zhí)行某項(xiàng)功能，可首先在菜單欄中單擊對(duì)應(yīng)的主菜單名打開一個(gè)下拉菜單，然后繼續(xù)單擊選擇需要菜單項(xiàng)即可菜單欄3．主工具欄主工具欄默認(rèn)不顯示，若要顯示主工具欄可選擇“窗口”>“工具欄”>“主工具欄”菜單。通過單擊主工具欄上的按鈕，可以快速執(zhí)行FlashCS4的常用命令。主工具欄新建打開轉(zhuǎn)到粘貼打印貼緊至對(duì)像伸直撤銷復(fù)制保存平滑剪切縮放重做旋轉(zhuǎn)與傾斜對(duì)齊4．文檔選項(xiàng)卡打開多個(gè)文檔后，單擊文檔選項(xiàng)卡可切換當(dāng)前編輯的文檔，單擊選項(xiàng)卡右側(cè)的“關(guān)閉”按鈕，可關(guān)閉相應(yīng)的文檔。文檔選項(xiàng)卡“關(guān)閉”按鈕文檔選項(xiàng)卡5．編輯欄編輯欄用于選擇需要進(jìn)行編輯的場(chǎng)景、元件，以及設(shè)置舞臺(tái)顯示比例。編輯欄編輯場(chǎng)景編輯元件舞臺(tái)顯示比例設(shè)置6．舞臺(tái)舞臺(tái)是用戶創(chuàng)作和編輯動(dòng)畫內(nèi)容的場(chǎng)所。在工具箱中選擇繪圖或編輯工具，并在時(shí)間軸面板中選擇需要處理的幀后，便可以在舞臺(tái)中繪制或編輯該幀上的圖形。注意，位于舞臺(tái)外的內(nèi)容在播放動(dòng)畫時(shí)不會(huì)被顯示。舞臺(tái)7．工具箱工具箱位于FlashCS4工作界面的右側(cè)，用于繪制或編輯圖形，分為“工具區(qū)”、“顏色區(qū)”、“查看區(qū)”和“選項(xiàng)區(qū)”4個(gè)區(qū)域。8．“時(shí)間軸”面板“時(shí)間軸”面板位于舞臺(tái)下方，用于組織和控制動(dòng)畫內(nèi)容，它主要包括圖層和時(shí)間幀兩部分。“時(shí)間軸”面板圖層區(qū)播放頭時(shí)間幀標(biāo)尺時(shí)間幀狀態(tài)欄時(shí)間幀工具箱工具區(qū)查看區(qū)顏色區(qū)選項(xiàng)區(qū)9．其他常用面板

制作動(dòng)畫時(shí)，最常用的幾個(gè)面板是“屬性”面板、“顏色”面板和“庫”面板。

“屬性”面板“顏色”面板“庫”面板“屬性”面板用來查看和設(shè)置所選對(duì)象的屬性“顏色”面板用來設(shè)置圖形的填充色和線條顏色“庫”面板用來保存元件、圖像、視頻等動(dòng)畫素材1.2.3自定義工作界面用戶可以根據(jù)個(gè)人習(xí)慣和工作需要，對(duì)工作界面進(jìn)行調(diào)整，調(diào)整后還可將工作界面保存起來，以方便以后調(diào)用。選擇工作界面的外觀模式1.啟動(dòng)FlashCS4并進(jìn)入其工作界面后，單擊“標(biāo)題欄”右側(cè)的“布局模式”下拉按鈕，可在展開的下拉列表中根據(jù)需要選擇工作界面的外觀模式。打開“動(dòng)作”面板2.如果在默認(rèn)的工作界面中找不到需要的面板，可以通過選擇“窗口”>面板名稱”菜單來打開它。

關(guān)閉面板

顯示/隱藏面板3.要將不需要的面板關(guān)閉，只需單擊該面板右上角的按鈕，在展開的下拉菜單中選擇“關(guān)閉”選項(xiàng)即可；若選擇“關(guān)閉組”選項(xiàng)，可關(guān)閉同組的所有面板。4.要隱藏某個(gè)面板，只需單擊該面板的標(biāo)題欄，要顯示隱藏的面板，只需再次單擊該面板的標(biāo)題欄即可。

切換面板顯示狀態(tài)展開相應(yīng)面板5.單擊右側(cè)面板組右上角的折疊”按鈕或“展開”按鈕可使面板組在圖標(biāo)狀態(tài)和打開狀態(tài)之間切換。6.在面板組處于圖標(biāo)狀態(tài)狀態(tài)時(shí)，單擊圖標(biāo)可展開相應(yīng)面板。“新建工作區(qū)”對(duì)話框選擇保存的工作界面“管理工作區(qū)”對(duì)話框7.調(diào)整好工作界面后，選擇“窗口”>“工作區(qū)”>“新建工作區(qū)”菜單，在打開的“新建工作區(qū)”對(duì)話框中輸入名稱，然后單擊“確定”按鈕，可保存當(dāng)前的工作界面。8.保存工作界面后，單擊“布局模式”下拉按鈕，可在展開的下拉列表中選擇保存的界面。9.選擇“窗口”>“工作區(qū)”>“管理工作區(qū)”菜單，可在打開的“管理工作區(qū)”對(duì)話框中對(duì)已有工作界面進(jìn)行重命名或刪除。1.3FlashCS4基本操作1.3.1新建、保存、關(guān)閉與打開文檔1．新建文檔啟動(dòng)Flash時(shí)，在開始頁單擊“Flash文件（ActionScript）”或“Flash文件（ActionScript）”選項(xiàng)。創(chuàng)建Flash文檔的方法有以下幾種。單擊工作界面中主工具欄上的“新建”按鈕。在工作界面中選擇“文件”>“新建”菜單或按快捷鍵【Ctrl+N】，在打開的對(duì)話框中選擇“Flash文件（ActionScript）”或“Flash文件（ActionScript）”選項(xiàng)。2．保存文檔新建Flash文檔后，應(yīng)及時(shí)將其保存在電腦中，避免因意外丟失當(dāng)前的工作成果。

保存文檔1.選擇“文件”>“保存”菜單，或按快捷鍵【Ctrl+S】。2.在打開的“另存為”對(duì)話框中選擇文檔保存路徑，輸入保存文件名，選擇保存類型，然后單擊“保存”按鈕，即可保存文檔。3．關(guān)閉文檔對(duì)文檔進(jìn)行保存后，可將暫時(shí)不用的文檔關(guān)閉，以節(jié)省系統(tǒng)資源。關(guān)閉文檔的方法主要有以下幾種。單擊文檔選項(xiàng)卡右側(cè)的“關(guān)閉”按鈕。選擇“文件”>“關(guān)閉”菜單，可關(guān)閉當(dāng)前文檔。選擇“文件”>“全部關(guān)閉”菜單，可關(guān)閉所有打開的文檔。選擇“文件”>“退出”菜單，可關(guān)閉所有打開的文檔并退出FlashCS4程序。4．打開文檔打開文檔的方法主要有以下幾種。

啟動(dòng)Flash時(shí)，在開始頁左側(cè)的“打開最近的項(xiàng)目”下選擇最近保存過的文檔。通過開始頁打開最近保存的文檔在工作界面中選擇“文件”>“打開”菜單，或按快捷鍵【Ctrl+O】，在打開的“打開”對(duì)話框中選擇要打開的文檔路徑及名稱。在保存目標(biāo)文檔的文件夾中，雙擊要打開的Flash文檔（.fla文檔）。1.3.2設(shè)置文檔屬性在新建Flash文檔后，可根據(jù)實(shí)際需要設(shè)置舞臺(tái)大小、背景顏色和幀頻等文檔屬性。設(shè)置文檔屬性1.新建Flash文檔后在“屬性”面板中單擊“編輯文檔屬性”按鈕。2.在打開的“文檔屬性”對(duì)話框中，可設(shè)置文檔尺寸、背景顏色和幀頻等文檔屬性。尺寸：尺寸是指舞臺(tái)的寬和高。播放動(dòng)畫時(shí)，位于舞臺(tái)外面的對(duì)象不會(huì)被顯示。背景顏色：?jiǎn)螕粼撨x項(xiàng)右側(cè)的色塊，可在彈出的“拾色器”對(duì)話框中設(shè)置舞臺(tái)的顏色。幀頻：是指動(dòng)畫的播放速度，單位是“fps”，即每秒播放多少幀。幀頻越高，動(dòng)畫播放的速度越快。比較常用的幀頻為12、18、24和25。標(biāo)尺單位：如果要在文檔中使用標(biāo)尺，可在該選項(xiàng)右側(cè)的下拉列表中選擇標(biāo)尺的度量單位。1.3.3縮放和平移舞臺(tái)制作動(dòng)畫時(shí)，適當(dāng)?shù)胤糯笪枧_(tái)顯示比例，可以對(duì)圖形的細(xì)微處進(jìn)行精確處理；適當(dāng)?shù)乜s小舞臺(tái)顯示比例，可以更好地把握?qǐng)D形的整體形態(tài)以及在舞臺(tái)上的位置。

放大舞臺(tái)顯示比例1.單擊選擇工具箱中的“縮放工具”（或按快捷鍵【M】），然后將光標(biāo)移動(dòng)到舞臺(tái)，默認(rèn)情況下光標(biāo)呈形狀，此時(shí)單擊可將舞臺(tái)顯示比例放大。

縮小舞臺(tái)顯示比例2.選擇“縮放工具”，然后單擊工具箱“選項(xiàng)區(qū)”的“縮小”按鈕，或?qū)⒐鈽?biāo)移動(dòng)到舞臺(tái)中并按下【Alt】鍵，當(dāng)光標(biāo)呈形狀時(shí)單擊可縮小舞臺(tái)顯示比例。

放大指定區(qū)域3.選擇“縮放工具”后，在舞臺(tái)中按住鼠標(biāo)左鍵并拖動(dòng)，拖出一個(gè)矩形框，松開鼠標(biāo)后，矩形框內(nèi)的區(qū)域會(huì)填滿整個(gè)窗口?！翱s放”下拉列表利用滾動(dòng)條移動(dòng)舞臺(tái)4.單擊編輯欄右側(cè)的“縮放”下拉按鈕，通過選擇打開的下拉列表中的不同選項(xiàng)可快速調(diào)整舞臺(tái)大小。5.將舞臺(tái)放大后，如果希望查看沒有被顯示的區(qū)域，可拖動(dòng)舞臺(tái)下方或右側(cè)的滾動(dòng)條。使用“手形工具”移動(dòng)舞臺(tái)6.選擇工具箱中的“手形工具”，然后在舞臺(tái)上按住鼠標(biāo)左鍵并拖動(dòng)，也可以查看沒有被顯示的區(qū)域。1.3.4使用網(wǎng)格、標(biāo)尺與輔助線在繪圖或移動(dòng)對(duì)象時(shí)，利用網(wǎng)格、標(biāo)尺和輔助線可以精確調(diào)整對(duì)象在舞臺(tái)上的位置，并使不同對(duì)象相互對(duì)齊。顯示網(wǎng)格線“網(wǎng)格”對(duì)話框1.選擇“視圖”>“網(wǎng)格”>“顯示網(wǎng)格”命令，即可在舞臺(tái)上顯示網(wǎng)格。2.選擇“視圖”>“網(wǎng)格”>“編輯網(wǎng)格”菜單，在打開的“網(wǎng)格”對(duì)話框中可以設(shè)置網(wǎng)格線的顏色、網(wǎng)格間的距離以及對(duì)象是否貼緊網(wǎng)格對(duì)齊等啟用標(biāo)尺拖出輔助線根據(jù)輔助線放置對(duì)象3.選擇“視圖”>“標(biāo)尺”菜單，即可在舞臺(tái)中啟用標(biāo)尺。4.在舞臺(tái)上方的標(biāo)尺處按住鼠標(biāo)左鍵并拖動(dòng)，可拖出水平輔助線，在舞臺(tái)左側(cè)的標(biāo)尺處按住鼠標(biāo)左鍵并拖動(dòng)，可拖出垂直輔助線，反復(fù)操作可拖出多條輔助線。5.拖出輔助線后，便可以根據(jù)輔助線放置對(duì)象，對(duì)象會(huì)自動(dòng)貼緊輔助線?！拜o助線”對(duì)話框清除全部輔助線6.選擇“視圖”>“輔助線”>“編輯輔助線”菜單，可在打開的“輔助線”對(duì)話框中設(shè)置輔助線的顏色、貼緊精確度等參數(shù)。7.要清除某條輔助線，只需使用“選擇工具”將其拖出舞臺(tái)即可，若要清除舞臺(tái)上的全部輔助線，可選擇“視圖”>“輔助線”>“清除輔助線”菜單。1.3.5操作的撤銷與恢復(fù)

對(duì)操作進(jìn)行撤銷和恢復(fù)的方法主要有以下幾種。

選擇“編輯”>“撤銷×××”菜單，或按快捷鍵【Ctrl+Z】可撤銷前一步操作，連續(xù)執(zhí)行可撤銷多步操作；選擇“編輯”>“重做×××”菜單，或按快捷鍵【Ctrl+Y】可恢復(fù)撤銷的操作，連續(xù)執(zhí)行可恢復(fù)多步撤銷操作。單擊主工具欄上的“撤銷”按鈕可撤銷前一步操作；單擊主工具欄上的“重做”按鈕可恢復(fù)撤銷的操作。利用“歷史記錄”面板可一次性撤銷或恢復(fù)多步操作。1.5Flash動(dòng)畫制作入門——滾動(dòng)的雞蛋

本節(jié)將通過制作一個(gè)雞蛋滾落的動(dòng)畫效果，介紹繪圖工具的使用方法，以及幀、圖層和元件等在制作動(dòng)畫過程中所起的作用。1.5.1Flash動(dòng)畫制作原理傳統(tǒng)動(dòng)畫和影視都是通過連續(xù)播放一組靜態(tài)畫面實(shí)現(xiàn)，每一幅靜態(tài)畫面就是一個(gè)幀，F(xiàn)lash動(dòng)畫也是如此。下面我們通過制作一個(gè)汽車啟動(dòng)的動(dòng)畫來進(jìn)行說明。打開素材文檔1.打開素材文檔，該文檔的時(shí)間軸第1幀是一個(gè)紅色的心圖形

插入關(guān)鍵幀適當(dāng)放大心圖形2.單擊選中“時(shí)間軸”面板中的第2幀，然后按【F6】鍵插入一個(gè)關(guān)鍵幀，此時(shí)第1幀上的心圖形自動(dòng)延伸到新建的第2個(gè)關(guān)鍵幀上，且第2幀自動(dòng)成為當(dāng)前幀。3.單擊選中工具箱中的“任意變形工具”，單擊第2幀上的心圖形，然后按住【Shift】健，將鼠標(biāo)指針移至心圖形左下角的變形控制柄上，按住鼠標(biāo)左鍵并稍微向左下方拖動(dòng)，適當(dāng)放大心圖形。4.按快捷鍵【Ctrl+Enter】觀看動(dòng)畫播放效果，即可看到一顆心在碰碰地跳動(dòng)。1.5.2繪圖工具的使用——繪制雞蛋打開素材文檔1.打開素材文檔。圖形是組成Flash動(dòng)畫的基本元素。制作動(dòng)畫時(shí)，可利用Flash工具箱中提供的繪圖工具繪制出動(dòng)畫需要的圖形。下面通過繪制動(dòng)畫所需的雞蛋，了解工具箱中繪圖工具的使用方法。新建圖層選擇“橢圓工具”2.單擊“時(shí)間軸”面板左下方的“插入圖層”按鈕，在“背景”圖層上方新建“圖層2”。3.按住“工具箱”中的“矩形工具”不放，在展開的工具列表中單擊選擇“橢圓工具”（或者按快捷鍵【O】）。選擇填充顏色繪制雞蛋4.單擊“工具箱”顏色區(qū)的“填充顏色”按鈕，在打開的“拾色器”對(duì)話框中選擇淡黃色（#FFFFCC）。5.單擊選中“圖層2”，并將光標(biāo)移動(dòng)到舞臺(tái)中，然后按住鼠標(biāo)左鍵并拖動(dòng)，繪制一個(gè)橢圓形，作為雞蛋。1.5.3認(rèn)識(shí)元件——將雞蛋轉(zhuǎn)換為圖形元件元件是指可以在動(dòng)畫場(chǎng)景中重復(fù)使用的一種動(dòng)畫元素。它可以是圖形，也可以是一段動(dòng)畫，或者是一個(gè)按鈕。在制作補(bǔ)間動(dòng)畫時(shí)，必須先將創(chuàng)建動(dòng)畫的對(duì)象轉(zhuǎn)換為元件。

選擇“轉(zhuǎn)換為元件”菜單創(chuàng)建“雞蛋”圖形元件1.單擊“圖層2”的第1幀，選中舞臺(tái)中的雞蛋，然后選擇“修改”>“轉(zhuǎn)換為元件”菜單（或按快捷鍵【F8】）。2.在打開的“轉(zhuǎn)換為元件”對(duì)話框中“名稱”編輯框中輸入“雞蛋”，再在“類型”下拉列表中選擇“圖形”選項(xiàng)，并將注冊(cè)中心點(diǎn)設(shè)為中間，然后單擊“確定”按鈕。1.5.4認(rèn)識(shí)幀和圖層——制作滾動(dòng)動(dòng)畫準(zhǔn)備好動(dòng)畫需要的素材后，便可以利用“時(shí)間軸”面板中的圖層和幀創(chuàng)建動(dòng)畫了。圖層就像堆疊在一起的多張幻燈片，每個(gè)圖層都有獨(dú)立的時(shí)間軸。如此一來，多個(gè)圖層綜合運(yùn)用，便能形成復(fù)雜的動(dòng)畫。

插入普通幀插入關(guān)