FLASHMX動(dòng)畫制作實(shí)例教材詳解

1、第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)FLASH動(dòng)畫制作實(shí)例教材熟悉Flash界面工具箱畫何口“11n1r15101520Z!4O刃必B*|*|巧|M|i112-0fpsIOJJ渝交件編輯萱戒孑插入飛改立聿（I）控制萌口辿）幫肋（也選頂*1工作區(qū)屬性欄動(dòng)畫的原理7文檔戻寸：550 x価像素1護(hù)無(wú)標(biāo)題-i發(fā)新；FlashFlayerEAlah10匸omp即nEnt號(hào)ComboBoMOfushButtonLtstBQNLeflninyHocromedidFlashMXillhatffewReadme卜諫色祥舉圉CheckBoK看下面幾幅畫面:圖2-2圖2-3圖2-4圖2-5圖2-2中飛機(jī)位于圖片的最左邊

2、，圖2-3中飛機(jī)位于圖片的中間，圖2-4中飛機(jī)位于圖片的最右邊。當(dāng)我們將這三幅畫面依次按照一定速度播放的時(shí)候，給我們的視覺(jué)效果就是看上去感覺(jué)飛機(jī)在從左向右飛行，如圖2-5所示。動(dòng)畫就是由一系列近似的畫面按照一定的順序和速度進(jìn)行播放而產(chǎn)生，它是欺騙人視覺(jué)效果的一種把戲。三、幀/關(guān)鍵幀/空白關(guān)鍵幀由動(dòng)畫的原理我們知道，動(dòng)畫就是畫面的連續(xù)播放所產(chǎn)生的，電影是每秒播放24幅畫面，電視則每秒播放25幅畫面，F(xiàn)lash默認(rèn)每秒播放12幅畫面（可以修改）。每一幅畫面我們都稱它為一個(gè)幀，記?。阂粋€(gè)幀就是一幅畫面（暫不管這個(gè)畫面是真實(shí)的還是虛幻的）！如圖2-6所示上面的每個(gè)小格子就是一個(gè)幀，每個(gè)格子都分別代表著

3、一幅畫面，播放時(shí)按照幀的先后順序由左向右進(jìn)行。你也許會(huì)問(wèn)：“上面幀怎么還不一樣??？”對(duì)了，正是因?yàn)樗鼈儾灰粯硬庞辛藥㈥P(guān)鍵幀、空白關(guān)鍵幀（也叫白色關(guān)鍵幀）這些名詞?？瞻钻P(guān)鍵幀我們先看第一個(gè)小格子，它里面有一個(gè)白色的小圓圈，它就是空白關(guān)鍵幀，里面什么內(nèi)容都沒(méi)有，一片空白。用鼠標(biāo)單擊一下該空白關(guān)鍵幀，結(jié)果我們?cè)谙旅娴膱?chǎng)景里看到的是一片空白區(qū)域如圖2-7所示：第二個(gè)小格子里面是個(gè)實(shí)心的小黑點(diǎn)，它就是關(guān)鍵幀，里面有實(shí)際存在的內(nèi)容，用鼠標(biāo)單擊該關(guān)鍵幀（或用鼠標(biāo)按住幀上面紅色滑塊向后拖動(dòng)到該幀），我們看到了一個(gè)黑色的圓，如圖2-8所示：成了和它前面一樣的空白關(guān)鍵幀？幀關(guān)鍵幀后面的灰色部分都是普通幀，普通幀

4、里面沒(méi)有實(shí)際的內(nèi)容，但是它卻能將離它最近的關(guān)鍵幀的內(nèi)容顯示出來(lái)。用鼠標(biāo)點(diǎn)擊第三幀，如圖2-9所示。看起來(lái)它似乎有內(nèi)容，實(shí)際上這一幀是沒(méi)有內(nèi)容的，3、4、5幀只不過(guò)是把前面離它最近的關(guān)鍵幀（第二幀）的內(nèi)容顯示出來(lái)了而已，由此可見(jiàn)普通幀盡管沒(méi)有實(shí)際內(nèi)容但它卻可以用來(lái)延續(xù)一幅畫面的存在時(shí)間。說(shuō)明：圖2-9的第五幀d代表普通幀的結(jié)束，另外還有一種叫過(guò)渡幀，暫時(shí)不用知道，后面會(huì)結(jié)合具體實(shí)例講。這幾個(gè)概念在Flash制作中非常重要，使用的頻率也最高，希望讀者一定要弄明白。移除幀與清除幀的區(qū)別：用鼠標(biāo)對(duì)著幀點(diǎn)擊鼠標(biāo)右鍵，在彈出的菜單中有“移除幀”和“清除幀”命令。移除幀就是刪除幀，用來(lái)將幀連同幀上的內(nèi)容（如

5、果是關(guān)鍵幀的此時(shí)畫面應(yīng)為圖3-10所示。第 頁(yè)共103頁(yè)此時(shí)畫面應(yīng)為圖3-10所示。第 #頁(yè)共103頁(yè)話）一起刪除，而清除幀則是只把幀上的內(nèi)容清空，幀仍然存在。圖形元件和移動(dòng)漸變按照正常習(xí)慣，此時(shí)應(yīng)該講工具的使用了，但是考慮到讀者剛剛理解完上面關(guān)于幀的一些枯燥的概念，我講順序做了調(diào)整。下面我們就放松一下來(lái)做一個(gè)小動(dòng)畫。制作矩形的變化，邊框選擇沒(méi)有顏色如圖2-6所示，填充啟動(dòng)Flash軟件，鼠標(biāo)單擊第一幀，然后點(diǎn)擊左邊工具箱中的矩形工具口選擇自己所喜歡的顏色如圖2-7所示。單擊一下矩形，執(zhí)行【插入】菜單下的【轉(zhuǎn)換成元件】命令，將彈出一對(duì)話框，在名稱中輸入“動(dòng)我們用選取工具作漸變”，選擇【圖形】如

6、圖3-9所示。然后確定。轉(zhuǎn)換為元件名稱型：I動(dòng)作漸變作用：廠影片聖輯注冊(cè):r按昭p-D-Q口口口XJ第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)鼠標(biāo)放在25幀處，點(diǎn)擊右鍵，在彈出的菜單中選擇“插入關(guān)鍵幀”，如圖3-11。25除外），然后選擇下面的“移動(dòng)”，如圖3-13。_I畫母151)152025h0圖層1MacromediaFlashMX-無(wú)標(biāo)-l.fla威文件）編輯（或查看（苗插入修改（也文本（D控制（）窗口（世）幫助（出工具時(shí)間軸0EPA口/Kk/O/D鎖色”屈性Al幀聲音:豹果-口壯幻崗丄別創(chuàng)土旦門廠門2血帀両4|S場(chǎng)杲1|gJ冋阪到此為止一個(gè)簡(jiǎn)單的動(dòng)畫就做成了，按Ctrl+回車進(jìn)行預(yù)覽。源文件的

7、位置：光盤源文件移動(dòng)漸變演示fla說(shuō)明：1）圖3-11中，在25幀處插入關(guān)鍵幀的意思是復(fù)制了前面和它最近的關(guān)鍵幀（此處為第1幀），所以此時(shí)第25幀和第1幀完全一樣：是關(guān)鍵幀，里面都右一個(gè)矩形，連同矩形的大小位置等都一樣。2）圖3-13中，2到24幀像普通幀一樣看似有內(nèi)容，其實(shí)沒(méi)有，它們是從第1幀到25幀的一個(gè)過(guò)渡，所以叫做過(guò)渡幀。3）以前每次講這個(gè)例子的時(shí)候，學(xué)生總會(huì)問(wèn)：“圖3-10為什么要轉(zhuǎn)換成圖形元件？”這個(gè)問(wèn)題后面會(huì)講到，暫時(shí)只需要記住當(dāng)轉(zhuǎn)換成圖形元件后，下面要選擇“移動(dòng)”，就可以了。4）在繪制矩形時(shí)我們選擇邊框?yàn)闊o(wú)色，這并不是說(shuō)一定不能要邊框，因?yàn)橐坏┮诉吙蛟趯⒕匦无D(zhuǎn)換成圖形元件的時(shí)

