《Flash操作基礎(chǔ)》PPT課件

1、第1章 Flash操作基礎(chǔ)教學(xué)要點(diǎn)熟悉Flash工作界面Flash工作界面的調(diào)整方法網(wǎng)格、標(biāo)尺和輔助線的使用方法創(chuàng)建簡(jiǎn)單的動(dòng)畫(huà)1編輯版ppt1.0 認(rèn)識(shí)FlashFlash 是美國(guó) Macromedia公司開(kāi)發(fā)的一款優(yōu)秀的網(wǎng)絡(luò)動(dòng)畫(huà)設(shè)計(jì)軟件。它和Dreamweaver、Fireworks被稱(chēng)為網(wǎng)頁(yè)“三劍客”。 Flash被廣泛用于網(wǎng)站設(shè)計(jì)、廣告制作、產(chǎn)品演示、MV動(dòng)畫(huà)、 課件制作、電子雜志、多媒體光盤(pán)、游戲、賀卡等眾多種領(lǐng)域。Flash具有交互性強(qiáng)、文件尺寸小、簡(jiǎn)單易學(xué)等優(yōu)點(diǎn)。Flash具有三方面相對(duì)獨(dú)立的功能：矢量繪圖、動(dòng)畫(huà)制作和編程功能。2編輯版ppt1.1 熟悉Flash界面Flash界面

2、簡(jiǎn)介文檔選項(xiàng)卡時(shí)間軸工具面板舞臺(tái)常用面板簡(jiǎn)介設(shè)計(jì)面板組與開(kāi)發(fā)有關(guān)的面板其他面板簡(jiǎn)介網(wǎng)格、輔助線與標(biāo)尺3編輯版ppt1.1.1 Flash界面簡(jiǎn)介列出最近打開(kāi)過(guò)的項(xiàng)目名稱(chēng)，單擊可以直接打開(kāi)創(chuàng)建各種類(lèi)型的新項(xiàng)目各種類(lèi)型的模板啟動(dòng)界面4編輯版ppt1.1.1 Flash界面簡(jiǎn)介單擊此處，即可新建一個(gè)Flash動(dòng)畫(huà) 新建Flash動(dòng)畫(huà)5編輯版ppt1.1.1 Flash界面簡(jiǎn)介工作界面6編輯版ppt1.1.1 Flash界面簡(jiǎn)介調(diào)整工作界面展開(kāi)面板組按鈕隱藏面板組按鈕隱藏面板按鈕展開(kāi)面板按鈕7編輯版ppt1.1.1 Flash界面簡(jiǎn)介調(diào)整工作界面展開(kāi)面板組按鈕隱藏面板組按鈕展開(kāi)面板按鈕隱藏面板按鈕8編

3、輯版ppt1.1.1 Flash界面簡(jiǎn)介調(diào)整工作界面打開(kāi)和關(guān)閉面板：執(zhí)行“窗口”菜單中的面板命令可以打開(kāi)和關(guān)閉對(duì)應(yīng)面板。調(diào)整視圖：點(diǎn)擊視圖調(diào)整欄中箭頭，從彈出菜單中選擇視圖的大小。還可以直接輸入數(shù)值來(lái)確定視圖的大小。9編輯版ppt1.1.2文檔選項(xiàng)卡文檔選項(xiàng)卡右鍵菜單可以實(shí)現(xiàn)各種常用功能如果打開(kāi)或創(chuàng)建多個(gè)文檔，“文檔名稱(chēng)”將按文檔創(chuàng)建先后順序出現(xiàn)中“文檔選項(xiàng)卡”中。單擊文件名稱(chēng)，即可快速切換到該文檔。用鼠標(biāo)右鍵單擊“文檔選項(xiàng)卡”，在彈出的菜單中可快速實(shí)現(xiàn)新建、打開(kāi)、保存等功能。10編輯版ppt1.1.3時(shí)間軸時(shí)間軸用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。與膠片一樣，F(xiàn)lash 文

