Flash 8 遮罩動畫詳解及實(shí)例.doc

Flash 8 遮罩動畫詳解及實(shí)例在Flash8.0的作品中，我們常?？吹胶芏嘌Ｄ可衿娴男Ч?，而其中不少就是用最簡單的“遮罩”完成的，如水波、萬花筒、百頁窗、放大鏡、望遠(yuǎn)鏡等等。那么，“遮罩”如何能產(chǎn)生這些效果呢？在本節(jié)，我們除了給大家介紹“遮罩”的基本知識，還結(jié)合我們的實(shí)際經(jīng)驗(yàn)介紹一些“遮罩”的應(yīng)用技巧，最后，提供二個很實(shí)用的范例，以加深對“遮罩”原理的理解。在Flash8.0中實(shí)現(xiàn)“遮罩”效果有二種做法，一種是用補(bǔ)間動畫的方法，一種是用actions指令的方法，在本節(jié)中，我們只介紹第一種做法。1遮罩動畫的概念 （1）什么是遮罩 “遮罩”，顧名思義就是遮擋住下面的對象。在Flash8.0中，“遮罩動畫”也確實(shí)是通過“遮罩層”來達(dá)到有選擇地顯示位于其下方的“被遮罩層”中的內(nèi)容的目地，在一個遮罩動畫中，“遮罩層”只有一個，“被遮罩層”可以有任意個。（2）遮罩有什么用 在Flash8.0動畫中，“遮罩”主要有2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。2創(chuàng)建遮罩的方法 （1）創(chuàng)建遮罩 在Flash8.0中沒有一個專門的按鈕來創(chuàng)建遮罩層，遮罩層其實(shí)是由普通圖層轉(zhuǎn)化的。你只要在要某個圖層上單擊右鍵，在彈出菜單中把“遮罩”前打個勾，該圖層就會生成遮罩層，“層圖標(biāo)”就會從普通層圖標(biāo)變?yōu)檎谡謱訄D標(biāo)，系統(tǒng)會自動把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”,在縮進(jìn)的同時圖標(biāo)變?yōu)?，如果你想關(guān)聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面就行了，如圖3-5-1所示。圖3-5-1 多層遮罩動畫（2）構(gòu)成遮罩和被遮罩層的元素遮罩層中的圖形對象在播放時是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。（3）遮罩中可以使用的動畫形式可以在遮罩層、被遮罩層中分別或同時使用形狀補(bǔ)間動畫、動作補(bǔ)間動畫、引導(dǎo)線動畫等動畫手段，從而使遮罩動畫變成一個可以施展無限想象力的創(chuàng)作空間。3應(yīng)用遮罩時的技巧遮罩層的基本原理是：能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如，我們不能通過遮罩層的漸變色來實(shí)現(xiàn)被遮罩層的漸變色變化。 要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。 可以用“AS”動作語句建立遮罩，但這種情況下只能有一個“被遮罩層”，同時，不能設(shè)置_alpha屬性。 不能用一個遮罩層試圖遮蔽另一個遮罩層。 遮罩可以應(yīng)用在gif動畫上。 在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時間軸面板的顯示圖層輪廓按鈕，使之變成，使遮罩層只顯示邊框形狀，在種情況下，你還可以拖動邊框調(diào)整遮罩圖形的外形和位置。 在被遮罩層中不能放置動態(tài)文本。 實(shí)例：紅星閃閃 圖3-5-2 紅星閃閃知識提要 將線條轉(zhuǎn)化為填充 創(chuàng)建遮罩動畫 使用變形面板 任意變形工具中“注冊點(diǎn)”的應(yīng)用 學(xué)習(xí)使用橡皮工具中的“水籠頭”工具和擦除線條 （1）創(chuàng)建影片文檔 1、設(shè)置影片文檔屬性執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項(xiàng)后，點(diǎn)擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設(shè)置文件大小為400*400象素，【背景色】為黑色。（在教程中，我們?yōu)榱烁玫娘@示場景中的內(nèi)容，背景色設(shè)為了深藍(lán)色），如圖3-5-3所示。圖3-5-3 文檔【屬性】面板（2）創(chuàng)建元件 1、 創(chuàng)建“閃光線條”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條”。選擇工具欄上的直線工具，在場景中畫一直線，在【屬性】面板上作如圖3-5-5設(shè)置。圖3-5-5 閃光線條的【屬性】面板參數(shù)設(shè)置2、 創(chuàng)建“閃光線條組合”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條組合”，如圖3-5-6所示。圖3-5-6 創(chuàng)建閃光線條元件從庫中將名為“閃光線條”的元件拖入新元件編輯窗口的場景中，在X軸上的位置為-200，Y軸為20。然后單擊工具欄上的任意變形工具，此時元件的中心會出現(xiàn)一個小白點(diǎn)，它就是對象的“注冊點(diǎn)”，用鼠標(biāo)左鍵按住它，拖到場景的中心處松手。圖3-5-7中的“1”顯示的是注冊點(diǎn)在元件的中心時的情形，“2”顯示的是注冊點(diǎn)已拖到場景中心時的情形。圖3-5-7 移動注冊點(diǎn)到場景的中心然后執(zhí)行【窗口】|【設(shè)計(jì)面板】|【變形】命令，打開變形面板，選中【旋轉(zhuǎn)】，角度為15度，連續(xù)按下【復(fù)制并應(yīng)用變形】按鈕，在場景中復(fù)制出的效果如圖3-5-8所示。圖3-5-8 變形面板及復(fù)制好的元件在時間軸的關(guān)鍵幀上點(diǎn)一下，選中全部圖形，執(zhí)行【修改】|【分散】命令，把線條打散，再執(zhí)行【修改】|【形狀】|【將線條轉(zhuǎn)化為填充】命令，將線條轉(zhuǎn)變?yōu)樾螤睢?、 創(chuàng)建“閃光”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“閃光”，如圖3-5-9所示。圖3-5-9 創(chuàng)建“閃光”元件單擊【確定】后進(jìn)行“新元件編輯窗口”，接著把庫里名為“閃光線條組合”的元件拖到場景中，對齊中心點(diǎn)，復(fù)制此元件，在第30幀處加關(guān)鍵幀，再回到第1幀中建立補(bǔ)間動作動畫，【屬性】面板上設(shè)置順時針旋轉(zhuǎn)一周。然后新建一層，在第1幀中執(zhí)行【編輯】|【粘貼到當(dāng)前位置】命令，使二層中的“閃光線條組合”完全重合，再執(zhí)行【修改】|【變形】|【水平翻轉(zhuǎn)】命令，讓復(fù)制過來的線條和第一層的線條方向相反，在場景中形成交叉的圖形。在第30幀處建立關(guān)鍵幀，在第1幀中建立動作補(bǔ)間動畫，【屬性】面板上設(shè)置逆時針旋轉(zhuǎn)一周，最后將此層設(shè)為遮罩層，如圖3-5-10所示。圖中顯示的是“閃光”元件的時間軸面板和各圖層中的動畫設(shè)置。圖3-5-10“閃光”元件編輯界面4、 創(chuàng)建“紅星”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“紅星”。我們要在這個元件中畫一個漂亮的紅星，為了畫好紅星，我們分九步來敘述具體的畫法，圖3-5-11中的“1-9”的數(shù)字表示這九個步驟。圖3-5-11 紅星的九步畫法第一步，按住shift鍵，從場景中心向上畫一根黃色的線條，如圖3-5-11中的“1”所示。第二步，選擇工具箱中的任意變形工具,在畫好的線條上點(diǎn)一下，這里，線條的中心出現(xiàn)一個白色的小園點(diǎn)，我們叫它“注冊點(diǎn)”。如圖3-5-11中的“2”所示。第三步，鼠標(biāo)左鍵按住這個小白點(diǎn)，拖到線條的最下端，這是因?yàn)槲覀円尵€條要以下端為中心旋轉(zhuǎn)復(fù)制。如圖3-5-11中“3”所示。第四步，執(zhí)行【窗口】|【設(shè)計(jì)面板】|【變形】，打開變形面板，各參數(shù)設(shè)置如圖3-5-12。按下【復(fù)制并應(yīng)用變形】按鈕四次，就會在場景中每隔72度復(fù)制出一根線條，五個線條的頂端構(gòu)成五角星的五個頂點(diǎn)。如圖3-5-11中的“4”所示。圖3-5-12 變形面板第五步，用綠色線條分別連接五根線條的頂端，五角星的模樣已經(jīng)出來了，如圖3-5-11中“5”所示。第六步，用白色線條分別連接五角星中心和上一步連線的中點(diǎn)，如圖3-5-11中“6”所示。第七步，選擇工具欄上的橡皮工具 ，在工具欄下面的選項(xiàng)中選擇“水籠頭”工具，在多余的線段上點(diǎn)一下，去除線段，修整好的五角星如圖3-5-11中的“7”所示。第八步，用油漆筒工具給五角星上色，每個角的左右顏色可略有區(qū)別，增加立體感，如圖3-5-11中的“8”所示。第九步：再選擇橡皮工具，點(diǎn)開旁邊的小三角，在“擦除線條”前打勾，如圖3-5-13所示。圖3-5-13 擦除線條用橡皮工具擦去紅星上的線條，一顆漂亮的紅星就做成了，如圖3-2-11中“9”所示。技巧：在Flash8.0中，還可以用更簡單的方法畫紅星，選擇工具欄上的多角星形工具，如圖3-5-14。圖3-5-14 多角星形工具-圖3-5-15 多角星形工具選項(xiàng)設(shè)置面板-（3）創(chuàng)建動畫 回到主場景中，把“閃光”元件拖入第二層，新建二層，第三層中拖入“紅星”元件，在場景的下方寫下白色的“閃客啟航電影制片廠”的文字，完成后的時間幀面板及場景如圖3-5-16所示。圖3-5-16 時間軸及場景按Ctrl+Enter組合鍵，測試動畫。此時，你欣賞著自己親手做的“閃閃紅星”動畫，心中再回想一下“遮罩”在動畫中的作用，是否已經(jīng)感受到“遮罩”這一功能的神奇？FLASH運(yùn)動引導(dǎo)層的制作方法軟件版本：FLASH 8主要操作：添加引導(dǎo)層、選擇工具、補(bǔ)間-動畫。 在FLASH軟件中，物體可以按照設(shè)計(jì)好的路線進(jìn)行移動，實(shí)現(xiàn)這種移動的方法就是FLASH的運(yùn)動引導(dǎo)層。 圖1，使用橢圓工具在舞臺中繪制一個“橢圓”，按下快捷鍵“Ctrl+G”組合圖形。 圖2，在時間軸上“圖層1”左端，單擊鼠標(biāo)右鍵，在打開的快捷菜單中選擇“添加引導(dǎo)層”命令。 圖3，這時“圖層1”上就增加了一個圖層，使用“鉛筆工具”在“引導(dǎo)層”中自由繪制一些線段。 圖4，在“圖層1”與“引導(dǎo)層”第30幀處按下鍵盤“F5”鍵，增加兩個層的幀。 圖5，使用“選擇工具”，移動“橢圓”，將其中心點(diǎn)移動到引導(dǎo)層線段一端。 圖6，在“圖層1”中，第30幀處按下鍵盤“F6”鍵，增加關(guān)鍵幀。 圖7，使用“選擇工具”將“橢圓”移動到“引導(dǎo)層”線段另一端。 圖8，單擊“圖層1”中任意一幀，在屬性面板的“補(bǔ)間”下選擇“動畫”，到此動畫就添加完畢了。 圖9，引導(dǎo)層動畫就制作完了，播放看看，果然“橢圓”可以隨著引導(dǎo)層中復(fù)雜的路線在移動了。 在動畫制作中，蒼蠅、飛機(jī)等飛行物都可以通過這樣的方法來制作。Flash動畫技巧之如何掌握引導(dǎo)層問題：作移動漸變動畫的時候，使用了引導(dǎo)層。但是我的元件為什么沒有按照引導(dǎo)線去運(yùn)動，而是從開始幀的位置直接移動到結(jié)束幀的位置？ 解決思路： 引導(dǎo)層的作用是限制元件的移動軌跡。如何來實(shí)現(xiàn)呢，我們必須把元件運(yùn)動的開始幀放到引導(dǎo)線的一端，結(jié)束幀放到引導(dǎo)線的另一端，這樣引導(dǎo)線才可以根據(jù)自身的形狀來限制元件的移動。出現(xiàn)上述問題的朋友很多，其實(shí)原因很簡單，就是在放置元件的過程中沒有與引導(dǎo)線粘合，導(dǎo)致無法之作出效果。 具體步驟： 1、運(yùn)行FlashMX2004，文檔屬性默認(rèn)； 2、在第1幀中，單擊工具欄中的圓形工具在舞臺畫一個正圓。 3、單擊此圓，使其處于被選中狀態(tài)。按“F8”鍵打開【創(chuàng)建新元件】面板，命名為“正圓”，類型為圖形元件。 4、新建一個運(yùn)動引導(dǎo)圖層。如圖2.1.8所示。 2.1.2-1.fla 注意-在實(shí)現(xiàn)引導(dǎo)線效果的時候，一定要注意元件與引導(dǎo)線的粘合問題。如果沒有粘合，則元件就會按照開始幀和結(jié)束幀的位置直線運(yùn)動。 提示我們可以單擊工具欄里面的放大鏡工具來放大場景，這樣我們就更清楚地看到元件中的空圓心，對我們實(shí)現(xiàn)這個效果有極大的幫助。 運(yùn)動引導(dǎo)線在動畫發(fā)布的時候是看不到的，所以引導(dǎo)線的顏色大家可以隨意設(shè)置，只要與場景中的主體顏色區(qū)分開就可以了。 如果沒有吸附感，可以單擊工具欄中的【選項(xiàng)】|【對齊對象】命令。 技巧當(dāng)元件粘合在引導(dǎo)線上的時候，我們拖動元件就會有一些吸附的感覺，這就證明我們制作正確。 試一試我們在做元件的引導(dǎo)線移動漸變動畫的時候，屬性面板中有一個“調(diào)整到路徑”選項(xiàng)，大家不妨選擇此選項(xiàng)，并把場景中的元件換成長方形，看看效果怎么樣？ 特別提示： 如果想限制一個遠(yuǎn)見的移動路線，引導(dǎo)線就是起到限制元件運(yùn)動的作用。我們把元件粘合在引導(dǎo)線的開始端和結(jié)束端，也就是把元件的運(yùn)動限制在引導(dǎo)線的形狀里面。在引導(dǎo)線動畫中還有一個設(shè)置，就是“調(diào)整到路徑”。我們建議大家試一試，我們也給出了這個效果的源文件，如果有不明白的地方可以參考。 專家指點(diǎn)： 在閃吧論壇的技術(shù)交流區(qū)，關(guān)于運(yùn)動引導(dǎo)線的提問經(jīng)常可以看到。分析原因有兩點(diǎn)：第一點(diǎn)是朋友在制作的時候并沒有仔細(xì)看元件的那個關(guān)鍵的空心圓；第二點(diǎn)是當(dāng)?shù)谝淮问∫院螅a(chǎn)生厭煩情緒，認(rèn)為這樣簡單的效果怎么會制作不出來。其實(shí)運(yùn)動引導(dǎo)線動畫是一個十分簡單的Flash技術(shù)應(yīng)用。只要你掌握了，實(shí)現(xiàn)一次成功的效果，那么你就會在以后制作中不會出現(xiàn)同樣的問題的。 相關(guān)問題： 同一個運(yùn)動引導(dǎo)層可否限制兩個以上的圖層中元件的移動路線？ 一個運(yùn)動引導(dǎo)層是可以限制兩個不同圖層的元件移動路線的。因?yàn)檫\(yùn)動引導(dǎo)層是制作參考工具，所以可以適用不同的元件。但是大家要注意的是，這兩個元件圖層的狀態(tài)要同屬一個運(yùn)動引導(dǎo)層，否則將無法實(shí)現(xiàn)效果。如圖2.1.11所示。 2.1.2-3.fla 剛才制作的時候說道：元件放到運(yùn)動引導(dǎo)線的上方一端我放在中間可以實(shí)現(xiàn)這個效果嗎？ 可以的，只要把元件粘合在引導(dǎo)線上，無論是開始，結(jié)束還是中間部分，都可以實(shí)現(xiàn)這個效果。我們在2.1.2-3的源文件里面已經(jīng)考慮了這個問題。其中“藍(lán)圓”圖形元件的運(yùn)動軌跡并不是從引導(dǎo)線開始一直到結(jié)束，而是從中間開始，中間結(jié)束。所以，只要做法正確，是可以實(shí)現(xiàn)這種效果的。 利用flash中的鋼筆工具可以制作有效的引導(dǎo)線嗎？ 鋼筆工具，也叫做貝塞爾工具（音譯）是繪制路徑的一種工具。利用鋼筆工具所繪制的路徑能否起到引導(dǎo)線的作用，下面就來實(shí)踐一下，看看是否成功？源文件2.1.2-4.fla就是利用鋼筆工具繪制的路徑制作的引導(dǎo)線運(yùn)動效果。 利用鋼筆工具可以制作出有效的引導(dǎo)線，他繪制出的路徑與鉛筆工具繪制出來的線條并沒有區(qū)別。 封閉的路徑可以制作引導(dǎo)線嗎？ 我們都知道，引導(dǎo)線一般都是半封閉的，那么完全封閉的路徑可以起到引導(dǎo)線的作用嗎？我們先把引導(dǎo)線做成一個完全封閉的不帶有填充色的圓形。然后按照正常的制作過程把元件粘合在這個圓形中。如圖2.1.12所示。 2.1.2-5.fla。 但是存在一個問題，元件的運(yùn)動是按照開始點(diǎn)與結(jié)束點(diǎn)的最短的距離來選擇運(yùn)動的，也就是我們無法有效的控制FLASH自己選擇的運(yùn)動方向，無法全部按照圓形引導(dǎo)線的形狀完成圓周運(yùn)動。所以我們認(rèn)為這樣的引導(dǎo)線與不封閉的引導(dǎo)線沒有什么區(qū)別，也就是說閉合的引導(dǎo)線沒有什么意思。如果朋友們需要這種效果，可以把圓形路徑擦出一個缺口就可以了。 筆刷工具可否制作引導(dǎo)線？ 筆刷工具與鉛筆工具是完全兩種不同的工具，繪制出來的結(jié)果是具有不同屬性的。下面我們就來試一試，屬刷工作繪制出來的圖形是否也可以作為引導(dǎo)線？ 我們在運(yùn)動引導(dǎo)層里面用筆刷工具畫出一個彎曲的圖形。按照正確的制作方法，進(jìn)行運(yùn)動引導(dǎo)線動畫的制作。如圖2.1.13所示。 2.1.2-6.fla。 由此我們可以得出結(jié)論：無論是線條還是圖形都可以作為引導(dǎo)線來使用。但是利用筆刷工具制作引導(dǎo)線要考慮其元件的運(yùn)動精確性。flash 中的引導(dǎo)層一什么是引導(dǎo)層： 在Flash 的圖層面板中，有個 Add Guide Layer(添加導(dǎo)引圖層)圖標(biāo)，那么什么是導(dǎo)引圖層呢？它們都有什么作用？簡單來說，導(dǎo)引圖層就是用來擺放對象運(yùn)動路徑的圖層，它所起的作用在于確定了指定對象的運(yùn)動路線。比如我們來讓一個球按指定的路線移動(如上面的樣例)。二引導(dǎo)層動畫制作： (1)新建一個圓球符號，屬性為 Graphic(圖片)，如圖二：(2)回到場景中，將該符號拖入工作區(qū)偏左位置。 (3)添加導(dǎo)引層，完成后圖層窗口的狀態(tài)如圖三：其中，標(biāo)志新添的層是導(dǎo)引層(Guided Layer)。 (4)現(xiàn)在我們在導(dǎo)引層中制作 Layer 1 中圓球的運(yùn)動路線。確認(rèn)是在導(dǎo)引層中，然后用繪圖工具欄中的鉛筆工具隨意繪制一條路徑，如圖四：提示：圖四中，只有那條路徑是導(dǎo)引層中的內(nèi)容，而那個圓球是 Layer 1 中的球?，F(xiàn)在你能體會到層的透明特點(diǎn)了吧？ 提示：導(dǎo)引層中的路徑，在實(shí)際播放時不會顯示出來，所以你可以放心繪制。提示：還有一點(diǎn)非常重要，路徑的起點(diǎn)必須與被導(dǎo)引的物件的中心點(diǎn)相重合。不知道被導(dǎo)引物件的中心點(diǎn)？簡單，選中被導(dǎo)引物件會出現(xiàn)個+號，而這個+號所處位置就是該物件的中心點(diǎn)。(5)你打算讓動畫延續(xù)多久？在默認(rèn)狀態(tài)下，每秒 12 幀，如果要讓動畫延續(xù)兩秒，就需要 24 幀。現(xiàn)在我們要讓動畫延續(xù)30幀，也就是2秒多。在第30幀處按 F5 鍵或者用 Insert(插入)/Frame(幀)，在導(dǎo)引層的第 30 幀加入一個過渡幀。(6)現(xiàn)在回到 Layer 1 即被導(dǎo)引物件那層，并在第 30 幀插入關(guān)鍵幀(Insert Keyframe)，時間軸狀態(tài)如圖五：提示：不知你注意到?jīng)]有，在導(dǎo)引層中，如果不在第 15 幀處插入一個過渡幀，那么導(dǎo)引層中的導(dǎo)引線就不能在整個 15 幀內(nèi)起作用，如果你只在第 10 幀處插入過渡幀，那么導(dǎo)引作用只能延續(xù) 10 幀，而 Layer 1 中后面 5 幀的動作就失去引導(dǎo)了，所以我們要在第 15 幀處加入過渡幀；至于為什么在導(dǎo)引層插入過渡幀，而在 Layer 1卻插入關(guān)鍵幀則完全視對象有無變化來決定的。 Layer 1 中，球體從一端移動到另外一端，有位置的改變，因此必須決定改變的起始位置與終止位置，所以要插入關(guān)鍵幀；導(dǎo)引層中，無論是第一幀，還是第十五幀，導(dǎo)引線始終沒有任何變化，因此不需要再插入關(guān)鍵幀?？偨Y(jié)出來，凡是涉及到變化原型與變型的場合，就應(yīng)該用關(guān)鍵幀來解決；如果只是一種畫面的延續(xù)而無任何變化，只需用普通的過渡幀就行了。切記！ (7)在第 30 幀處，把圓球從左邊位置拖到右邊，并讓圓球的中心點(diǎn)與導(dǎo)引線的尾端重合。(8)現(xiàn)在我們?yōu)閯赢嬤M(jìn)行動作指定。選中 Layer 1 的第一幀，并在鼠標(biāo)右鍵彈出菜單中選擇 Creat Motion Tween (創(chuàng)建補(bǔ)間動畫)，完成后時間軸有些變化，過渡幀出現(xiàn)了一個箭頭符號，而這正表示動作已經(jīng)建立。(9)測試一下影片（按Ctrl+Enter），你就會發(fā)現(xiàn)圓球按著你指定的路線移動。(10)如果你想物體在沿路線運(yùn)動過程中自動調(diào)整角度，可在幀屬性面板把“調(diào)整到路徑”這一項(xiàng)選中。如圖六：在FLASH中如何制作按鈕軟件版本：FLASH 8主要操作：菜單“插入”“新建元件”“按鈕”、按鈕的四種狀態(tài)“彈起”、“指針經(jīng)過”、“按下”和“點(diǎn)擊”、快捷鍵“F6”、“顏料桶工具”、“任意變形工具”、快捷鍵“CTRL+L”打開 “庫”面板。 FLASH軟件其中的一個特點(diǎn)就是具有交互性，交互的形式一般通過按鈕來實(shí)現(xiàn)，本篇我們以按鈕為例，了解按鈕是如何制作的。 圖1，進(jìn)入FLASH軟件，打開菜單“插入”“新建元件”對話框，選擇“按鈕”，名稱可以是默認(rèn)名字，單擊“確認(rèn)”按鈕。 圖2，進(jìn)入“按鈕元件”編輯窗口，他分為四種狀態(tài)，分別是“彈起”、“指針經(jīng)過”、“按下”和“點(diǎn)擊”。 下面我們分別了解這四種狀態(tài)的特點(diǎn)： “彈起”狀態(tài)：按鈕普通狀態(tài)時的樣子。 “指針經(jīng)過”狀態(tài)：當(dāng)鼠標(biāo)放到“按鈕”上時，“按鈕”呈現(xiàn)的樣子。 “按下”狀態(tài)：當(dāng)鼠標(biāo)按下該“按鈕”，“按鈕”呈現(xiàn)的樣子。 “點(diǎn)擊”狀態(tài)：此狀態(tài)以隱藏方式存在，為按鈕提供了透明的點(diǎn)擊范圍。 圖3，“彈起”狀態(tài)，使用“矩形工具”在“彈起”幀下繪制一個按鈕。 圖4，“指針經(jīng)過”狀態(tài)，按下快捷鍵“F6”，插入關(guān)鍵幀，此時插入了“彈起”狀態(tài)的按鈕，為了區(qū)分他們的不同狀態(tài)，這里使用“顏料桶工具”，選擇一個與“彈起”狀態(tài)不同的顏色，對“針對經(jīng)過”幀下的“按鈕”進(jìn)行變更顏色。 圖5，“按下”狀態(tài)，按下快捷鍵“F6”，插入上一個關(guān)鍵幀，同樣使用“顏料桶工具”對按鈕進(jìn)行顏色的更改，再使用“任意變形工具”稍微對“按鈕”圖形進(jìn)行放大調(diào)整。 圖6，“點(diǎn)擊”狀態(tài)，也就是鼠標(biāo)的點(diǎn)擊區(qū)域，可以為按鈕繪制一個較大的矩形，當(dāng)我們畫的按鈕特別小或以文字作為按鈕的時候，觀眾不容易直接點(diǎn)擊到按鈕，這種情況下“點(diǎn)擊”狀態(tài)就特別重要。 “點(diǎn)擊”狀態(tài)下的圖形不用繪制得很精美，因?yàn)樗粫罱K顯示出來，只是起到了一個圈定鼠標(biāo)范圍的作用。 圖7，制作完按鈕，返回到“場景1”，按下快捷鍵“CTRL+L”打開“庫面板”，把“按鈕元件”拖入到舞臺中，再按下快捷鍵“CTRL+ENTER”進(jìn)行最后的輸出測試。小提示： 本篇中我們要明白按鈕由四種顯示方式構(gòu)成，“彈起”、“指針經(jīng)過”、“按下”和“點(diǎn)擊”，每一幀都可以是獨(dú)立的，可以根據(jù)自己的喜歡的風(fēng)格和特點(diǎn)，進(jìn)行設(shè)計(jì)，如“彈起”狀態(tài)下可以繪制一個蘋果圖形，在“指針經(jīng)過”狀態(tài)下繪制一個西瓜圖形，在“按下”狀態(tài)下繪制一個菠蘿圖形，通過本篇教程了解了“按鈕”的制作方法及原理，就可以自由發(fā)揮，制作出屬于自己的“按鈕”了。如何快速制作舞臺外的遮擋軟件版本：FLASH 8主要操作：“矩形工具”、“選擇工具”、快捷鍵“CTRL+K”打開“對齊面板” 、 “填充色”、“顏料桶工具”。FLASH動畫制作的時候，舞臺外常會出現(xiàn)一些剛出畫，或要準(zhǔn)備入畫的圖形，他們可能出現(xiàn)在舞臺外的各個區(qū)域，非常凌亂。這導(dǎo)致我們的視覺疲勞，輸出動畫后也會由于一些原因，觀眾可以看到凌亂的舞臺外的圖形，怎樣做可以遮擋這些圖形呢？可以使用“遮罩層”功能，但是如果動畫有幾個“場景”，有上千個幀、數(shù)十個層的話，“遮罩層”就有些“力不從心”了。除了使用“遮罩層”功能外，還可以使用“對齊面板”實(shí)現(xiàn)這個操作，本篇介紹如何使用“對齊面板”結(jié)合“顏料桶工具”的使用制作舞臺外的遮擋。圖1，新建一個FLASH文檔，在使用“矩形工具”前，單擊“填充色”按鈕右上方的“禁止填充”按鈕。圖2，使用“矩形工具”在舞臺任意一個位置繪制一個“矩形”，這時的“矩形”只有線段沒有“填充色”。圖3，使