8、候就必須把它和它的邊框一起轉(zhuǎn)換，而初學(xué)者一般都容易把邊框給漏掉。所以，如果要了邊框，邊框和填充都必須都要選中后再一起轉(zhuǎn)換為圖形元件，具體做法是選擇箭頭工具用鼠標(biāo)點(diǎn)擊一下填充部分，然后按住Shift鍵不放雙擊邊框即可（按住Shift代表可以選擇多個(gè)，雙擊邊框表示把邊框給選中）。讀者可以試試有邊框的情況。5）變化的快慢可以控制，F(xiàn)lash默認(rèn)為每秒播放12幀，所以可以計(jì)算出應(yīng)該在什么地方插入關(guān)鍵幀。如果你做成功的話，相信你對(duì)Flash已經(jīng)有了一定的興趣，如果你覺(jué)得上述例子太麻煩而沒(méi)有做成功的話，也不要緊，因?yàn)槲覀冞€沒(méi)有講工具的使用，下面我們舉個(gè)更簡(jiǎn)單的來(lái)加以鞏固。二、制作照片的出現(xiàn)效果1啟動(dòng)Fla

9、sh軟件，打開【文件】下拉菜單，選擇【導(dǎo)入】命令，在彈出的對(duì)話框中選擇你的一張照片，如圖3-14所示。城文件（E）編輯（或查看（也插入修改（也文本（D控制（）窗口（迪幫I*擊圖片，然后按F8,出現(xiàn)了圖3-15所示的對(duì)話框。阿acromediaFlashMX-無(wú)標(biāo)題-1I蘭1創(chuàng)土112.0fpsXJ確定I20名稱型：I小時(shí)候作用：廠影片聖輯注冊(cè):r按昭然后單擊確定按鈕。如圖3-16所示。MacromediaFlashMX-無(wú)標(biāo)題-1的文件（巳編輯（或查看（也插入修改（密文本（D控制窗口（創(chuàng)幫耳工具”時(shí)間軸畫自口V圖層1-口(t查看農(nóng)色選頂0幀處標(biāo)右鍵擇【插入、關(guān)鍵幀】命令,將出現(xiàn)圖3-17。勰色

10、/盤AO(t擊第1幀，然后單擊按鈕，圖片周圍出現(xiàn)8個(gè)控制點(diǎn)，我們用鼠標(biāo)拖動(dòng)右下角的控制點(diǎn)，將圖片縮小。如圖3-18所示。第 頁(yè)共103頁(yè)MacromediaFlashMX-無(wú)標(biāo)題-1的文昨編輯（或查看（也插入修改（囹文本（D控制窗口幫倉(cāng)畫昌1U巳|比|.|Hjn-I12.0Fps丨1015202!rl+回車進(jìn)行預(yù)覽了。我們看到了一張圖片由小變大的效果，下面我們接著做讓這張照片變大之后再漸漸向失的效果。在40幀處插入關(guān)鍵幀，移動(dòng)圖以Ct片到右上角，如圖3-20所示。用鼠標(biāo)點(diǎn)擊20到40之間任何一幀，選擇屬性欄上面的移動(dòng)，其結(jié)果如圖3-22所示。匸標(biāo)題-1I插入修改（叫文本控制（窗口（凹幫助（出1

11、5101520253035404,11111111111111111一1*|用|【川26|12.0Fps|2.1S4|I好了，此時(shí)再按Ctrl+回車試試。源文件的位置：光盤源文件我的照片.通過(guò)以上兩個(gè)例子，我們已經(jīng)感覺(jué)到Flash功能的強(qiáng)大,簡(jiǎn)ln,”tFlash去做。只需要給一個(gè)起始狀態(tài)和一個(gè)結(jié)束狀態(tài)，中間的那些狀態(tài)都工具簡(jiǎn)介箭頭kA直線/P-鋼筆itA-橢圓o-鉛筆縮放墨水瓶-（e怨點(diǎn)籀器-zo查看手形破色筆觸_/!次選套索文本矩那畫筆埴充變形顏料桶掠皮擦放大鏡必T埴充色1、箭頭工具IIIII，以便對(duì)該對(duì)象進(jìn)行操作如：刪除，移動(dòng)等。如圖4-1,刪除，圖4-2用鼠標(biāo)按住不松開，然后拖動(dòng)到所需

12、要的位置。箭頭工具主要用來(lái)選取對(duì)象鼠標(biāo)單擊選擇該對(duì)象后，可用Delet第10頁(yè)共103頁(yè)另外它還具有切割和變形的功能。當(dāng)我們用工具箱中的工具繪制出圓、矩形、線條等形狀時(shí)，用鼠標(biāo)可以將他們切割。按住鼠標(biāo)拖動(dòng)，將不需要的部分選中，如圖4-3所示。按性鼠標(biāo)拖松開鼠標(biāo)按hlet后當(dāng)鼠標(biāo)接近我們繪制的圖形時(shí)，會(huì)出現(xiàn)圖4-4，這時(shí)可按住鼠標(biāo)拖動(dòng)來(lái)改變它的外形，如圖4-5所示。重新繪制一個(gè)矩形，當(dāng)按住Ctrl鍵拖看有什么變化，撤消（Ctrl+Z）后再次按住Ctrl鍵拖看又有什么不同，請(qǐng)讀者朋友試一試。2、次選取工具它用來(lái)修改由鉛筆或鋼筆所繪制的線條。當(dāng)用次工具選取所繪曲線時(shí)上面會(huì)出現(xiàn)一些節(jié)點(diǎn)，如圖4-6所示

13、，當(dāng)鼠標(biāo)點(diǎn)擊3、直線工具使用直線工具用來(lái)繪制從起點(diǎn)到終點(diǎn)的直線，在按下鼠標(biāo)左鍵進(jìn)行拖動(dòng)時(shí)如果按住了Shift鍵，則可繪制水平、垂直或以45度角度增加的直線。4、套索工具套索工具用來(lái)選取不規(guī)則的區(qū)域以便對(duì)所選部分進(jìn)行操作，如圖4-8所示。5、鋼筆工具選取鋼筆工具，用鼠標(biāo)左鍵單擊起點(diǎn)，然后移動(dòng)到下一個(gè)位置，按住鼠標(biāo)左鍵不放拖出所需的線條，然后再用同樣的辦法繪出到下一點(diǎn)的線條，雙擊鼠標(biāo)代表繪制結(jié)束。如果繪制不滿意，可用次選工具進(jìn)行調(diào)整。如圖4-9所示。第 頁(yè)共103頁(yè) 頁(yè)共103頁(yè)6、文本工具文本工具是用來(lái)輸入文字信息。選擇文本工具，再工作區(qū)按住鼠標(biāo)拖出文本框，輸入文字，如圖4-10所示。7、橢圓工

14、具用來(lái)繪制橢圓，在繪制過(guò)程中按住Shift鍵可繪制正圓，如圖4-11所示。8、矩形工具用來(lái)繪制矩形，同橢圓工具一樣在繪制過(guò)程中按住Shift鍵可繪制正方形。9、鉛筆工具它可以繪制任何形狀的曲線，點(diǎn)擊鉛筆工具后，在工具箱下面有個(gè)圖標(biāo)5，單擊后可選擇“平滑”繪出的線條比較平滑。按住Shift鍵可繪制水平方向或垂直方向的直線。10、畫筆工具畫筆工具也叫刷子工具，由此可見(jiàn)它用來(lái)“刷”一些具有刷子效果的曲線，如圖4-11。工具箱下面可以調(diào)整刷子的大小和形狀。11、縮放工具顧名思義，縮放工具用來(lái)改變對(duì)象的大小情況，包括長(zhǎng)、寬、旋轉(zhuǎn)、傾斜等下圖中的小白點(diǎn)代表旋轉(zhuǎn)的中心點(diǎn)，用鼠標(biāo)可以改變其位置。圖4-12改變

15、長(zhǎng)圖4-14旋轉(zhuǎn)圖4-15傾斜12、填充變形工具該工具用來(lái)對(duì)填充的方式進(jìn)行調(diào)整，如圖4-16所示。對(duì)該圖中的改變填充的控制點(diǎn)進(jìn)行調(diào)整，分別得到了圖4-17、圖4-18、圖4-19。13、墨水瓶工具給已繪制好的幾何圖形添加邊框或修改已有邊框的顏色、粗細(xì)等屬性14、顏料桶工具顏料桶工具也叫油漆桶工具，用來(lái)對(duì)封閉圖形的內(nèi)部進(jìn)行填充或修改。15、點(diǎn)滴器使用滴管工具可以從場(chǎng)景中選擇線條、文本和填充的樣式，然后創(chuàng)建或修改相應(yīng)的對(duì)象。從場(chǎng)景中導(dǎo)入一張圖片，執(zhí)行【修改】下的【分解組件】命令將圖片打散。此時(shí)用點(diǎn)滴器工具點(diǎn)擊一下該照片，然后用橢圓工具去畫橢圓我們發(fā)現(xiàn)我們導(dǎo)入的圖片作為了橢圓的填充，如圖4-20所示

16、。用填充變形工具進(jìn)行修改，如圖4-21所示。源文件的位置：光盤源文件填充演示.fla說(shuō)明：導(dǎo)入的圖片只有打散才可以使用點(diǎn)滴器工具。16、橡皮擦使用橡皮擦工具可以擦除當(dāng)前場(chǎng)景中的對(duì)象，當(dāng)選擇橡皮擦后，工具箱下面還有擦除模式，各擦除模式效果如圖4-22所示。OOOOO標(biāo)準(zhǔn)擦除擦除填色擦除線段擦除所填色內(nèi)部擦除水龍頭是用來(lái)擦除整塊顏色的。17、手形工具手形工具可以將文檔窗口中的場(chǎng)景連同對(duì)象一起移動(dòng)。選擇手形工具，在場(chǎng)景中按住鼠標(biāo)左鍵拖動(dòng)看有什么變化。18、放大鏡選擇放大鏡工具，用鼠標(biāo)在場(chǎng)景中點(diǎn)擊左鍵，發(fā)現(xiàn)場(chǎng)景以及里面的對(duì)象放大了，如果想縮小，按住Alt鍵的同時(shí)單擊鼠標(biāo)左鍵。按住鼠標(biāo)左鍵拖動(dòng)將需要放大

17、的部分匡住，然后松開鼠標(biāo)即可。19、筆觸色按鈕筆觸色按鈕用來(lái)改變線條或所繪幾何圖形邊框的顏色。20、填充色按鈕用來(lái)改變填充的顏色。形狀漸變?cè)诘谌聦W(xué)習(xí)了圖形元件，知道了圖形元件需要用動(dòng)作漸變，那么如果不轉(zhuǎn)換成圖形元件又是什么情況呢？啟動(dòng)Flash軟件，用矩形工具在場(chǎng)景中繪制一矩形，如圖5-1所示。幀的地方鼠標(biāo)右鍵插入關(guān)鍵幀，用縮放工具調(diào)整矩形的大小，如圖5-2所示。鼠標(biāo)單擊1到25之間單擊任何一幀，在屬性欄選擇“形狀”（因?yàn)樵摼匦螞](méi)有轉(zhuǎn)換成圖形元件，所以它還是形狀），如圖5-3所示。頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)按Ctrl+回車進(jìn)行預(yù)覽。源文件的位置：光盤源文件形狀漸變演示一.f