4、檔也將時(shí)長(zhǎng)分為幀。時(shí)間軸的主要組件是圖層、幀和播放頭。動(dòng)畫(huà)是事先繪制好每一幀的動(dòng)作圖片，然后讓它們連續(xù)播放，便形成了動(dòng)畫(huà)效果時(shí)間軸的一些功能介紹如圖所示。時(shí)間軸介紹11編輯版ppt1.1.3時(shí)間軸時(shí)間軸功能匯總時(shí)間軸的功能12編輯版ppt1.1.4工具面板工具箱按鈕工具介紹13編輯版ppt1.1.4工具面板執(zhí)行【編輯】|【自定義工具面板】命令，打開(kāi)【自定義工具欄】對(duì)話(huà)框，可以自定義工具面板中的工具。自定義工具面板14編輯版ppt1.1.5舞臺(tái)舞臺(tái)是創(chuàng)建Flash文檔時(shí)放置圖形內(nèi)容的矩形區(qū)域。在【屬性】面板中可以修改舞臺(tái)的大小。15編輯版ppt1.1.5舞臺(tái)16編輯版ppt1.1.5舞臺(tái)時(shí)間軸右

5、上角的“顯示比例”中設(shè)置顯示比例可以根據(jù)需要改變舞臺(tái)顯示比例的大小。17編輯版ppt1.1.5舞臺(tái)選擇【手形工具】 ，在舞臺(tái)上拖動(dòng)鼠標(biāo)可平移舞臺(tái)。 選擇【縮放工具】 ，在舞臺(tái)上單擊可放大 或縮小 舞臺(tái)的顯示比例。選擇選擇【縮放工具】后，按住鍵盤(pán)上的Alt鍵，單擊舞臺(tái)，可快捷縮小視圖。18編輯版ppt1.1.6常用面板簡(jiǎn)介19編輯版ppt1.1.6常用面板簡(jiǎn)介【濾鏡】面板提供了7種濾鏡效果，可以對(duì)文字、影片剪輯和按鈕進(jìn)行美化和修飾，使其更有趣味。 如果與補(bǔ)間動(dòng)畫(huà)結(jié)合起來(lái)，還可以制作出各種豐富的動(dòng)畫(huà)效果。濾鏡面板20編輯版ppt1.1.6常用面板簡(jiǎn)介【屬性】面板可以很容易地訪問(wèn)舞臺(tái)或時(shí)間軸上當(dāng)前選

6、定項(xiàng)的最常用屬性。 也可以在面板中更改對(duì)象或文檔的屬性。屬性面板21編輯版ppt1.1.6常用面板簡(jiǎn)介【動(dòng)作】面板是動(dòng)作腳本的編輯器。動(dòng)作面板22編輯版ppt1.1.7設(shè)計(jì)面板組【對(duì)齊】面板【顏色樣本】面板【混色器】面板【信息】面板【場(chǎng)景】面板【變形】面板23編輯版ppt1.1.7設(shè)計(jì)面板組【對(duì)齊】面板分為5個(gè)區(qū)域，可以重新調(diào)整選定對(duì)象的對(duì)齊方式和分布。對(duì)齊面板按下此按鈕后可以調(diào)整選定對(duì)象相對(duì)于舞臺(tái)尺寸的對(duì)齊方式和分布；如果沒(méi)有按下此按鈕則是兩個(gè)以上對(duì)象之間的相互對(duì)齊和分布。 24編輯版ppt1.1.7設(shè)計(jì)面板組可以創(chuàng)建和編輯“筆觸顏色”和“填充顏色”混色器面板25編輯版ppt1.1.7設(shè)計(jì)面

7、板組【顏色樣本】面板提供了最為常用的“顏色”，并且能“添加顏色”和“保存顏色”。用鼠標(biāo)單擊可選擇需要的常用顏色。 顏色樣本面板26編輯版ppt1.1.7設(shè)計(jì)面板組【信息】面板可以查看對(duì)象的大小、位置、顏色和鼠標(biāo)指針的信息。信息面板27編輯版ppt1.1.7設(shè)計(jì)面板組一個(gè)動(dòng)畫(huà)可以有多個(gè)場(chǎng)景組成?！緢?chǎng)景】面板中顯示了當(dāng)前動(dòng)畫(huà)的場(chǎng)景數(shù)量和播放的先后順序。當(dāng)動(dòng)畫(huà)包含多個(gè)場(chǎng)景時(shí)，將按照它們?cè)凇緢?chǎng)景】面板中的先后順序進(jìn)行播放。場(chǎng)景面板28編輯版ppt1.1.7設(shè)計(jì)面板組【變形】面板可以對(duì)選定對(duì)象執(zhí)行縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作。【變形】面板分為3個(gè)區(qū)域。變形面板縮放區(qū)旋轉(zhuǎn)區(qū)傾斜區(qū)29編輯版ppt1.1

