網(wǎng)頁設(shè)計(jì)與制作教材-Flash部分5-1

1.1Flash介紹 11.1.1什么是Flash 11.1.2Flash應(yīng)用領(lǐng)域 11.1.3Flash界面介紹 31.2Flash基礎(chǔ) 121.2.1動(dòng)畫類型 121.2.2幀、圖層和場景 121.2.3元件和實(shí)例 151.2.4動(dòng)畫制作流程 161.3 Flash動(dòng)畫設(shè)計(jì)實(shí)例 171.3.1下落雨滴實(shí)例 171.3.2Flash動(dòng)畫擴(kuò)展 211.1Flash介紹1.1.1什么是FlashFlash的前身是FutureWave公司的FutureSplash，是世界上第一個(gè)商用的二維矢量動(dòng)畫軟件，用于設(shè)計(jì)和編輯Flash文檔，它采用了網(wǎng)絡(luò)流式媒體技術(shù)（即允許用戶在動(dòng)畫文件全部下載完之前播放已下載的部分，并在不知不覺中下載剩余的動(dòng)畫文件），突破了網(wǎng)絡(luò)帶寬的限制，能在網(wǎng)絡(luò)上快速地播放動(dòng)畫，并實(shí)現(xiàn)動(dòng)畫交互。1996年11月，美國Macromedia公司收購了FutureWave，并將其改名為Flash。在出到Flash8以后，Macromedia又被Adobe公司收購。最新版本為：AdobeFlashProfessionalCS5.5。Flash之所以能占據(jù)網(wǎng)絡(luò)多媒體的重要位置，最重要的一點(diǎn)是因?yàn)樗捎昧耸噶考夹g(shù)（即基于矢量圖形的Flash動(dòng)畫，即使隨意縮放其尺寸，也不會(huì)影響圖像的質(zhì)量）。Flash與當(dāng)今最流行的網(wǎng)頁設(shè)計(jì)工具Dreamweaver配合默契，F(xiàn)lash動(dòng)畫可以直接插入由Dreamweaver制作的網(wǎng)頁的任意位置，非常方便。1.1.2Flash應(yīng)用領(lǐng)域Flash被稱為是“最為靈活的前臺(tái)”，由于其獨(dú)特的時(shí)間片段分割（TimeLine）和重組（MC嵌套）技術(shù)，結(jié)合ActionScript的對(duì)象和流程控制，使得在靈活的界面設(shè)計(jì)和動(dòng)畫設(shè)計(jì)成為可能，同時(shí)它也是最為小巧的前臺(tái)。Flash具有跨平臺(tái)的特性（這點(diǎn)和Java一樣），所以無論你處于何種平臺(tái)，只要你安裝了支持的FlashPlayer，就可以保證它們的最終顯示效果的一致，而不必像在以前的網(wǎng)頁設(shè)計(jì)中那樣為IE或NetSpace各設(shè)計(jì)一個(gè)版本。同Java一樣，它有很強(qiáng)的可移植性。最新的Flash還具有的手機(jī)支持功能，可以讓用戶為自己的手機(jī)設(shè)計(jì)喜愛的功能。當(dāng)然首先必需要有支持Flash的手機(jī)，同時(shí)它還可以應(yīng)用于PocketPC。1．多媒體娛樂其實(shí)，在這個(gè)方面無需再說什么。盡管它的發(fā)展速度沒有像當(dāng)初預(yù)言的那樣迅速，但它仍然還在不斷前進(jìn)。Flash本身就以多媒體和可交互性而廣為推崇。它所帶來親切氛圍相信每一位用戶都會(huì)喜歡。flash影片的后綴名為.swf，該類型文件必須有flash播放器才能打開，但占用硬盤空間少，所以現(xiàn)在被廣泛應(yīng)用于游戲。2.Web應(yīng)用服務(wù)其實(shí)很難界定Web應(yīng)用服務(wù)的范圍究竟有多大，它似乎它擁有無限的可能。隨著網(wǎng)絡(luò)的逐漸滲透，基于客戶端——服務(wù)器的應(yīng)用設(shè)計(jì)也開始逐漸受到歡迎，并且一度被譽(yù)為最具前景的方式。但是，這種方式開發(fā)者可能要花更多的時(shí)間在服務(wù)器后臺(tái)處理能力和架構(gòu)上，并且將它們與前臺(tái)（Flash端）保持同步。3.游戲開發(fā)事實(shí)上，F(xiàn)lash中的游戲開發(fā)已經(jīng)進(jìn)行了多年的嘗試。但至今為止仍然停留在中、小型游戲的開發(fā)上。游戲開發(fā)的很大一部份都受限于它的CPU能力和大量代碼的管理。不過可喜的是，F(xiàn)lashPlayer10運(yùn)行時(shí)性能提高了2至5倍；而且最新的FlashCS5提供了項(xiàng)目管理和代碼維護(hù)方面的功能，Actionscript3.0的發(fā)布也使得程序更加容易維護(hù)和開發(fā)。4.應(yīng)用程序開發(fā)由于其獨(dú)特的跨平臺(tái)特性、靈活的界面控制以及多媒體特性的使用，使得用Flash制作的應(yīng)用程序具有很強(qiáng)的生命力。在與用戶的交流方面具有其它任何方式都無可比擬的優(yōu)勢。當(dāng)然，某些功能可能還要依賴于XML或者其它諸如JavaScript的客戶端技術(shù)來實(shí)現(xiàn)。但目前的現(xiàn)狀是：很少有人具有運(yùn)用Flash進(jìn)行應(yīng)用程序開發(fā)這方面的經(jīng)驗(yàn)。但這個(gè)難度會(huì)隨著時(shí)間的推移而逐步減弱。事實(shí)上，對(duì)于大型項(xiàng)目而言，使用Flash此時(shí)未免有些言之過早，因?yàn)樗馕吨艽蟮娘L(fēng)險(xiǎn)。當(dāng)然，在最早的時(shí)間掌握和積累這方面的經(jīng)驗(yàn)無疑是一種很大的競爭力?？梢詫⑦@種技術(shù)運(yùn)用在項(xiàng)目中的一小部分或者小型項(xiàng)目中，以減少開發(fā)的風(fēng)險(xiǎn)。5．軟件系統(tǒng)界面開發(fā)Flash對(duì)于界面元素的可控性和它所表達(dá)的效果無疑具有很大的誘惑。對(duì)于一個(gè)軟件系統(tǒng)的界面，F(xiàn)lash所具有的特性完全可以為用戶提供一個(gè)良好的接口。6．手機(jī)領(lǐng)域的開發(fā)手機(jī)領(lǐng)域的開發(fā)將會(huì)對(duì)精確（像素級(jí)）的界面設(shè)計(jì)和CPU使用分布的操控能力有更高的要求，但同時(shí)也意味著更加更廣泛的使用空間。事實(shí)上手機(jī)和PocketPC的分界已越來越不明顯，開發(fā)者必須為每一款手機(jī)（或PocketPC）設(shè)計(jì)一個(gè)不同的界面，因?yàn)樗鼈兊钠聊淮笮「饔胁煌?。?dāng)然軟件的內(nèi)核可能是相同的，所要注意的是各類手機(jī)CPU的計(jì)算能力和內(nèi)存的大小。這無疑是些很苛刻的要求。7.站點(diǎn)建設(shè)事實(shí)上，現(xiàn)在只有極少數(shù)人掌握了使用Flash建立全Flash站點(diǎn)的技術(shù)。因?yàn)樗馕吨叩慕缑婢S護(hù)能力和開發(fā)者整站架構(gòu)能力。但它帶來的好處也異常明顯：全面的控制；無縫的導(dǎo)向跳轉(zhuǎn)；更豐富的媒體內(nèi)容；更體貼用戶的流暢交互；跨平臺(tái)和瘦客戶端的支持；以及與其它Flash應(yīng)用方案無縫連接集成等。1.1.3Flash界面介紹Flashcs的操作界面大大簡化了編輯過程，為用戶提供了更大的自由發(fā)揮空間。Flashcs的操作界面由菜單欄、工具箱、時(shí)間軸、舞臺(tái)和面板等組成。1．菜單欄菜單欄是最常見的界面要素，它包括文件、編輯、視圖、插入、修改、文本、控制、調(diào)試、窗口、幫助等一系列菜單,如圖1-1。圖1-1Flash菜單欄2．舞臺(tái)舞臺(tái)是在創(chuàng)建Flash文檔時(shí)放置圖形內(nèi)容的矩形區(qū)域，可以在整個(gè)場景中繪制或編輯圖形，但是最終動(dòng)畫僅顯示場景中白色區(qū)域的內(nèi)容，而這個(gè)區(qū)域就是舞臺(tái)。3．工具箱工具箱中包含了一套完整的繪圖工具，位于操作界面的左側(cè)，如圖1-2所示。要使用繪圖工具箱中的某個(gè)工具，只需用鼠標(biāo)單擊選中該工具即可。在同一時(shí)刻只能有一種工具按鈕處于選中狀態(tài)。圖1-2Flash工具箱1)繪圖工具箱Flash工具箱中的繪圖工具用于繪制矢量圖形，包括線條工具、橢圓工具、矩形工具、鋼筆工具、鉛筆工具以及畫筆工具。（1）線條工具使用線條工具可以繪制直線。在工作區(qū)上單擊并拖動(dòng)鼠標(biāo)即可繪制出直線，在繪制直線時(shí)如果按住“Shift”鍵便可繪制出水平或垂直的直線，以及45°角的斜線段。（2）橢圓工具使用橢圓工具可以繪制橢圓和圓形。在工作區(qū)上單擊并拖動(dòng)鼠標(biāo)即可繪制出橢圓形狀，如果在繪制橢圓時(shí)按住“Shift”鍵便可繪制出圓形。（3）矩形工具使用矩形工具可以繪制矩形和正方形。繪制的方法與橢圓工具的使用方法一樣。它還能繪制出圓角矩形，方法為：單擊矩形工具,然后單擊【工具箱】的【選項(xiàng)】域中的【圓角矩形半徑】按鈕打開【矩形設(shè)置】對(duì)話框,在【角半徑】文本框中輸入矩形的圓角半徑,單擊【確定】按鈕，通過拖動(dòng)鼠標(biāo)繪制圓角矩形。（4）鋼筆工具鋼筆工具用于繪制具有控制節(jié)點(diǎn)的貝賽爾曲線。貝賽爾曲線繪圖原理是由一個(gè)中心點(diǎn)（節(jié)點(diǎn)）和兩個(gè)控點(diǎn)決定一條線段，它由兩個(gè)以上的節(jié)點(diǎn)組成，如圖1.10所示。要繪制沒有弧度的貝塞爾曲線，也就是繪制直線，可以先在貝塞爾曲線的起點(diǎn)處單擊鼠標(biāo)左鍵創(chuàng)建第一個(gè)節(jié)點(diǎn)，然后在終點(diǎn)處再單擊鼠標(biāo)左鍵創(chuàng)建另一個(gè)節(jié)點(diǎn)，如此便可繪制出一條直線。用貝塞爾曲線繪制多邊形時(shí)，只要在有轉(zhuǎn)折點(diǎn)的地方單擊鼠標(biāo)左鍵，創(chuàng)建最后一個(gè)節(jié)點(diǎn)時(shí)必須回到第一個(gè)節(jié)點(diǎn)處，這樣才能將整個(gè)繪制的區(qū)域封閉起來。當(dāng)要繪制有弧度的貝塞爾曲線時(shí)，在每次單擊鼠標(biāo)左鍵增加節(jié)點(diǎn)的同時(shí)，必須按住鼠標(biāo)左鍵不放并進(jìn)行拖動(dòng)，此時(shí)便出現(xiàn)兩個(gè)控點(diǎn)，再調(diào)整控點(diǎn)的位置，便可控制曲線的形狀。在用鋼筆工具繪制貝塞爾曲線的第一個(gè)節(jié)點(diǎn)前，鼠標(biāo)指針的形狀是“”，單擊鼠標(biāo)左鍵繪制節(jié)點(diǎn)后，鼠標(biāo)指針形狀變?yōu)椤啊?；?dāng)鼠標(biāo)指針指向某個(gè)節(jié)點(diǎn)時(shí)，鼠標(biāo)指針變?yōu)椤啊毙螤詈?，此時(shí)單擊鼠標(biāo)左鍵即可清除此節(jié)點(diǎn)；當(dāng)鼠標(biāo)指針指在貝塞爾曲線上任意位置（不是節(jié)點(diǎn)上）時(shí)，鼠標(biāo)指針都將變成“”，此時(shí)單擊鼠標(biāo)左鍵即可增加一個(gè)節(jié)點(diǎn)。（5）鉛筆工具使用鉛筆工具可以任意地繪制線條和圖形，選擇不同的繪圖模式，可以決定線條以何種模式模擬手繪的軌跡，即根據(jù)選擇的繪圖模式的不同，F(xiàn)lash會(huì)對(duì)所繪制的圖形做不同程度的修改。伸直模式：使用這種繪圖模式之后，無論繪制什么形狀，F(xiàn)lash都將自動(dòng)進(jìn)行伸直處理，即轉(zhuǎn)換為最接近的三角形、橢圓、矩形等幾何形狀。平滑模式：使用這種繪圖模式可以繪制出非常平滑的曲線。墨水模式：使用這種繪圖模式可以繪制出自由曲線。如果要繪制水平或垂直的直線，按住“Shift”鍵拖動(dòng)即可。（6）畫筆工具使用畫筆工具可以繪制各種圖形，其實(shí)該圖形為一個(gè)填充區(qū)域，因此畫筆工具不僅可以繪制出一些特殊效果（書法效果），還可以對(duì)繪制的圖形進(jìn)行顏色填充。畫筆工具有不同的形狀、大小和模式，如圖1-3所示。畫筆模式畫筆大小畫筆形狀圖1-3畫筆工具屬性標(biāo)準(zhǔn)繪圖：直接在線條和填充區(qū)域上涂刷。顏料填充：在填充區(qū)域和空白區(qū)域上涂刷，線條不受影響。后面繪畫：在舞臺(tái)空白區(qū)域涂刷，線條和填充區(qū)域不受影響。顏料選擇：僅涂刷選定的填充區(qū)域。內(nèi)部繪畫：僅涂刷最先被畫筆工具選中的內(nèi)部區(qū)域。如果先選中的是空白區(qū)域，則無法涂刷其他區(qū)域，即只能使用畫筆在起點(diǎn)所在的圖形區(qū)域里涂刷。3)文本工具使用文本工具可以在舞臺(tái)中輸入文本并編輯。用文本工具在舞臺(tái)上單擊，即可以在顯示的輸入框中輸入文字，然后在輸入框以外單擊鼠標(biāo)，即可退出輸入狀態(tài)。通過文本工具的屬性檢查器可以設(shè)置文本的屬性，如圖1-4所示。圖1-4文本工具的屬性檢查器文本分為3種類型，靜態(tài)文本、動(dòng)態(tài)文本和輸入文本。靜態(tài)文本是指當(dāng)建立了文字內(nèi)容后，此文字在制作動(dòng)畫時(shí)，只能改變文字的外形，而無法改變其文字內(nèi)容。動(dòng)態(tài)文本與靜態(tài)文本不同，用戶可以通過使用程序及變量來改變文字方塊內(nèi)的內(nèi)容，因此常用于顯示動(dòng)態(tài)內(nèi)容（例如動(dòng)態(tài)更新的時(shí)間信息等）。輸入文本是指用戶可以在其中輸入文字的文本框，它一般用于Flash表單等需要用戶輸入文字的場合。4)填充工具Flash工具箱中填充工具用于修改矢量圖的筆觸和填充效果，包括墨水瓶工具、顏料桶工具、滴管工具以及填充變形工具。（1）墨水瓶工具使用墨水瓶工具可以修改圖形的邊框（筆觸），或?yàn)樘畛鋮^(qū)域添加筆觸。如果為元件或組合對(duì)象添加筆觸，應(yīng)先將它們打散；如果要為位圖添加筆觸，應(yīng)先將其轉(zhuǎn)換為矢量圖。通過墨水瓶工具的屬性檢查器可以修改圖形的筆觸顏色、粗細(xì)和樣式等屬性，方法為：選擇墨水瓶工具，然后在“屬性檢查器”中設(shè)置墨水瓶工具的屬性，再將光標(biāo)移動(dòng)到對(duì)象的邊緣上單擊，即可給該對(duì)象添加筆觸。（2）顏料桶工具使用顏料桶工具可以更改對(duì)象的填充效果（對(duì)于不是簡單矢量圖的對(duì)象，需要先打散或轉(zhuǎn)換為矢量圖等操作），方法為：選擇顏料桶工具，然后單擊“工具箱”顏色選區(qū)中的填充色按鈕，設(shè)置填充顏色（或在顏料桶工具的屬性檢查器中設(shè)置），再單擊要更改其填充的對(duì)象，則該對(duì)象將采用當(dāng)前設(shè)置的填充選項(xiàng)。（3）滴管工具使用滴管工具可以吸取對(duì)象的筆觸顏色和填充色。當(dāng)使用滴管工具在筆觸上單擊時(shí)，將吸取對(duì)象的筆觸顏色作為當(dāng)前的筆觸顏色，并自動(dòng)轉(zhuǎn)換為墨水瓶工具；當(dāng)使用滴管工具在填充區(qū)域中單擊時(shí)，將吸取對(duì)象的填充色作為當(dāng)前的填充色，并自動(dòng)轉(zhuǎn)換為顏料桶工具，并在“工具箱”顏料桶工具的選項(xiàng)選區(qū)中自動(dòng)選中“鎖定填充”按鈕。利用滴管工具可以以外部導(dǎo)入的位圖圖形作為填充內(nèi)容，但對(duì)導(dǎo)入的位圖進(jìn)行吸取前，必須先選中該位圖后按“Ctrl+B”鍵打散，然后才能進(jìn)行吸取操作，否則只能吸取單擊位置處的顏色。吸取完成后，繪圖工具自動(dòng)轉(zhuǎn)換為顏料桶工具，這時(shí)單擊其他區(qū)域可將吸取的圖形填充到這些區(qū)域中。（4）填充變形工具當(dāng)對(duì)象的填充內(nèi)容為漸變色或位圖時(shí)，使用填充變形工具單擊對(duì)象，將顯示填充變形框。通過調(diào)整其控制點(diǎn)可以改變填充方式，對(duì)其填充內(nèi)容可以進(jìn)行縮放、旋轉(zhuǎn)和移動(dòng)。5)圖形編輯工具Flash工具箱中的圖形編輯工具用于選取和修改對(duì)象，包括箭頭工具、部分選取工具、套索工具、任意變形工具以及橡皮擦工具。（1）箭頭工具箭頭工具是最主要的一種選擇工具，它的主要用途是選取一個(gè)或多個(gè)對(duì)象。按住箭頭工具，然后在要選取的對(duì)象上單擊鼠標(biāo)左鍵即可選中單個(gè)對(duì)象；選取多個(gè)對(duì)象時(shí)，只需在選取對(duì)象的同時(shí)，先按住“Shift”鍵不放，然后依次單擊每個(gè)要選取的對(duì)象即可。另外還可使用框選的方法選取多個(gè)對(duì)象——先選中箭頭工具，然后按住鼠標(biāo)左鍵拖動(dòng)一個(gè)矩形范圍，將要選取的對(duì)象都包含在此矩形范圍內(nèi)，此時(shí)矩形范圍內(nèi)的對(duì)象將都被選取。箭頭工具還可以移動(dòng)對(duì)象，只需將鼠標(biāo)指針移動(dòng)到所選對(duì)象中，當(dāng)鼠標(biāo)指針變?yōu)樾螤顣r(shí)，單擊并拖動(dòng)對(duì)象到適當(dāng)位置后，釋放鼠標(biāo)即可。箭頭工具還可以調(diào)整對(duì)象的形狀。單擊箭頭工具，將鼠標(biāo)指針移動(dòng)到對(duì)象的邊緣，如果鼠標(biāo)指針變?yōu)樾螤顣r(shí)，按住鼠標(biāo)拖動(dòng)則可以調(diào)整對(duì)象邊緣的曲率；如果鼠標(biāo)指針變?yōu)樾螤顣r(shí)，此時(shí)拖動(dòng)鼠標(biāo)可以調(diào)整對(duì)象邊角的形狀。（2）部分選取工具部分選取工具用于選擇矢量圖形上的節(jié)點(diǎn)，即以貝賽爾曲線的方式編輯對(duì)象的筆觸。用部分選取工具選取上節(jié)點(diǎn)后，如果此時(shí)按“Delete”鍵即可刪除該節(jié)點(diǎn)；如果此時(shí)拖動(dòng)鼠標(biāo)即可改變圖形的形狀。（3）套索工具套索工具可以圈選對(duì)象。與用箭頭工具只能拖動(dòng)出矩形選取范圍不同，使用套索工具可拖動(dòng)出不規(guī)則的或多邊形的選取范圍。選擇套索工具后，在工具箱的選項(xiàng)選區(qū)內(nèi)有兩種模式可供選擇，即魔術(shù)棒模式和多邊形模式。魔術(shù)棒模式：單擊魔術(shù)棒模式按鈕，然后單擊對(duì)象，將選中與單擊處顏色相同或相似的區(qū)域，但它只對(duì)打散后的位圖填充有效。單擊魔術(shù)棒屬性按鈕，則可以打開“魔術(shù)棒設(shè)置”對(duì)話框，在此可以設(shè)置魔術(shù)棒的相關(guān)參數(shù)，如圖1.15所示。多邊形模式：單擊多邊形模式按鈕，在該模式下，通過多次單擊鼠標(biāo)，最后雙擊鼠標(biāo)所圍成的多邊形區(qū)域進(jìn)行選擇。（4）任意變形工具使用任意變形工具可以隨意變形選擇的對(duì)象。用“工具箱”中任意變形工具單擊對(duì)象后，在下面的選項(xiàng)選區(qū)有旋轉(zhuǎn)和傾斜、縮放、扭曲和封套4個(gè)功能按鈕。（5）橡皮擦工具使用橡皮擦工具可以擦除圖形的筆觸和填充。選擇橡皮擦工具后，在工具箱的選項(xiàng)選區(qū)內(nèi)有橡皮擦模式、水龍頭和橡皮擦形狀按鈕，如圖1-5所示。選項(xiàng)選區(qū)擦除模式橡皮擦形狀圖1-5橡皮擦工具的選項(xiàng)選區(qū)標(biāo)準(zhǔn)擦除：可以擦除同一層上的筆觸和填充。擦除填色：可以擦除填充，但筆觸不受影響。擦除線條：可以擦除筆觸，但填充不受影響。擦除所選填充：可以擦除當(dāng)前選定的填充，但筆觸不受影響（不管筆觸是否被選中，以這種模式使用橡皮擦工具之前，要先選擇擦除的填充）。內(nèi)部擦除：可以擦除用橡皮擦工具單擊的起點(diǎn)處的填充區(qū)域，但筆觸不受影響。如果單擊的起點(diǎn)是空白區(qū)域，則不會(huì)擦除填充區(qū)域。水龍頭：可以擦除封閉的填充區(qū)域。有時(shí)對(duì)導(dǎo)入的位圖進(jìn)行編輯時(shí)，需要擦除一些不需要的部分，此時(shí)必須先將其打散，然后才能進(jìn)行擦除操作。6)查看工具Flash工具箱中的查看工具用于查看電影內(nèi)容，包括手形工具和縮放工具。（1）手形工具使用手形工具可以拖動(dòng)舞臺(tái)和工作區(qū)，以便查看其中的對(duì)象（尤其是當(dāng)放大顯示時(shí)）。選中該工具，鼠標(biāo)指針即變?yōu)槭中?，按住鼠?biāo)左邊拖放即可。（2）縮放工具使用縮放工具可以以放大或縮小的方式顯示舞臺(tái)和工作區(qū)，以便查看對(duì)象細(xì)節(jié)或者查看動(dòng)畫的整體情況。選中該工具后，鼠標(biāo)指針變?yōu)閹в屑犹?hào)的放大鏡形狀，單擊舞臺(tái)或工作區(qū)上任意一點(diǎn)，則將圍繞該點(diǎn)放大顯示舞臺(tái)或工作區(qū)上的所有內(nèi)容。選中該工具后，如果按住“Alt”鍵，則鼠標(biāo)指針變?yōu)閹в袦p號(hào)的放大鏡形狀，單擊舞臺(tái)或工作區(qū)上任意一點(diǎn)，則將圍繞該點(diǎn)縮小顯示舞臺(tái)或工作區(qū)上的所有內(nèi)容。7)顏色工具Flash工具箱中的顏色工具用于設(shè)置筆觸或填充的顏色。只要單擊筆觸顏色按鈕或填充色按鈕，從彈出的顏色表中選擇一種顏色，即可將其設(shè)置為當(dāng)前筆觸顏色或填充色。筆觸顏色在顏色選區(qū)中單擊“黑白”按鈕，可以從當(dāng)前顏色返回到默認(rèn)顏色，即筆觸顏色為黑色，填充顏色為白色；選中筆觸顏色或填充色后，單擊“無色”按鈕，可以將筆觸顏色或填充色設(shè)置為沒有顏色；單擊“交換顏色”按鈕，可以將當(dāng)前設(shè)置的筆觸顏色和填充色進(jìn)行互換。筆觸顏色4．時(shí)間軸時(shí)間軸用于組織和控制一定時(shí)間內(nèi)的圖層和幀中的文檔內(nèi)容。與膠片一樣，F(xiàn)lash文檔也將時(shí)長分為幀。圖層就像堆疊在一起的多張幻燈膠片一樣，每個(gè)圖層都包含一個(gè)顯示在舞臺(tái)中的不同圖像。時(shí)間軸的主要組件是圖層、幀和播放頭。時(shí)間軸詳細(xì)解析如圖1-6所示。圖1-6時(shí)間軸5．控制面板功能面板可幫助您監(jiān)視和修改您的工作。默認(rèn)情況下，將顯示某些面板，但是，可以通過從“窗口”菜單中選擇任何面板來添加該面板。很多面板都具有菜單，其中包含特定于面板的選項(xiàng)。可以對(duì)面板進(jìn)行編組、堆疊或停放。在FlashCS中包含許多面板，以下簡要介紹幾個(gè)主要面板。1）【屬性】面板該面板默認(rèn)情況下處于展開狀態(tài)，屬性面板、濾鏡面板和參數(shù)面板整合成了一個(gè)面板。在【屬性】面板中可以更改對(duì)象或文檔的屬性，但取決于當(dāng)前選擇的內(nèi)容，【屬性】面板可以顯示當(dāng)前文檔、文本、元件、形狀、位圖、視頻、組、幀或工具的信息和設(shè)置。如圖1-8所示。圖1-8屬性面板2）【庫】面板該面板是存儲(chǔ)和組織在Flash中創(chuàng)建的各種元件的地方，它還用于存儲(chǔ)和組織導(dǎo)入的文件，包括位圖圖形、聲音文件和視頻剪輯。使用【庫】面板可以組織文件夾中的庫項(xiàng)目，查看項(xiàng)目在文檔中使用的頻率，并按類型對(duì)項(xiàng)目排序。3）【顏色】面板使用該面板可以創(chuàng)建和編輯純色及漸變填充，調(diào)制出大量的顏色，以設(shè)置筆觸、填充色以及透明度等。4）【動(dòng)作】面板使用該面板可以創(chuàng)建和編輯對(duì)象或幀的ActionScript代碼。選擇幀、按鈕或影片剪輯實(shí)例可以激活【動(dòng)作】面板。根據(jù)選擇的內(nèi)容，【動(dòng)作】面板標(biāo)題也會(huì)變?yōu)椤景粹o動(dòng)作】、【影片剪輯動(dòng)作】或【幀動(dòng)作】。6．幫助系統(tǒng)Flash幫助系統(tǒng)（“幫助”>“Flash幫助”）包含F(xiàn)lash提供的完整的用戶幫助信息。若要查看幫助主題，請(qǐng)單擊目錄中的標(biāo)題。在主題的上方，可以看到該主題在主題層次結(jié)構(gòu)中的相對(duì)位置。如圖1-13所示。1.2Flash基礎(chǔ)1.2.1動(dòng)畫類型1.按擴(kuò)展名Flash生成的動(dòng)畫文件，按擴(kuò)展名區(qū)分可以分為擴(kuò)展名為“.fla”和擴(kuò)展名為“.swf”。前者只能在Flash環(huán)境中運(yùn)行；后者可以脫離Flash環(huán)境獨(dú)立運(yùn)行。2.按動(dòng)畫制作方式可以分為幀動(dòng)畫和造型動(dòng)畫。在Flash中，幀動(dòng)畫亦稱逐幀動(dòng)畫（FramebyFrameAnimation）或影格連續(xù)動(dòng)畫；造型動(dòng)畫則稱為漸變動(dòng)畫（TweenedAnimation）。逐幀動(dòng)畫是在連續(xù)動(dòng)畫的相鄰兩幀中，畫面一般地僅有微小的變化。每一幀都是關(guān)鍵幀。漸變動(dòng)畫，只需在重要處定義關(guān)鍵幀，F(xiàn)lash會(huì)自動(dòng)創(chuàng)建關(guān)鍵幀間的內(nèi)容。漸變動(dòng)畫區(qū)分為“移動(dòng)漸變”和“形狀漸變”，移動(dòng)漸變動(dòng)畫（首末幀間是淡藍(lán)色的背景）、形狀漸變動(dòng)畫（首末幀間是淡綠色的背景）。漸變有問題用虛線表示。1.2.2幀、圖層和場景動(dòng)畫電影的組成層次可分為：動(dòng)畫電影→場景→幀。1.幀幀是Flash動(dòng)畫的基本組成元素，也是Flash作品的基本播放單位。在時(shí)間軸上，每個(gè)小方格（亦稱影格）即為一幀，其內(nèi)容可包括：圖形、音頻、素材符號(hào)、嵌入對(duì)象等。在默認(rèn)情況下，F(xiàn)lash動(dòng)畫的播放頻率是12fps（每秒12幀）。1）幀的類型（1）關(guān)鍵幀：指一段動(dòng)畫中處于起始、結(jié)束等關(guān)鍵位置的幀。（2）靜止幀：指關(guān)鍵幀前后的一或多個(gè)具有靜止內(nèi)容的相鄰幀。在時(shí)間軸上，灰色表示已有內(nèi)容的靜止幀，白色表示空靜止幀。（3）中間過渡幀：指過渡動(dòng)畫中兩個(gè)關(guān)鍵幀之間的所有幀，其顏色由過渡類型決定。2）幀的操作（1）插入幀使用【插入幀】功能，將在選定的幀后插入一個(gè)和這個(gè)選定幀完全一樣的幀，如果選定的幀是一個(gè)未曾使用的空白幀，那么將在和這個(gè)幀最接近的前面的幀之間插入和前面的幀一樣的幀；如果選定的幀是兩個(gè)關(guān)鍵幀之間的任一過渡幀的話，那么將在和這個(gè)幀最接近的前面的幀之間插入一個(gè)和前面的幀一樣的過渡幀；在繪圖過程中我們也經(jīng)常使用鍵盤上的快捷鍵[F5]。（2）刪除幀選定一個(gè)或多個(gè)幀后，單擊右鍵，選擇【刪除幀】功能，或使用鍵盤快捷鍵[Shift+F5]，可以將選定的幀刪除。當(dāng)一個(gè)幀被刪除后，后面的幀將自動(dòng)向前移動(dòng)。（3）插入關(guān)鍵幀將鼠標(biāo)移動(dòng)到幀的方格位置，用鼠標(biāo)左鍵單擊要定義為關(guān)鍵幀的方格，方格變?yōu)榉戳溜@示，單擊鼠標(biāo)右鍵,選擇【插入關(guān)鍵幀】或在選好方格后，直接按下鍵盤上的“F6”鍵，那么關(guān)鍵幀就定義好了。利用插入關(guān)鍵幀，可以將過渡幀轉(zhuǎn)變?yōu)殛P(guān)鍵幀。另外如果選中多個(gè)影格的話，再選擇插入關(guān)鍵幀命令，可以同時(shí)插入多個(gè)關(guān)鍵幀，方法是用鼠標(biāo)左鍵按下選定的第一個(gè)幀，然后按住鼠標(biāo)的左鍵不放，拖動(dòng)鼠標(biāo)至需要插入關(guān)鍵幀的結(jié)束位置。這樣被拖動(dòng)的這一段影格，被反亮突出顯示，然后單擊右鍵，選擇【插入關(guān)鍵幀】，這樣被選中的這些影格都變成了關(guān)鍵幀。不過，如果覺得這種插入多個(gè)關(guān)鍵幀的操作太麻煩，也可以在選擇一個(gè)需要插入關(guān)鍵幀的影格后，多次按下鍵盤上的“F6”鍵，也可以起同樣的效果（4）清除關(guān)鍵幀當(dāng)不需要某個(gè)或某些關(guān)鍵幀時(shí)，就要將這些關(guān)鍵幀刪除掉，只要選中這些幀，單擊右鍵，選擇【刪除幀】就刪除掉了。同時(shí)要?jiǎng)h除多個(gè)關(guān)鍵幀時(shí)，就像插入多個(gè)關(guān)鍵幀一樣，必須要選擇多個(gè)幀，利用刪除幀命令來刪除。（5）插入空白關(guān)鍵幀上面我們已經(jīng)介紹過空白關(guān)鍵幀與普通關(guān)鍵幀時(shí)，涉及到了空白關(guān)鍵幀的插入方法，這里就不再詳細(xì)介紹了。（6）選擇全部幀在影格編輯區(qū)單擊鼠標(biāo)右鍵，在彈出的菜單中選擇【選擇所有】，可以將所有的有效影格選定，從而再進(jìn)行其他操作。這里指的是在影格編輯區(qū)的任意一個(gè)位置都可以使用(單擊鼠標(biāo)右鍵)，選定后的幀將作反亮顯示。（7）復(fù)制幀在影格編輯區(qū)中選中一幀?幀，選中的幀將做反亮顯示，然后單擊右鍵，選擇【復(fù)制幀】。（8）粘貼幀復(fù)制好幀后，選擇時(shí)間軸上任意時(shí)間幀位置，單擊右鍵選擇【粘貼幀】，這樣剛才復(fù)制的幀被粘貼到這個(gè)位置上來了，原被選中的那一幀被覆蓋了。（9）移動(dòng)幀選中一幀或多幀后，被選中的幀反亮顯示，當(dāng)鼠標(biāo)懸浮在被選的幀上時(shí)，鼠標(biāo)出現(xiàn)了變化，鼠標(biāo)的指針上跟隨了一個(gè)方框一樣的“小尾巴”。這樣按下左鍵，拖動(dòng)鼠標(biāo)至任意位置，松開鼠標(biāo)，這樣剛才被選的幀被移動(dòng)到剛才所定的位置來了。（10）翻轉(zhuǎn)幀當(dāng)選中任意兩關(guān)鍵幀或空白關(guān)鍵幀之間(包括這兩個(gè)關(guān)鍵幀或空白關(guān)鍵幀)，這樣單擊右鍵，選擇【翻轉(zhuǎn)幀】，這樣被選中的兩個(gè)關(guān)鍵幀相互顛倒，而且Flash也同步更新了這兩個(gè)關(guān)鍵幀之間的過渡幀。2.圖層圖層是Flash為制作復(fù)雜動(dòng)畫作品而引入的一種手段，相當(dāng)于一張透明的玻璃紙。將不同對(duì)象放在不同層上，可以輕松制作場景復(fù)雜的動(dòng)畫。分為：Normal（普通）、Guide（引導(dǎo)）、Guided（被引導(dǎo)）、Mask（遮罩）和Masked（被遮罩）。1）圖層作用引導(dǎo)與它相關(guān)聯(lián)圖層中對(duì)象的運(yùn)動(dòng)軌跡或定位。在引導(dǎo)層內(nèi)創(chuàng)建網(wǎng)格、圖形或其他對(duì)象，可在繪制圖形時(shí)起到輔助作用。引導(dǎo)層在輸出的電影中不會(huì)出現(xiàn)。2）圖層的類型Normal（普通）：基本圖層。Guide（引導(dǎo)）：用于制作被引導(dǎo)層中對(duì)象的運(yùn)動(dòng)路線。Guided（被引導(dǎo)）：其中的對(duì)象將沿著引導(dǎo)層指引的軌跡運(yùn)動(dòng)。Mask（遮罩）：遮罩層的作用就是將其下面的圖層（被遮罩層）遮住。Masked（被遮罩）：只能顯示遮罩層挖空部分內(nèi)容。Folder（圖層夾）：用于對(duì)圖層進(jìn)行分類，方便管理。3）圖層的操作添加（插入）新圖層。調(diào)整圖層順序。改變圖層狀態(tài)：編輯/不可編輯；顯示/隱藏；鎖定/解鎖；輪廓/非輪廓。設(shè)置圖層屬性。刪除圖層。3.場景(Scene)應(yīng)用制作篇幅較長動(dòng)畫時(shí)，為了便于組織文檔，可以按主題設(shè)置場景。例如，可以使用單獨(dú)的場景用于片頭片尾字幕。要在每個(gè)場景之后停止或暫停文檔，或允許用戶以非線性方式瀏覽文檔，可以使用動(dòng)作。1）顯示【場景】面板選擇【窗口】|【其他面板】|【場景】，快捷鍵為“Shift+F2”，要查看特定場景：選擇【視圖】|【轉(zhuǎn)到】，然后從子菜單中選擇場景的名稱。2）添加場景單擊【場景】面板中的【添加場景】按鈕，選擇【插入】|【場景】。3）刪除場景要?jiǎng)h除場景，單擊【場景】面板中的【刪除場景】按鈕。4）修改場景名稱要更改場景的名稱，在【場景】面板中雙擊場景名稱，然后輸入新名稱。5）復(fù)制場景單擊【場景】面板中的【直接復(fù)制場景】按鈕，如下圖所示。6）更改場景順序在【場景】面板中將場景名稱拖到不同的位置，如下圖所示。注意的是，不能在基于屏幕的文檔中使用場景。當(dāng)發(fā)布包含多個(gè)場景的Flash文檔時(shí)，文檔中的場景將按照它們?cè)贔lash文檔的【場景】面板中列出的順序進(jìn)行回放。文檔中的幀都是按場景順序連續(xù)編號(hào)的。例如，如果文檔包含兩個(gè)場景，每個(gè)場景有十幀，則場景2中的幀的編號(hào)為11到20。1.2.3元件和實(shí)例元件又叫符號(hào)或組件，是Flash動(dòng)畫的基本組成元素，像用于制作動(dòng)作動(dòng)畫的圖形圖像、用于人機(jī)交互的按鈕、以及用于在影片中循環(huán)播放Flash動(dòng)畫片斷的影片剪輯等，都是元件。實(shí)例是元件在場景上的具體體現(xiàn)，即在工作區(qū)中的元件。元件創(chuàng)建后，自動(dòng)存放在Flash的【庫】里面。使用時(shí)，只需將元件從【庫】面板中拖放到舞臺(tái)上，這樣就產(chǎn)生了該元件的一個(gè)實(shí)例。每拖放一次，就會(huì)產(chǎn)生一個(gè)實(shí)例。實(shí)例不會(huì)增加文件的體積。1.元件1）元件分類圖形元件是任意靜態(tài)圖形、也可以是受主時(shí)間軸（場景中的時(shí)間軸）控制的動(dòng)畫。按鈕元件是指可以通過鼠標(biāo)點(diǎn)擊（或滑過、移離等）完成一定的交互功能的符號(hào)。電影片段是指可以獨(dú)立于主時(shí)間軸的動(dòng)畫片段。2）元件操作（1）創(chuàng)建空白元件在確定沒有選擇任何對(duì)象的情況下，選擇菜單命令【插入】|【創(chuàng)建新元件】，打開【創(chuàng)建新元件】對(duì)話框，如下圖所示。在【名稱】欄中可輸入元件的名稱，在【行為】欄中選擇所創(chuàng)建元件的類型。單擊【確定】按鈕，進(jìn)入元件編輯窗口。元件編輯窗口和場景編輯窗口的環(huán)境和功能都是一樣的。在元件編輯窗口中制作元件的內(nèi)容，可以是圖象、按鈕、動(dòng)畫等。元件內(nèi)容制作完成后，單擊【場景與元件】欄的【場景1】圖標(biāo)，返回場景編輯狀態(tài)。（2）將已有對(duì)象轉(zhuǎn)換為元件選中舞臺(tái)上要轉(zhuǎn)換的對(duì)象，在對(duì)象上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【轉(zhuǎn)換為元件】命令，彈出【轉(zhuǎn)換為元件】對(duì)話框。在【名稱】欄中可輸入元件的名稱；在【行為】欄中選擇所創(chuàng)建元件的類型，單擊【確定】按鈕，完成轉(zhuǎn)換。轉(zhuǎn)換成的元件將自動(dòng)存入元件庫中，同時(shí)，被選擇的對(duì)象已成為該元件的一個(gè)實(shí)例。將已有對(duì)象轉(zhuǎn)換成元件還有一個(gè)快捷的方法，就是直接將對(duì)象選中，然后拖入到元件庫里即可。（3）按鈕元件的創(chuàng)建過程選擇菜單命令【插入】【創(chuàng)建新元件】，打開【創(chuàng)建新元件】對(duì)話框，在【名稱】欄中可輸入名稱，在【行為】欄中選擇【按鈕】選項(xiàng)。單擊【確定】按鈕，進(jìn)入按鈕元件編輯窗口。在元件編輯窗口的時(shí)間軸上有四幀，分別用來體現(xiàn)按鈕的四中狀態(tài)。如圖1-9所示。單擊【場景1】圖標(biāo)，返回場景編輯狀態(tài)。打開庫面板，將剛才設(shè)置好的按鈕拖放到舞臺(tái)上。按下“Ctrl+Enter”鍵，測試效果。圖1-9按鈕元件彈起：表示鼠標(biāo)不作用與按鈕時(shí)，按鈕的正常狀態(tài)。鼠標(biāo)經(jīng)過：表示鼠標(biāo)經(jīng)過按鈕時(shí)，按鈕的顯示狀態(tài)。按下：表示鼠標(biāo)點(diǎn)下按鈕時(shí)，按鈕的顯示狀態(tài)。點(diǎn)擊：設(shè)定按鈕能夠起作用的面積范圍，最好不要用無填充的輪廓圖作反應(yīng)區(qū)，否則鼠標(biāo)只有指在輪廓線上時(shí)才起作用。（4）影片剪輯元件的創(chuàng)建過程選中要轉(zhuǎn)換為影片剪輯元件的動(dòng)畫的所有圖層（也可以是部分圖層）上的所有幀。在選中的幀上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【復(fù)制幀】命令。選擇菜單命令【插入】【創(chuàng)建新元件】，在名稱欄中輸入該元件的名稱，并選擇元件的類型為【影片剪輯】，然后單擊【確定】按鈕，進(jìn)入元件編輯窗口。選中時(shí)間軸上的第1幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【粘貼幀】命令。單擊【場景1】按鈕，返回主場景編輯窗口。打開庫面板，可以看到影片剪輯元件已保存在里面。2.實(shí)例將元件從【庫】面板中拖到舞臺(tái)上，就生成了該元件的一個(gè)實(shí)例。實(shí)例是元件的具體應(yīng)用。每個(gè)實(shí)例都具有自己的屬性，可以利用屬性面板設(shè)置單個(gè)實(shí)例的顏色、圖形顯示模式等信息，以及重新設(shè)定元件的類型。修改特性只會(huì)顯示在當(dāng)前所選的實(shí)例上，對(duì)元件和場景中的其他實(shí)例沒有影響。1.2.4動(dòng)畫制作流程根據(jù)制作內(nèi)容,詳細(xì)的流程都有不同，下面介紹標(biāo)準(zhǔn)流程。Flash動(dòng)畫的整個(gè)制作過程一般分為三個(gè)階段，即前期、中期、后期。1．前期編寫劇本撰寫導(dǎo)演闡述人物造型和背景風(fēng)格設(shè)定制作文字和畫面分鏡頭臺(tái)本先期音樂和先期對(duì)白錄制動(dòng)作和攝影的風(fēng)格試驗(yàn)2.中期導(dǎo)演講解分鏡頭動(dòng)作設(shè)計(jì)和動(dòng)畫的制作背景繪制校對(duì)檢查全片鏡頭和特效的制作3.后期素材剪輯音樂、對(duì)白和音效的制作雙片鑒定混錄多格式輸出Flash動(dòng)畫設(shè)計(jì)實(shí)例1.3.1補(bǔ)間動(dòng)畫實(shí)例步驟1.新建Flash文檔點(diǎn)擊【文件】|【新建】，出現(xiàn)新建文檔對(duì)話框如圖1-1，點(diǎn)擊確定。步驟2.新建“雨滴”圖形元件點(diǎn)擊【插入】|【新建元件】，輸入名稱“雨滴”，選擇類型為“圖形”，點(diǎn)擊確定。如圖1-2。步驟3.改變“雨滴”元件顏色選擇【橢圓工具】在舞臺(tái)上劃出一個(gè)圓形。點(diǎn)擊【窗口】|【顏色】，在【顏色面板】中設(shè)置徑向漸變顏色，當(dāng)鼠標(biāo)帶“+”