18、la結(jié)果看到和將矩形轉(zhuǎn)換成圖形元件一樣的效果，既然如此，那么轉(zhuǎn)不轉(zhuǎn)換成圖形元件到底有什么區(qū)別呢？轉(zhuǎn)換成圖形元件需要用“移動(dòng)”來(lái)創(chuàng)建動(dòng)畫的過(guò)渡，而所繪制的形狀在不轉(zhuǎn)換成圖形元件的情況下，需要用“形狀”來(lái)創(chuàng)建動(dòng)畫的過(guò)渡，二者不可換用。如果將圖5-3的“形狀”改為移動(dòng)，1到25幀之間出現(xiàn)了虛線，這說(shuō)明問(wèn)題出現(xiàn)了，如圖5-4所示圖形元件可以改變其透明度（應(yīng)該是叫不透明度），所繪形狀則不能。圖形元件在場(chǎng)景中不能改變其外形，只能在編輯改圖形元件時(shí)才可以，而所繪形狀可以方便地改變其外形。為了更好的理解這一點(diǎn)，讀者用鼠標(biāo)將圖5-2中第25幀這一幀里面矩形的形狀調(diào)整一下如圖5-5所示。甚至可以將這一幀的內(nèi)容刪除

19、重新繪制新的形狀，讀者不妨試一試。而這些是圖形元件無(wú)法辦到的。k/査o/sx陽(yáng)9115噩網(wǎng)殂渭燙砸1離些覿他:啟動(dòng)Flash軟件，選擇橢圓工具，不要邊框，填充方式為徑向填充，繪制正圓，如圖5-6所示。用填充變形工具改變填充的中心點(diǎn)，入圖5-7所示。在15幀處插入關(guān)鍵幀，并改變小球的位置，如圖5-8所示。將簡(jiǎn)調(diào)為“-100”如圖5-9所示。分別在16幀和17幀處插入關(guān)鍵幀，如圖5-10所示。用變形工具將16幀的小球高度變小，如圖5-11所示。對(duì)著第1幀點(diǎn)擊鼠標(biāo)右鍵，選擇“拷貝幀”，如圖5-12所示。RemoveTwee仃103頁(yè)插入幀移除幀插入關(guān)鍵幀插入白色關(guān)鍵幀渚除關(guān)鍵幀轉(zhuǎn)換為關(guān)鍵幀轉(zhuǎn)換為白色

20、關(guān)鍵幀彗切幀拷貝幀粘貼幀涪除幀選擇所有幀翻轉(zhuǎn)幀元件同歩動(dòng)作第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)鼠標(biāo)單擊17到31之間任何一幀，在屬性欄選擇“形狀”，將簡(jiǎn)調(diào)為“100”，如圖5-14所示。1）改變17幀小球外形的原因是因?yàn)楫?dāng)小球與地面發(fā)生碰撞時(shí)小球會(huì)變癟。2）調(diào)整“簡(jiǎn)”的作用是讓小球加速還是減速。當(dāng)簡(jiǎn)為負(fù)值時(shí)，小球運(yùn)動(dòng)速度越來(lái)越快；當(dāng)簡(jiǎn)為正值時(shí)，小球運(yùn)動(dòng)速度越來(lái)越慢。最后一幀拷貝第一幀是因?yàn)樾∏驈椘鸷蟮奈恢门c第一幀小球的位置幾乎相同。源文件的位置：光盤源文件庫(kù)演示fla通過(guò)前幾章的學(xué)習(xí)你應(yīng)該知道了圖形元件、形狀、移動(dòng)漸變以及形狀漸變（就是改變其外形）之間的關(guān)系，并能做出簡(jiǎn)單的動(dòng)畫效果。庫(kù)和影片剪輯第

21、一節(jié)庫(kù)我們知道倉(cāng)庫(kù)是用來(lái)存放物品的，一旦需要時(shí)就要從倉(cāng)庫(kù)去提貨。Flash里面的庫(kù)也是如此，它不僅為我們所做的“物品”提供了存放的空間，而且一旦“物品”放進(jìn)庫(kù)后，這些“物品”就可以被重復(fù)利用。啟動(dòng)Flash軟件，在里面繪制一個(gè)圓，鼠標(biāo)選中后按F8鍵把它轉(zhuǎn)換成圖形元件，名稱為“圓”，如圖6-1所示。此時(shí)，物品（你所繪制的這個(gè)圓）就自動(dòng)存放到了倉(cāng)庫(kù)中（庫(kù)）。打開【窗口】下面的【庫(kù)】，就可以看到你所繪的圓。如圖6-2所示。圖6-2中的垃圾桶示用來(lái)刪除你在庫(kù)中存放的“物品”。打開你以前保存的文件，按F11鍵調(diào)出庫(kù)窗口，你會(huì)發(fā)現(xiàn)你所轉(zhuǎn)換成圖形元件的矩形、圖片以及沒(méi)有轉(zhuǎn)換成元件的圖片都被放進(jìn)了庫(kù)中。那么，