8、.8與開(kāi)發(fā)有關(guān)的面板利用【組件】面板可以查看所有“組件”?？梢栽趧?chuàng)作過(guò)程中將“組件”添加到動(dòng)畫(huà)中?！敖M件”是應(yīng)用程序的封裝構(gòu)建模塊，使設(shè)計(jì)人員在沒(méi)有“動(dòng)作腳本”時(shí)也能使用這些功能。一個(gè)“組件”就是一段影片剪輯。所有“組件”都存儲(chǔ)在【組件】面板中。組件面板30編輯版ppt1.1.8與開(kāi)發(fā)有關(guān)的面板【組件】面板包含： 數(shù)據(jù)組件 媒體組件 用戶(hù)界面（UI）組件組件面板31編輯版ppt1.1.8與開(kāi)發(fā)有關(guān)的面板選中“組件”實(shí)例，可以在【組件檢查器】面板中查看“組件”屬性、設(shè)置“組件”實(shí)例的參數(shù)等。組件檢查器面板32編輯版ppt1.1.8與開(kāi)發(fā)有關(guān)的面板執(zhí)行【控制】|【調(diào)試影片】命令，可以激活【調(diào)試器】

9、面板。使用【調(diào)試器】面板可發(fā)現(xiàn)影片中的錯(cuò)誤。在測(cè)試模式下使用【調(diào)試器】面板可以對(duì)本地文件進(jìn)行測(cè)試，也可以測(cè)試遠(yuǎn)程位置的Web服務(wù)器上的文件。在【調(diào)試器】面板設(shè)置動(dòng)作腳本中的“斷點(diǎn)”，以便產(chǎn)生正確的結(jié)果 調(diào)試器面板33編輯版ppt1.1.8與開(kāi)發(fā)有關(guān)的面板【輸出】面板在測(cè)試文檔模式下，窗口自動(dòng)顯示提示信息，有助于排除影片中的錯(cuò)誤。如果在腳本中使用“trace”動(dòng)作，影片運(yùn)行時(shí)，可以向【輸出】面板發(fā)送特定的“信息”，并在面板中顯示出來(lái)。這些信息包括影片狀態(tài)說(shuō)明或者表達(dá)式的值。 輸出面板34編輯版ppt1.1.8與開(kāi)發(fā)有關(guān)的面板利用【行為】面板，可以無(wú)需編寫(xiě)代碼即可為動(dòng)畫(huà)添加交互性。例如： 鏈接到W

10、eb站點(diǎn) 載入聲音和圖形 控制嵌入視頻的回放 播放影片剪輯 觸發(fā)數(shù)據(jù)源 行為面板35編輯版ppt1.1.8與開(kāi)發(fā)有關(guān)的面板通過(guò)單擊面板上的【添加行為】按鈕來(lái)添加相關(guān)的事件和動(dòng)作。添加完的事件和動(dòng)作顯示在【行為】面板。 行為面板36編輯版ppt1.1.8與開(kāi)發(fā)有關(guān)的面板使用【W(wǎng)eb服務(wù)】面板可以添加和刪除Web 服務(wù)的URL。通過(guò)【W(wǎng)eb服務(wù)】面板，開(kāi)發(fā)人員可以使用Web服務(wù)作為客戶(hù)機(jī)和服務(wù)器之間的數(shù)據(jù)交換機(jī)制，使用簡(jiǎn)單對(duì)象訪問(wèn)協(xié)議（SOAP）來(lái)實(shí)現(xiàn)前臺(tái)與后臺(tái)程序之間的數(shù)據(jù)交換。 Web服務(wù)面板37編輯版ppt1.1.8與開(kāi)發(fā)有關(guān)的面板單擊【W(wǎng)eb服務(wù)】面板上的【定義Web 服務(wù)】按鈕，彈出【定

11、義Web 服務(wù)】對(duì)話(huà)框。 Web服務(wù)面板38編輯版ppt1.1.9其他面板簡(jiǎn)介【歷史記錄】面板顯示自創(chuàng)建或打開(kāi)文檔后在該活動(dòng)文檔中執(zhí)行過(guò)的步驟的列表?？梢允褂脷v史記錄面板一次撤銷(xiāo)或重做個(gè)別步驟或多個(gè)步驟。列表中的數(shù)目默認(rèn)情況下為100層級(jí)，但可以在“首選參數(shù)”中修改。 歷史記錄面板39編輯版ppt1.1.9其他面板簡(jiǎn)介單擊右上角的按鈕，在彈出的菜單中選擇【保存為命令】，可以將一個(gè)步驟或一組步驟保存為可重復(fù)使用的“命令”。 歷史記錄面板40編輯版ppt1.1.9其他面板簡(jiǎn)介【輔助功能】面板可為單個(gè) Flash 對(duì)象或整個(gè) Flash 應(yīng)用程序設(shè)置輔助功能選項(xiàng)。 輔助功能面板41編輯版ppt1.1