22、庫(kù)中到底能存放那些“物品”，又是怎樣被重復(fù)利用的呢？庫(kù)中可以存放三大元件（圖形元件以及接下來(lái)學(xué)的影片剪輯元件和按鈕元件）、位圖（剛導(dǎo)入的圖片）以及導(dǎo)入的聲音。在場(chǎng)景中如果需要再次用到它們，就用鼠標(biāo)直接把它們從庫(kù)中拖到場(chǎng)景中即可，如圖6-3所示。當(dāng)用鼠標(biāo)雙擊庫(kù)中的元件時(shí)可以對(duì)它進(jìn)行編輯，比如雙擊圖6-3中的圓元件，修改它的顏色，如圖6-4所示?；氐綀?chǎng)景后你回發(fā)現(xiàn)里面所有的圓的顏色都變成了你所修改的顏色，這是因?yàn)樗鼈冊(cè)趲?kù)中都是同一個(gè)元件。源文件的位置：光盤源文件庫(kù)演示.fla文件之間還可以共享庫(kù)。當(dāng)你在文件一中辛辛苦苦地畫了一架飛機(jī)，把它保存為了圖形元件，結(jié)果你在另一個(gè)文件二的制作中也要用到它，是

23、不是要重新去畫呢？不需要，把兩個(gè)文件都打開，F(xiàn)11調(diào)出庫(kù)，你回發(fā)現(xiàn)它們之間可以公用，將它拖到文件二中就可以了，與此同時(shí)該圖形元件（飛機(jī)）已經(jīng)復(fù)制了一份放進(jìn)了文件二的庫(kù)中。第二節(jié)影片剪輯啟動(dòng)Flash軟件，執(zhí)行【插入】菜單下的【新建元件】命令，在打開的對(duì)話中輸入名稱為“火焰”，選擇“影片剪輯”如圖6-5。點(diǎn)擊I確定二I按鈕。選擇橢圓工具，邊框選擇無(wú)色，在調(diào)色板面板中選擇填充為“徑向”（就是從中心向四周填充）,如圖6-6所示。用鼠標(biāo)點(diǎn)擊左邊的滑塊（標(biāo)記1）圖6-7所示，然后用鼠標(biāo)點(diǎn)顏色選取按鈕選擇黃色，同樣的方法將右邊的滑塊（標(biāo)記2）設(shè)為紅色。I茴A(yù)lpha1ULI%a#000000調(diào)色板繪制橢圓

24、，用箭頭工具將外形修改為火焰形狀，用改變填充工具修改填充，如圖6-8。MacromediaFlashMX-無(wú)標(biāo)題-1威文件（巳編輯（或查看辿插入修改（叫文本（D控制（窗口（創(chuàng)幫助（出國(guó)工具時(shí)間軸鹼昌口團(tuán)層1O/n(tJJ到列土回r-|12.0FpsI0.0&】go荃場(chǎng)杲1國(guó)火焰第20幀處創(chuàng)建關(guān)鍵幀，如圖6I查看議色幀處插入關(guān)鍵幀（別忘了，方法是右擊鼠標(biāo)），用箭頭工具改變火焰的形狀，然后鼠標(biāo)放在1到5幀中間，在屬性創(chuàng):建動(dòng)畫方式為“形狀”，直接敲回車進(jìn)行預(yù)覽，看火焰是否能正常擺動(dòng)。如果正常，就用同樣的方法依次在第15，我們以上所做的努力都是在給演貝（火焰這個(gè)影片剪輯丿化裝，化好裝后演員就可以蹬上

25、舞臺(tái)（場(chǎng)景）進(jìn)行表演了?；氐綀?chǎng)景，按F11打開庫(kù)，將火焰拖到場(chǎng)景中，如圖6-10。MacromediaFlashMX-無(wú)標(biāo)黒-叮囪文件（日編輯伺查看甌插入條改腳文本控制窗口帚助議色FJ按iCtrl+回二測(cè)試一下影置光盤源片，一個(gè)動(dòng)7文件火焰.fla讀者可能感中，有時(shí)會(huì)看到一朵做成影片剪輯。一個(gè)影片剪輯就是一個(gè)小電影。我們先暫停一下，來(lái)講一下“層”的含義，這是下面將要用到的。層是透明的，為了更好的理解它的含義我們可以把它想象成玻璃，如果在第一塊玻璃上寫上數(shù)字“1”，第二塊玻璃上面寫上數(shù)字“2”，第三塊玻璃上面寫上數(shù)字“3”，當(dāng)我們把這三塊玻璃疊放在一起時(shí)，我們不是單獨(dú)看到了哪一層的數(shù)字而是“12

26、3”全部顯示出來(lái)、土所在。我們?cè)谄綍r(shí)看到的Flash飄來(lái)飄去，它就是影片剪輯，凡是局部在循環(huán)運(yùn)動(dòng)的我們都可以把它覺(jué)很奇怪：場(chǎng)景里面只有一個(gè)幀，火焰怎么會(huì)動(dòng)呢？這正是影片剪輯的魅朵白云在天空不停第在哪兒循環(huán)飄如圖6-11所示。因?yàn)椴Ａ峭该鞯?，所以也就不存在上面?huì)遮住下面的問(wèn)題。V戲（S口*圖6-13三塊玻璃就是三個(gè)層如圖6-12，回圖6-12還可以繼續(xù)添加層。雙擊圖層一可以對(duì)它進(jìn)行命名，此處取名為“火焰”點(diǎn)擊新建圖層按鈕就增加了一個(gè)新圖層，取名為“蠟燭體”如圖6-13所示。然后我們就在這一層上面繪制蠟燭體。選擇箭頭工具，修改屬性欄上的背景色為深綠色。用矩形工具繪制一白色矩形，選擇墨水瓶工具，調(diào)

27、整屬性欄上面線條的顏第24頁(yè)共103頁(yè)佛墨水瓶然后再新建一層，換成圖形元件并調(diào)整其透明度，如圖6-15所示。色、粗細(xì)和類別，然后點(diǎn)擊白色矩形，這樣就給白色矩形添加了一個(gè)白色粗糙的邊框，如圖6-14。時(shí)間軸&國(guó)口uw陽(yáng).1112.0fps|6Ld”屋性/匚tF名為“蠟燭芯”繪制一黑色小矩形，用墨水瓶添加黑色粗糙的邊框，然后將這個(gè)矩形和邊框一起轉(zhuǎn)期蠟燭芯/蠟燭體|別巧|【川1|12.0Fps|0秒4-省場(chǎng)懸11鼠4dEE!E3FD火焰戲（B口U蠟燭體備場(chǎng)晨1:匕時(shí),序，如圖所示。丁時(shí)間軸我們發(fā)現(xiàn)蠟燭芯把蠟燭體擋住了，看上去不太真實(shí)，所以我們需要將蠟燭芯向下移一層。用鼠標(biāo)按住圖層進(jìn)行拖動(dòng)就可以方便的

28、改變層之間的疊放順序u火焰蠟燭芯o|別財(cái)Trr|i2.ofPS|o.o&3子了，到此為止就做好了,。如果覺(jué)得蠟燭火焰做的第25頁(yè)共103頁(yè)按ctri+回車看理想的話，可重新編輯它，方法是直接雙擊第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)蠟燭火焰或按F11在庫(kù)里面雙擊“火焰”影片剪輯。如果還想對(duì)它進(jìn)行美化的話，可以給它添加蠟燭油，如圖6-17所示。20蠟燭油B火焰*112.0Fps泉文件的位置:光盤源文件蠟燭的|過(guò)上面這個(gè)例子的學(xué)習(xí),你應(yīng)該例子以加深對(duì)影竺輯的理解。在失的不斷循環(huán)，勺制作.fla對(duì)影片剪輯有所了解，并理解了層的含義。呵呵！是不是有點(diǎn)成就感了？下面我再講做之前我們先分析一下：首先光標(biāo)在界面上

29、不停的閃動(dòng)，它是一個(gè)細(xì)小做成一個(gè)影片剪輯；其次，卜打字效果的線段出現(xiàn)和消-旦文字出現(xiàn)光標(biāo)應(yīng)該立即移到剛現(xiàn)文字的前面（右側(cè)），繼續(xù)等待想到可以把它-旦文字出現(xiàn)光標(biāo)應(yīng)該立即移到剛出現(xiàn)文字的前面（右側(cè)），繼續(xù)等待下-立即移動(dòng)到這個(gè)文字的前面，所以，任何時(shí)候光標(biāo)總是出現(xiàn)在文字前面廠由此開始光標(biāo)的不停閃動(dòng)在等待著文字的出現(xiàn)，個(gè)文字的出現(xiàn)，當(dāng)再有文字出現(xiàn)時(shí)，光標(biāo)又此我們想到用兩個(gè)層來(lái)控制光標(biāo)和文字。啟動(dòng)Flash軟件，新建兩層，分別命名為文字和光標(biāo)，如圖6-18所示。用直線工具繪制一條垂直方向的黑色小線威文件迥編輯伺查看帥插M）修改尷文本控制n（w）幫助工具”時(shí)間軸MacromediaFlashMX-無(wú)標(biāo)