12、.9其他面板簡(jiǎn)介利用該面板可查看和組織文檔的內(nèi)容，以及在文檔中選擇元素進(jìn)行修改?？梢赃x擇地查看文檔中的項(xiàng)目類(lèi)別。 影片瀏覽器面板42編輯版ppt1.1.9其他面板簡(jiǎn)介單擊【影片瀏覽器】面板上的【自定義要顯示的項(xiàng)目】按鈕，打開(kāi)【影片管理設(shè)置】對(duì)話(huà)框，在對(duì)話(huà)框中可以設(shè)置需要顯示的內(nèi)容和上下文。 影片瀏覽器面板43編輯版ppt1.1.9其他面板簡(jiǎn)介【字符串】面板允許創(chuàng)建和更新多語(yǔ)言?xún)?nèi)容。它可以為涵蓋多種語(yǔ)言的文本字段指定內(nèi)容，并讓 Flash 根據(jù)運(yùn)行 Flash Player 的計(jì)算機(jī)的語(yǔ)言自動(dòng)確定應(yīng)使用何種語(yǔ)言顯示該內(nèi)容。用其他語(yǔ)言輸入的任何文本必須位于“動(dòng)態(tài)文本”或“輸入文本”字段內(nèi)。 字符串

13、面板44編輯版ppt1.1.9其他面板簡(jiǎn)介 字符串面板45編輯版ppt1.1.9其他面板簡(jiǎn)介 公用庫(kù)面板46編輯版ppt1.1.10網(wǎng)格、輔助線與標(biāo)尺Flash可以顯示標(biāo)尺和輔助線，以幫助精確地繪制和安排對(duì)象?？梢栽谖臋n中放置輔助線，然后使對(duì)象貼緊至輔助線。也可以打開(kāi)網(wǎng)格，然后使對(duì)象貼緊至網(wǎng)格。47編輯版ppt1.1.10網(wǎng)格、輔助線與標(biāo)尺執(zhí)行【視圖】|【網(wǎng)格】|【顯示網(wǎng)格】命令，可以顯示或隱藏“網(wǎng)格線”。網(wǎng)格的主要功能： 顯示網(wǎng)格 編輯網(wǎng)格 對(duì)齊網(wǎng)格 網(wǎng)格48編輯版ppt1.1.10網(wǎng)格、輔助線與標(biāo)尺執(zhí)行【視圖】|【網(wǎng)格】|【編輯網(wǎng)格】命令，打開(kāi)編輯【網(wǎng)格】對(duì)話(huà)框，在對(duì)話(huà)框中根據(jù)需要可以設(shè)置

14、網(wǎng)格的參數(shù)。 網(wǎng)格49編輯版ppt1.1.10網(wǎng)格、輔助線與標(biāo)尺利用“網(wǎng)格”的特性，在制作一些規(guī)范圖形時(shí)將變得很方便，不僅可以提高繪制的精度，還可以提高效率。 網(wǎng)格50編輯版ppt1.1.10網(wǎng)格、輔助線與標(biāo)尺執(zhí)行【視圖】|【標(biāo)尺】命令，可以顯示或隱藏【標(biāo)尺】。 標(biāo)尺垂直標(biāo)尺水平標(biāo)尺51編輯版ppt1.1.10網(wǎng)格、輔助線與標(biāo)尺可以更改標(biāo)尺的度量單位，將其默認(rèn)單位（像素）更改為其他單位。執(zhí)行【修改】|【文檔】命令，打開(kāi)【文檔屬性】對(duì)話(huà)框，在【標(biāo)尺單位】下拉菜單中可選擇合適的單位。 標(biāo)尺52編輯版ppt1.1.10網(wǎng)格、輔助線與標(biāo)尺繪制輔助線鎖定輔助線對(duì)齊對(duì)象 輔助線拖出“輔助線” 【輔助線】的