30、S-l閣層110152025畫也口O/(t莖場(chǎng)杲1國(guó)光標(biāo)u世囤土HJI-*-|12.0fpsP6查看2礙色/m的地方鼠標(biāo)右鍵選擇“插入白色關(guān)鍵幀”,這樣第1了第1幀的時(shí)j間。在第四幀處插入幀，就使得前兩幀光標(biāo)可見(jiàn)后兩幀光標(biāo)消失，如圖6-20?；氐綀?chǎng)景，把光標(biāo)從庫(kù)中拖到場(chǎng)景中，如圖6-21所示。按Ctrl+回車鍵進(jìn)行預(yù)覽，是不是已經(jīng)有個(gè)光標(biāo)在畫面上閃動(dòng)?工具時(shí)間軸10152025在光標(biāo)層和文字層的第5幀分別插入關(guān)鍵幀，在文字層第五幀輸入文字“你”，用箭頭工具選中第5幀的光標(biāo)，用方向鍵移動(dòng)到文字前面，如圖6-22所示。MacromediaFlashMX-無(wú)標(biāo)聽(tīng)-叮文件（日編輯同查看插入條改她文本控

31、制窗口幫助鍵文字迸標(biāo)JJ巳|創(chuàng)【切I5I12.0FpsI0.3秒你如文字層的第10幀分別入關(guān)鍵幀，在文字層第10幀輸入文字“現(xiàn)”，用箭頭工具選中第10幀的光標(biāo)，用方向字前面，如圖6-23所示。議色01MacromediaFlashMX-無(wú)標(biāo)黒-叮囪文件（日編輯伺查看插入修改腳文本控制窗口帚助工具時(shí)間軸祎骨口20文字U創(chuàng)創(chuàng)回而12.0Fps0.8&光標(biāo)查看(&查看U創(chuàng)創(chuàng)土|25-I12.0F|你現(xiàn)在還好|2.08?督場(chǎng)懸1你現(xiàn)如議色參寫幾個(gè)字，如圖6-24所示，這樣以來(lái)光標(biāo)總在文字的前面閃動(dòng)。按Ctrl+回車預(yù)覽一下。誦國(guó)口文字迸標(biāo)件打字效果.fla?！亢汀巨D(zhuǎn)換成元件】實(shí)質(zhì)上一樣，只是操作的先后

32、順序不同，最終結(jié)果是一樣的，而且都放勰色置：光盤源文面的【新建元，過(guò)這個(gè)例子，相信你對(duì)影片剪輯有了更進(jìn)一步的了解dI按鈕大家平時(shí)上網(wǎng)看Flash的時(shí)候，往往遇到上面寫有“Play”，當(dāng)我們用鼠標(biāo)點(diǎn)擊一下就可以觀看影片了，看完影片時(shí)會(huì)出現(xiàn)一個(gè)“Replay”，點(diǎn)擊后可以再次觀看影片，而且鼠標(biāo)放上去的時(shí)候甚至?xí)霈F(xiàn)不同的狀態(tài)，比如：變色、移動(dòng)一下、有聲音等現(xiàn)象發(fā)生，這里的“Play”和“Replay”就是所謂的按鈕。通過(guò)以前的例子，你可能已經(jīng)感覺(jué)到在預(yù)覽時(shí)它將會(huì)自動(dòng)循環(huán)播放而無(wú)法控制，按鈕主要就是用來(lái)對(duì)所做影片進(jìn)行控制。第一節(jié)制作Play和Replay按鈕啟動(dòng)Flash軟件，執(zhí)行【插入】菜單下的【

33、新建元件】命令，命名為“Play”，選擇“按鈕”，如圖7-1所示。點(diǎn)擊I確定3按鈕，如圖7-2所示。一個(gè)范圍，當(dāng)鼠標(biāo)放在這個(gè)范圍內(nèi)整為黑色，如圖7-3所示。IUpIS標(biāo)輕過(guò)|Down靈示了按鈕的幾種狀態(tài)，UP是當(dāng)鼠標(biāo)沒(méi)有接觸按鈕時(shí)的狀態(tài)，鼠標(biāo)經(jīng)過(guò)是當(dāng)鼠標(biāo)放上去時(shí)所呈現(xiàn)的狀態(tài)，Down安下時(shí)所呈現(xiàn)的狀態(tài)，反應(yīng)區(qū)是給按鈕設(shè)置一個(gè)反應(yīng)區(qū)域或者說(shuō)給它框定鈕都會(huì)做出反應(yīng)。用文本工具在第1幀（Up幀）寫入“Play”，將顏色-第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)在第2幀（鼠標(biāo)經(jīng)過(guò)幀）插入關(guān)鍵幀，修改“Play”的顏色為紅色并將它向左和向上移動(dòng)一點(diǎn)（最好用方向鍵控制），然后按一下如圖7-4所示。爻應(yīng)區(qū)）再插入關(guān)

34、鍵幀，用矩形工具繪一矩形作為反應(yīng)區(qū)域，用該矩形將“Play”覆蓋，如圖7-5所示。1時(shí)間軸城文件（日編輯回查看加插入修改処文本控制Q窗口（也幫助（出昌|Up|鼠標(biāo)經(jīng)過(guò)|Down_|反厚區(qū)巳tEirvI12.0FpsMacromediaFlashMX-無(wú)標(biāo)題-1查看議色到場(chǎng)景,場(chǎng)景中，如圖7-6所示。(&:匕時(shí)我們制作的“Play”按鈕已經(jīng)放進(jìn)了庫(kù)中，按F11打開庫(kù)，把它拖到J圖層1祎國(guó)1DT20查看籐色到此為止這卜“Play”按安鈕發(fā)揮作用對(duì)話框中選擇一張圖片,12.0Fps0.0秒鈕就做好了，按Ctrl+回車進(jìn)行預(yù)覽，把鼠才。在第2幀處插入白色關(guān)鍵幀（空白關(guān)鍵幀如圖7-7所示。示放上去點(diǎn)擊一

35、下看看?，F(xiàn)在我們創(chuàng)建一個(gè)小動(dòng)畫來(lái)），執(zhí)行【文件】菜單下的【導(dǎo)入】命令，在打開的5場(chǎng)懸iX擊2到20幀之間的任何一幀，在屬性欄選擇“移動(dòng)”和順時(shí)針旋轉(zhuǎn)1次，如圖7-9所示。1kpADKo放工具，選擇工具箱下面的等比縮放按鈕翌回申，將圖片龍轉(zhuǎn)：I順時(shí)針2d|i，現(xiàn)在我們就來(lái)控制影片。當(dāng)個(gè)stop動(dòng)作。打開【窗口】廠使路徑適應(yīng)廠同步廠吸附用鼠標(biāo)單擊“幀動(dòng)作”將幀動(dòng)作面板展開，單擊“屬性”將屬性面板折疊，如圖7-11所示。00因00因0E用鼠標(biāo)單擊第一幀，單擊“Action”,然后單擊“MoveControl”，最后雙擊“Stop”,如圖7-12所示。工具丁時(shí)間軸國(guó)口-1I51015Macromedi

36、aFlashMX-yyyyy.fla冊(cè)文件（日編輯查看插入修改畫文本控制窗口幫助|劇右|【川1|12.0Fps|0.0&查看破色存螢動(dòng)作f|JActionsf|JMovieControlstop:Stopplayingthemovie4gotoonplay我們發(fā)現(xiàn)第一幀已經(jīng)停止下“goto”，在右邊的幀處輸我們點(diǎn)擊鼠標(biāo)按鈕釋放后下，點(diǎn)擊一下“Play”按鈕試試rin-jall沒(méi)有參數(shù).-下,著匕時(shí)再預(yù)覽亍“In”，接著雙擊、過(guò)程的意思是：當(dāng)控制。預(yù)覽MacromediaFlashMX-yyyyy.fla來(lái)。接下來(lái)我們?cè)俳o按鈕添加動(dòng)作，鼠標(biāo)單擊一下按鈕，在動(dòng)作面板中雙數(shù)字“2”，如圖7-13所示