15、對(duì)話(huà)框 “輔助線”的應(yīng)用 編輯輔助線使對(duì)象貼緊至輔助線刪除輔助線53編輯版ppt1.2 上機(jī)實(shí)訓(xùn)制作飛機(jī)飛行動(dòng)畫(huà)打開(kāi)源文件觀看動(dòng)畫(huà)效果54編輯版ppt1.2.1新建一個(gè)動(dòng)畫(huà)文檔 設(shè)置動(dòng)畫(huà)文檔屬性輸入一個(gè)動(dòng)畫(huà)文檔設(shè)置尺寸設(shè)置背景顏色55編輯版ppt1.2.1新建一個(gè)動(dòng)畫(huà)文檔 創(chuàng)建動(dòng)畫(huà)背景導(dǎo)入圖片調(diào)整圖像大小及位置在第110幀處添加普通幀56編輯版ppt1.2.2創(chuàng)建圖形元件執(zhí)行【插入】|【新建元件】命令，輸入【名稱(chēng)】為“飛機(jī)”，選擇【類(lèi)型】為【圖形】，單擊【確定】。選擇第1幀，執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令，將名為“飛機(jī).png”的圖片導(dǎo)入到場(chǎng)景中。 創(chuàng)建飛機(jī)元件57編輯版ppt1.

16、2.2創(chuàng)建圖形元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“白云”。選擇第1幀，執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令，將名為“白云.png”的圖片導(dǎo)入到場(chǎng)景中。 創(chuàng)建白云元件58編輯版ppt1.2.3開(kāi)始創(chuàng)建動(dòng)畫(huà)運(yùn)動(dòng)的效果轉(zhuǎn)換到主場(chǎng)景，新建一個(gè)圖層，命名為“飛機(jī)”。把庫(kù)中名為“飛機(jī)”的元件拖到場(chǎng)景的左上角。設(shè)置飛機(jī)方向、透明度、大小、坐標(biāo)等。 創(chuàng)建飛機(jī)飛行的效果59編輯版ppt1.2.3開(kāi)始創(chuàng)建動(dòng)畫(huà)運(yùn)動(dòng)的效果選中【飛機(jī)】圖層的第100幀，添加關(guān)鍵幀。設(shè)置飛機(jī)透明度、大小、坐標(biāo)。右鍵單擊【飛機(jī)】圖層的第1幀，選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】。 創(chuàng)建飛機(jī)飛行的效果60編輯版ppt1.2.

17、3開(kāi)始創(chuàng)建動(dòng)畫(huà)運(yùn)動(dòng)的效果新建一個(gè)圖層”白云”。將庫(kù)中名為“白云”的元件拖動(dòng)到舞臺(tái)上，放置在背景圖的右側(cè)處，并設(shè)置參數(shù)。 創(chuàng)建白云飄動(dòng)的效果61編輯版ppt1.2.3開(kāi)始創(chuàng)建動(dòng)畫(huà)運(yùn)動(dòng)的效果選中第100幀，按F6鍵添加一個(gè)關(guān)鍵幀。把元件移到場(chǎng)景的左上方，并設(shè)置參數(shù)。用鼠標(biāo)右鍵單擊【白云】圖層的第1幀，然后選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】。 創(chuàng)建白云飄動(dòng)的效果62編輯版ppt1.2.3測(cè)試保存動(dòng)畫(huà)執(zhí)行【控制】|【測(cè)試影片】命令，觀察動(dòng)畫(huà)效果。執(zhí)行【文件】|【保存】命令，將文件保存成“飛機(jī).fla” 。如果要導(dǎo)出Flash的播放文件，執(zhí)行【文件】|【導(dǎo)出】|【導(dǎo)出影片】命令，保存成“飛機(jī).swf”文件。 觀看動(dòng)畫(huà)效果63編輯版ppt1.3 習(xí)題與上機(jī)操作選擇題填空題64編輯版ppt習(xí)題與上機(jī)操作（）（ ）是 Macromedia公司開(kāi)發(fā)的一款集動(dòng)畫(huà)設(shè)計(jì)、Web網(wǎng)頁(yè)站點(diǎn)開(kāi)發(fā)等功能于一身的優(yōu)秀軟件。 FlashDreamweaver FireworksFrontPage （）在下列后綴名中，不屬于Flash格式的有（ ）。 Aswf Bdoc Cfla Dtxt 選擇題65編輯版ppt習(xí)題與上機(jī)操作（3）Flash源文件的擴(kuò)展名為（ ）。 A*.avi B*.swf C*.fla D*.ssf （）選擇【縮放工具】后，按住鍵盤(pán)上的（ ）鍵，單擊舞臺(tái)，可快捷縮小視