37、，這樣我們就給“Play”按鈕添加了動(dòng)作。這畫面將轉(zhuǎn)到第2幀，并從第2幀開始播放。這樣，影片就得到了我們的stopQ;g文件（日編輯（或查看（刃插人修改文本（D控制（直窗口（創(chuàng)幫助（出工具時(shí)間軸圖層1at10152025查看破色選頂01別財(cái)T丁ioPlayFps0.0&|卷Actiongfbr邏有廿配樣品客稱（Play）ActionsMovieControlgotoonplaystopstopAllSoundsgoto:Gotothespecifiedframeofthen100席轉(zhuǎn)到并播放94r1悄前場(chǎng)景d1幀編號(hào)T共103頁(yè)d場(chǎng)員（）:類型:第嗨迎頁(yè)+-Q密北J因JBrowser/Netw

38、orkMovieClipControlVariables第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)源文件的位置：光盤源文件Play按鈕演示.fla同樣的辦法，我們?cè)賮?lái)做一個(gè)“Replay”按鈕（參照Play按鈕的制作），新建一圖層，命名為“Replay”，在20幀處插入一空白關(guān)鍵幀，把庫(kù)打開，將“Replay”按鈕拖到場(chǎng)景中，如圖7-14所示。如圖7-15所示。MacromediaFlashMX-Replay按鈕演示.fl日岫文件（日編輯伺查看插入修改腳文本控制窗口帚助工具查看議色|感覽時(shí)間軸圖層1卿骨口152512.0Fps1.6刃Actionsf|JMovieControlgotoonplayl-l

39、stop-4stopAllSounds*勿B(yǎng)rowser/Network勿MovieClipControl勿VariablestiConditions/LoopsHstop:Stopplayingthemovie沒(méi)有參數(shù).stppQ;0帕動(dòng)作20忌客稱圈忌1鼠按鈕是否也發(fā)揮了作用。on和goto動(dòng)作，右邊幀處輸入數(shù)字“2”，如圖7-16所示。再預(yù)覽一下看看“Replay”工具M(jìn)acromediaFlashMX-PlayEc鈕SI示.Rb鎖文件（日編輯同查看插入條改她文本控制窗口幫助查看*動(dòng)作Actionsfar有分配樣話客檸(Replay)議色文牛的位匸口置：|JActionsfpMovieC

40、ontrolgotoonplaystopstopAllSounds一幀添光盤源文件RePay按鈕演示亙IMovieClipControl不知道goto:Gotothespe匚iFiedframeofthemo-燈轉(zhuǎn)到并播放（i）r場(chǎng)昌c：|塔前場(chǎng)杲*類型（1）:顧藕幀込:|T.fla+-0腱坯什么時(shí)候給幀添加動(dòng)作，什作,我們要用鼠標(biāo)點(diǎn)擊按鈕讓它么時(shí)候給按鈕添加動(dòng)作，因?yàn)槲覀円尩?幀停止下來(lái)，所以這時(shí)要給這腫to,所以這時(shí)）;動(dòng)作。正確地做法是：當(dāng)確用鼠標(biāo)點(diǎn)擊2）大家還容易犯的一點(diǎn)錯(cuò)誤就是不能正確地添加動(dòng)作,定給幀添加動(dòng)作時(shí)，就用鼠標(biāo)點(diǎn)擊相應(yīng)的幀，然后選擇動(dòng)作面板中的動(dòng)作，當(dāng)確下該按3）當(dāng)幀被

41、添加動(dòng)作后，幀的上面會(huì)有一個(gè)字母“a”一樣的標(biāo)志団。4）養(yǎng)成給按鈕添加反應(yīng)區(qū)域的習(xí)慣。對(duì)于用文本制作按鈕來(lái)說(shuō)，反應(yīng)區(qū)域就必不可少，否則，只有當(dāng)鼠標(biāo)接近文字有顏色的地方按鈕才會(huì)有反應(yīng)。！第二節(jié)制作抓圖游戲上一節(jié)后，我們?cè)賮?lái)做個(gè)小游戲，對(duì)按鈕進(jìn)行練習(xí)。啟動(dòng)Flash軟件，導(dǎo)入一張圖片并將它轉(zhuǎn)換成按鈕，此按鈕不需要編輯，如圖7-17所示。我們想做的效果是無(wú)論鼠標(biāo)如何移動(dòng)都碰不到這個(gè)娃娃，我們思想是先讓第一幀停止下來(lái)，當(dāng)我們的鼠標(biāo)一旦接觸到娃娃按鈕的時(shí)候畫面立即轉(zhuǎn)到第2幀并停止下來(lái)，由于第2幀圖片的位置和第1幀圖片的位置不同，所以給我們的視覺(jué)效果就是娃娃圖片跑到右邊去了。當(dāng)鼠標(biāo)接觸到第2幀上的娃娃按鈕

42、時(shí)，畫面轉(zhuǎn)到并停止在第3幀，當(dāng)鼠標(biāo)再次接觸到第3幀上的娃娃按鈕，畫面轉(zhuǎn)到并停止在第1幀。給第1幀添加“stop”動(dòng)作，給第1幀上的娃娃按鈕添加“on”動(dòng)作，右邊事件中將“釋放”取消，選擇“指針經(jīng)過(guò)”，如圖7-20所示。娃按鈕添加“goto如圖7-21所示。+-p線條1:on(rollover)n(rollover)第爭(zhēng)件：廠點(diǎn)擊P指針經(jīng)過(guò)迪廠釋放廠指針離開動(dòng)作，右邊選擇“轉(zhuǎn)到并停止”，幀處輸入數(shù)字題”廠按鍵臉：|廠拖放離開stopAllSoundsBrowser/NetworkMovieClipControlVariables匸0嗣讓泊陽(yáng)/1()叩5刮ZJzdZJMovieControl時(shí)間軸

43、昌ActionsMovieControlgotoonplaystopstopAllSounds|卷Actionsfbr沒(méi)有井BE!樣話客稱屮天使）女如圖7-22dtop(2);goto:Gotothespe匚iFiedframeofthemovier轉(zhuǎn)到并播放d）陽(yáng)轉(zhuǎn)到并停止g）n(rollover)攵”取消，選擇“指針經(jīng)過(guò)”,0|陽(yáng)W|T|12.0FmI(M)秒*II省場(chǎng)懸1q娃娃按鈕添加“丁動(dòng)作i510152025303540Browser/NetworkMovieClipControlVariables審時(shí)間軸IPActionsfpMovieControlgotoonplaystopst

44、opAllSounds*動(dòng)作on:PerformsactionswhenaparticularmouseeventdixLirs爭(zhēng)件：廠點(diǎn)擊廠釋放廠釋放離開迫）廠按鍵:雨指軒鏗過(guò)“迥廠j薛兩棄亦廠拖放輕過(guò)廠拖放離開（X）+-POn(rollover)第41頁(yè)共103頁(yè)Browser/NetworkMovieClipControlVariables線條1:on(rollover)再給第2幀的娃娃按鈕添加“goto”動(dòng)作，右邊選擇“轉(zhuǎn)到并停止”，幀處輸入數(shù)字“3”，如圖7-23所示。1也Actions場(chǎng)員:I各前場(chǎng)員類型(X：礫尋r轉(zhuǎn)到并播放o-轉(zhuǎn)到并停止”動(dòng)作按ActicingFor沒(méi)有分S!樣

45、詁客檸屮天妙|12.0fps|0.1S?T|01巴|史I【訓(xùn)廠省場(chǎng)最1Nf|JActions|JMovieControlgotoonplaystopstopAllSounds10152025303540goto:Gotothespecifiedframeofthemovie取消，選擇“指針經(jīng)過(guò)”，如圖724所示/Networkn.1ES給第3幀的娃娃按鈕添加一我們最開始就讓第1幀“stop”勿Conditions/Loops爭(zhēng)件：廠點(diǎn)擊應(yīng)指軒經(jīng)過(guò)“迺廠釋放廠指SmS皿廠釋放離開(0)廠拖放經(jīng)過(guò)廠按鍵曲：廠拖放離開(T)動(dòng)作L此時(shí)右邊是選擇“轉(zhuǎn)到并停止”還是選擇“轉(zhuǎn)至門處處輸輸入入數(shù)字on:Pe

46、rformsactionswhenaparticularmouseeventouurs”卩goto”已經(jīng)無(wú)所謂了，因線條1:on(rollover)第42頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)SI00goto:Gotothespe匚iFiedframeofthemovier轉(zhuǎn)到并播放席轉(zhuǎn)到并便丘)n(rollover)|卷Actionsfbr沒(méi)有井BE!樣話客稱0卜天妙f|JActions|JMovieControlgotoonplaystopstopAllSoundsBrowser/NetworkMovieClipControlVariables看看你能可娃娃娃上上面面。(1)；說(shuō)明：

47、gotoAnd5top(l);讀者可能會(huì)想到如果讓每個(gè)幀上的按鈕不是選擇“轉(zhuǎn)到并停止”而是“轉(zhuǎn)到并播放”然后給每個(gè)幀添加Stop動(dòng)作是否可以呢？答案是肯定的，讀者不妨試試。源文件的位置：光盤源文件抓圖游戲fla通過(guò)這一章的學(xué)習(xí)相信你對(duì)按鈕有了一個(gè)深刻的認(rèn)識(shí)。引導(dǎo)線在前幾章的學(xué)習(xí)中我們所做的動(dòng)畫中元件在相鄰兩個(gè)關(guān)鍵幀之間是沿著直線運(yùn)動(dòng)，然而我們?cè)谝恍〧laSh中經(jīng)?？吹揭恢恍▲B在天空任意翱翔，還有一朵花瓣或一片樹葉隨風(fēng)飄落，它們的運(yùn)行軌跡并非直線而是曲線。事實(shí)上，不管是小鳥的飛行還是花瓣的飄落它們都是按照我們事先做好了的曲線在運(yùn)動(dòng)，事先做好了的這種能夠引導(dǎo)它們運(yùn)動(dòng)的曲線我們把它稱為引導(dǎo)線。引導(dǎo)基

48、礎(chǔ)知識(shí)啟動(dòng)FlaSh軟件，繪制一個(gè)不要邊框的圓，將它轉(zhuǎn)換成圖形元件，如圖8-1所示。在25幀處插入關(guān)鍵幀，將圖形元件移動(dòng)到右邊并創(chuàng)建動(dòng)畫，如圖8-2所示。越昌口15圖層112120fps0.9?這就是我們最初學(xué)習(xí)的圖形元件和移動(dòng)漸變，其預(yù)覽效果是這個(gè)圓從左邊直線移動(dòng)到了右邊。鈕，如圖8-3所示。面我們來(lái)制作引導(dǎo)線讓。點(diǎn)擊“添加引導(dǎo)層”時(shí)間軸第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)備場(chǎng)晨1祎固口引導(dǎo)線原文件的閣層1麥著我們備場(chǎng)豈1b時(shí)間軸0|巳I右IEirvI12.0FpsU果。啟動(dòng)Fl|亀&冋阪3I亀巍2現(xiàn)在預(yù)覽一下，我們發(fā)現(xiàn)此時(shí)圓已經(jīng)不在沿直線運(yùn)動(dòng)，而是沿著我們繪制的位置：光盤源文件引導(dǎo)線.fla明

49、白了引導(dǎo)線的原理，我們現(xiàn)在就來(lái)制作一片樹葉飄落的效它轉(zhuǎn)換成圖形元件如圖8-5所示。LdI在新建的引導(dǎo)層上面用鉛筆工具繪制引導(dǎo)線，并調(diào)整圖層1和引導(dǎo)線的起點(diǎn)和終點(diǎn)對(duì)齊，如圖8-4所示。VI11510-I1152025I-H導(dǎo)線：.f.|O1D圉層1口!B癥弼1窸iI12|12.0Fps|0.9&，讓圖形元件的中心點(diǎn)分別的曲線在運(yùn)動(dòng)。h軟件,用鋼筆工具在場(chǎng)景里繪制一片樹葉并將圖層1200|巴用|HirvI12.0FpsojU50幀處插入關(guān)鍵幀，將樹葉放到落地時(shí)的位置，創(chuàng)建動(dòng)畫并使其在落時(shí)順時(shí)針旋轉(zhuǎn)一次，如圖8-6所示。455C石*廚L|*|財(cái)也匕34INDFpw8秒J同歩：|爭(zhēng)件聲音：骰有效果：展

50、W如圖中間：|移動(dòng)2030405i:引導(dǎo)線f*P圖層2d下來(lái)了。叭樹葉飄落.fla上J別比I土回|丨12盯聲I4.1秒可預(yù)覽一下，一片樹葉就飄落原文件的位置：光盤源文件節(jié)用筆描寫字的輪廓卜上一節(jié)的學(xué)習(xí)，我們知道了圖形元件可以沿著引導(dǎo)線從一端運(yùn)動(dòng)到另一端。如果我們需要圖形元件（比如飛機(jī)）做云動(dòng)，那用什么做引導(dǎo)線呢，我們想到了橢圓工具。啟動(dòng)Flash軟件，繪制一個(gè)如圖8-8所示的圖形并轉(zhuǎn)換成圖形元件，在25幀處插入關(guān)鍵幀，然后創(chuàng)建動(dòng)畫，如圖8-8所示。丁時(shí)間軸丁時(shí)間軸第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)誰(shuí)對(duì)齊呢？聰明的讀者可能想到了用橡皮擦擦讓圖層1兩關(guān)鍵幀上圖形元件的中心分別和橢20比|回I_1I1

51、2.0FpsI0.5&我們現(xiàn)在遇到了一個(gè)問(wèn)題：橢圓示封閉的區(qū)域，圖形元件的起點(diǎn)和終點(diǎn)出一個(gè)缺口的辦法，這正是我們的答案！用橡皮擦將橢圓擦出一個(gè)缺口，圓的兩頭對(duì)齊，如圖8-10所示。g*時(shí)間軸固工引導(dǎo)線：*所示。此時(shí)，再預(yù)覽一下看看。，不要緊，鼠標(biāo)點(diǎn)擊下圖層1上1到25昌時(shí)間軸昌時(shí)間軸I備歸1lgJ冋呢3源文件的位置：光盤源文件中間:I移動(dòng)環(huán)形引導(dǎo)fla這個(gè)例子告訴我們引導(dǎo)線不一定是鉛筆畫出來(lái)的，制一個(gè)字的輪廓效果。啟動(dòng)1設(shè)置為ArinIBInck.字體大1軟件T50(條都可普旦口：只能調(diào)到9聲音效果以。有了這個(gè)例子做基礎(chǔ)，下面我們來(lái)做一個(gè)用筆繪用文本工具寫一個(gè)大寫字母“F”，將文本屬性的字體5

52、,此時(shí)可用鍵盤輸入）如圖8-12所示。將F打散，此時(shí)F處于選中狀態(tài)，如圖8-13所丁時(shí)間軸丁時(shí)間軸33背景F20I陽(yáng)i【】irT|i2.orofl用箭頭工取消向01用|E|lIiz.oFm|6確|亀巍3Zl將F打散是變生欄設(shè)置我們以用墨水瓶工具給它添加邊框了。選擇墨水瓶工具，在屬個(gè)邊框，如圖8-15所示。20越國(guó)口背員F屋性I巳陽(yáng)mirv|i2.oojUZl第50頁(yè)共103頁(yè)丁時(shí)間軸第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)用箭頭工具選中F將它刪除，這樣我們就獲得了F的輪廓，如圖8-16所示。將用橡皮擦將F擦出一個(gè)缺口，如圖8-17所示。背景F新建一圖I巳陽(yáng)【訓(xùn)|i2.opzflZl筆狀物作為畫筆并轉(zhuǎn)換

53、成圖形元件，如圖8-19所示。510152025畫筆G?背員F11-Jiri-1i2.ofpsroJZl點(diǎn)擊一下尖對(duì)著該這里只有，我們對(duì)它進(jìn)行編輯，把畫筆的筆回到場(chǎng)景152025，讓F的輪廓這個(gè)引導(dǎo)線去引導(dǎo)它。添加引導(dǎo)層，鼠標(biāo)放在背景F層的第一幀點(diǎn)擊鼠標(biāo)右鍵，在彈出的菜單中選擇“拷貝幀”然后在引導(dǎo)層的第一幀點(diǎn)擊鼠標(biāo)右鍵,在彈出菜單中選擇“粘貼幀”，如圖8-22所示。引導(dǎo)線口背員F*|陽(yáng)TFT|12.0FpsojU這時(shí)引導(dǎo)背第的完一起，為在在操作時(shí)不會(huì)讓背景F層受到影響，我們把我們把背景F層隱藏并鎖住，如圖823，用鼠標(biāo)單擊圖中的標(biāo)志處即可實(shí)現(xiàn)圖戻的隱藏顯示、鎖開。昌T時(shí)間軸昌T時(shí)間軸第 頁(yè)共1

54、03頁(yè)第 頁(yè)共103頁(yè)引導(dǎo)線畫筆祎骨口152025I陽(yáng)wirv112.0Fps此時(shí)我們點(diǎn)（筆尖I在調(diào)整畫筆的位置讓它在畫筆層的第1幀和第25幀的中心預(yù)覽一下，看畫筆能否圍繞F描一圈。引導(dǎo)線畫筆G?背員F(S1520引導(dǎo)效果JJ|25-|12.0FpsPZfl層的鎖打開并讓它顯示，如圖8-25。LdT時(shí)間軸T時(shí)間軸第 #頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)1520引導(dǎo)線畫筆G?背員F-t鼠標(biāo)放在0|陽(yáng)T|I12.0fpsToSlOObZl內(nèi)容，所以用橡皮擦將F全部擦除，如圖8-26所示。背員F然后鼠標(biāo)|陽(yáng)TFT|12.0FpsojU100*8-27所示T時(shí)間軸T時(shí)間軸引導(dǎo)線祎骨口(SB畫筆口背杲F152

55、025備場(chǎng)懸1安照同樣，如圖8-29所示。國(guó)*時(shí)間軸20背景F山陽(yáng)【切|亍|12.0FpsPolH備場(chǎng)懸1再將鼠標(biāo)口畫筆口背杲F|陽(yáng)B|r|12.0Fpsrofl-n:|-|25112.0fpsrZog備場(chǎng)懸103頁(yè)第 頁(yè)共103頁(yè)第 #頁(yè)共103頁(yè)到此為止就做好了，預(yù)覽一下看看。源文件的位置：光盤源文件環(huán)形引導(dǎo)fla我們來(lái)分析一下這個(gè)過(guò)程。一共有三個(gè)層，畫筆層是讓畫筆運(yùn)動(dòng)，引導(dǎo)層是讓引導(dǎo)線去引導(dǎo)畫筆如何去運(yùn)動(dòng)，這兩層最終產(chǎn)生的效果是讓畫筆能夠圍繞F描一圈。我們?cè)賮?lái)看背景F層，它上面的25幀全部都是關(guān)鍵幀，也就是說(shuō)這25幀上面共有25個(gè)F,除最后一幀外的每一幀我們都用橡皮擦擦過(guò)，我們總是讓每一

56、幀未擦除的部分和畫筆的運(yùn)動(dòng)保持同步，這樣畫筆走到哪里哪里就有線條出現(xiàn)，給我們視覺(jué)上的效果就是感覺(jué)線條是用筆畫出來(lái)的，其實(shí)，只不是畫筆和線條保持了同步而已。由此可以驗(yàn)證我前面的那句話：動(dòng)畫是欺騙人視覺(jué)效果的一種把戲。另外，我們將背景F層第一幀的F擦出一個(gè)缺口的原因有兩個(gè)：一是為了引導(dǎo)層，因?yàn)橐龑?dǎo)線F是從這里拷貝過(guò)去的；二是為了后來(lái)擦除的方便，因?yàn)楹髞?lái)的24幀插入的都是關(guān)鍵幀，如果沒(méi)有這個(gè)缺口，那么我們?cè)谝院蟛脸總€(gè)F時(shí)就不能保證每幀寫出F部分的起點(diǎn)是對(duì)齊的，這是一個(gè)小技巧。思考一下，在這種情況下怎樣使得F在寫完之后看不見(jiàn)缺口？說(shuō)明：引導(dǎo)線可以是鉛筆或鋼筆繪制也可以是圓或矩形工具繪制的線條。引導(dǎo)線

57、是不可見(jiàn)的。在添加引導(dǎo)層時(shí)先把被引導(dǎo)的層上的動(dòng)畫做好。被引導(dǎo)的對(duì)象只能是元件(圖形元件、按鈕元件、影片剪輯元件)。引導(dǎo)線引導(dǎo)的是元件的中心，這就是為什么要編輯畫筆，否則就變成筆桿在寫字了。引導(dǎo)效果一旦做好就把它鎖住以防遭到破壞。遮罩第一節(jié)遮罩的原理遮罩(遮蔽)和前一章所講的引導(dǎo)類似，通過(guò)兩個(gè)層的相互作用而產(chǎn)生一種特殊的效果。我們通過(guò)下面的實(shí)例來(lái)說(shuō)明這一點(diǎn)。啟動(dòng)Flash軟件，在屬性欄將背景色設(shè)置成深綠色，如圖10-1所示。10-2所示。*時(shí)間軸*時(shí)間軸第 #頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)文字20層命名為“圓”，繪制一沒(méi)有邊框的圓，顏色為白色,新建一圖丿當(dāng)住了，如圖10-3所示。將圓放在和文字同樣

58、的高度，此時(shí)圓將文字層上的文字給0|用II12.0fpsr6oS遮罩效果演示J效果演示對(duì)這圓層.點(diǎn)擊鼠標(biāo)右鍵，彈出右鍵菜單，如圖10-4所示。凰t時(shí)間軸凰t時(shí)間軸第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)1全部顯不鎖定苴他閤層隠含苴他閣層510152025插入團(tuán)層刪除圖層12.0Fps(M)秒備場(chǎng)懸1引導(dǎo)線添加引導(dǎo)線瀬插入目錄廳礬刪除目錄雀童茂展開目錄IO：合攏目錄.選擇“遮蔽”將出現(xiàn)10-5所示的畫面。展開所有目錄折疊所有目錄s果演示屬性矽文字*(S12.0Fps什么會(huì)出現(xiàn)這種現(xiàn)象。你可以這樣來(lái)想象，文字的上方蒙曲十么都看不見(jiàn)，因?yàn)槲淖秩勘患埶鶕踝×?，正是因?yàn)橛辛诉@個(gè)孔才讓你看到了下面的黑色文字，所

59、以你只能看到一部分。好好理解這段話，非常關(guān)鍵！源文件的位置：光盤源文件遮罩演示一fla接下來(lái)，我們將文字層和圓層上下位置互換，看又會(huì)出現(xiàn)什么情況。將鼠標(biāo)對(duì)著圓這一層點(diǎn)擊鼠標(biāo)右鍵在彈出菜單中將“遮罩”取消，然后將文字層拖到圓的上方，如圖10-6所示。只看到了兩個(gè)字，而且還不完整張帶有孔的紙，這個(gè)空就是白色的圓我們我們來(lái)分析一下為什如果沒(méi)有這個(gè)孔的話國(guó)T時(shí)間軸國(guó)T時(shí)間軸T時(shí)間軸第 #頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)第 頁(yè)共103頁(yè)文字P圓a遮罩效果演示Zl出現(xiàn)如圖10-7所示的畫面。此時(shí)鼠標(biāo)對(duì)著文字層單擊鼠標(biāo)右鍵，在彈出菜單中選擇“遮罩”,原文件的位置：光盤源文件遮罩演示二fla備場(chǎng)懸1效果和前一次（

60、圖10-5）的效果非常相似，不同的是文字顏色由黑色變成了現(xiàn)在的白色這又是怎么回事呢?的那種思想來(lái)解釋臨想象著下面放著一個(gè)白色的圓1我們看到:還是用剛遮莒豕著一張帶有一些孔的紙，這些孔就是文字（指文字上有顏色的部分），透過(guò)這些文字扎我們看到了下面圓上的部分，由于孔是文字的形狀，所以我們看到的圓的部分組成的仍然是文字，而圓的顏色是白色，因此看到的效果就是白色的文字。源文件的位置：光盤源文件遮罩演示二fla其實(shí)，我們還可以通過(guò)讓圓移動(dòng)來(lái)實(shí)現(xiàn)手電光照射效果。將遮罩效果取消，將圓層上的鎖打開（這是做遮罩效果時(shí)自動(dòng)鎖住的），在25幀處插入關(guān)鍵幀，將圓的位置移到右邊，創(chuàng)建動(dòng)畫（別忘了把鼠標(biāo)放在第1幀到第25