FLASH動畫的幾個概念

逐幀動畫1逐幀動畫的概念和在時間幀上的表現(xiàn)形式 在時間幀上逐幀繪制幀內(nèi)容稱為逐幀動畫，由于是一幀一幀的畫，所以逐幀動畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。 什么叫補間動畫?所謂補間動畫又叫做中間幀動畫，這里,又分為動作補間和形狀補間動作補間是物體有一個狀態(tài)到另一個狀態(tài)。補間動畫有兩種：動作補間和形狀補間動作補間：是由一個形態(tài)到另一個形態(tài)的變化過程，像移動位置，改變角度等。動畫補間是淡紫色底加一個黑色箭頭組成的。形狀補間：是由一個物體到另一個物體間的變化過程，像由三角形變成四方形等。形狀補間是淡綠色底加一個黑色箭頭組成的。1、動作補間動畫：動作補間動畫也是Flash中非常重要的表現(xiàn)手段之一，與“形狀補間動畫”不同的是，動作補間動畫的對象必需是“元件”或“成組對象”。運用動作補間動畫，你可以設置元件的大小、位置、顏色、透明度、旋轉(zhuǎn)等種種屬性，配合別的手法，你甚至能做出令人稱奇的仿3D的效果來。動作補間動畫的概念：在一個關(guān)鍵幀上放置一個元件，然后在另一個關(guān)鍵幀改變這個元件的大小、顏色、位置、透明度等，F(xiàn)lash 根據(jù)二者之間的幀的值創(chuàng)建的動畫被稱為動作補間動畫。 構(gòu)成動作補間動畫的元素：構(gòu)成動作補間動畫的元素是元件，包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等，但不能是形狀，只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動作補間動畫”。 動作補間動畫制作實例實例飛行的飛機實例簡介巍巍群山，茫茫云海，輕煙似的白云緩緩飄過，一架飛機由近而遠的飛去，漸漸消失在遠方，如圖3-4-3所示。本例制作不難，但通過它，你可以掌握創(chuàng)建動作補間動畫的方法。圖3-4-3 飛機飛行動畫知識提要 創(chuàng)建動作補間動畫 制作元件由大變小的效果 制作元件透明度變化的效果（1）創(chuàng)建影片文檔步驟1 設置影片文檔屬性執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后，點擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設置文件大小為650255像素，【背景色】為白色，如圖3-4-4所示。圖3-4-4 影片文檔屬性步驟2 創(chuàng)建背景圖層執(zhí)行【文件】|【導入】|【導入到舞臺】命令，將配套光盤中名為“山峰.jpg”的圖片導入到場景中（“山峰”圖片位置：光盤examplepart3*圖片山峰.jpg）。用【箭頭工具】調(diào)整圖片在舞臺上的位置，使其居于舞臺的中央。如果圖片大小不合適，再選擇【任意變形工具】調(diào)整圖片大小。選擇第100幀，按F5鍵，添加普通幀。（2）創(chuàng)建元件步驟1 創(chuàng)建飛機元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“飛機”。這時進入新元件編輯場景，選擇第一幀，執(zhí)行【文件】|【導入】|【導入到舞臺】命令，將配套光盤中的名為“飛機.png”圖片導入到場景中（“飛機”圖片位置：光盤examplepart3*圖片飛機.png）。步驟2 創(chuàng)建白云元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“白云”。這時進入新元件編輯場景，選擇第一幀，執(zhí)行【文件】|【導入】|【導入到舞臺】命令，將配套光盤中的名為“白云.png”的圖片導入到場景中（“白云”圖片位置：光盤examplepart3*圖片白云.png）。（3）創(chuàng)建動畫步驟1 創(chuàng)建飛行效果單擊時間軸右上角的【編輯場景】按鈕，選擇【場景1】，轉(zhuǎn)換到主場景中。新建一層，把庫里名為“飛機”的元件拖到場景的左側(cè)，執(zhí)行【修改】|【變形】|【水平翻轉(zhuǎn)】命令，將飛機元件實例水平翻轉(zhuǎn)。在【屬性】面板上打開【顏色】旁邊的小三角，設置【Alpha】值為80%，如圖3-3-5所示。圖3-3-5 第一幀中飛機在場景中的位置和Alpha值飛機向遠處飛去，應該越來越小，越來越模糊，來看看這種效果是什么做出來的吧，選中【圖層2】的第100幀，按F6鍵，添加一個關(guān)鍵幀，在【屬性】面板中設置飛機的大小，【W(wǎng)】值是飛機的寬值，為32；【H】值是飛機的高值，為18.9；【X】、【Y】則是飛機在場景中的X、Y坐標，分別是628.5,51，如圖3-4-6所示。圖3-4-6 飛機在100幀處的位置和大小在【屬性】面板上，設置【Alpha】值為20%。用鼠標右鍵單擊【圖層2】的第一幀，選擇【創(chuàng)建補間動畫】。步驟2創(chuàng)建白云飄過的效果新建一層，從庫中拖出名為“白云”的元件，放置在背景圖右側(cè)的山峰處，設置【Alpha】值為80%，在第100幀處添加關(guān)鍵幀，把元件移到場景的左上方，設置【Alpha】值為40%。用鼠標右鍵單擊圖層的第一幀，選擇【創(chuàng)建補間動畫】。執(zhí)行【控制】|【測試影片】命令，觀察動畫效果，如果滿意，執(zhí)行【文件】|【保存】命令，將文件保存成“飛機.fla”，如果要導出Flash的播放文件，執(zhí)行【文件】|【導出】|【導出影片】命令，保存成“飛機.swf”文件。2、形狀補間動畫： 1形狀補間動畫的概念 （1）形狀補間動畫的概念在Flash的時間幀面板上，在一個時間點（關(guān)鍵幀）繪制一個形狀，然后在另一個時間點（關(guān)鍵幀）更改該形狀或繪制另一個形狀，F(xiàn)lash 根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動畫被稱為“形狀補間動畫”。（2）構(gòu)成形狀補間動畫的元素 形狀補間動畫可以實現(xiàn)兩個圖形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動畫和動作補間動畫二者之間，使用的元素多為用鼠標或壓感筆繪制出的形狀，如果使用圖形元件、按鈕、文字，則必先“打散”再變形。（3）形狀補間動畫在時間幀面板上的表現(xiàn) 形狀補間動畫建好后，時間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個長長的箭頭，如圖3-3-1所示。圖3-3-1 形狀補間動畫在時間幀面板上的標記（4）創(chuàng)建形狀補間動畫的方法 在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀并設置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并設置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，時間軸上的變化如圖3-3-1所示，一個形狀補間動畫就創(chuàng)建完畢。2認識形狀補間動畫的屬性面板 Flash的【屬性】面板隨鼠標選定的對象不同而發(fā)生相應的變化。當我們建立了一個形狀補間動畫后，點擊時間幀，【屬性】面板如圖3-3-2所示。圖3-3-2 形狀補間動畫【屬性】面板形狀補間動畫的【屬性】面板上只有二個參數(shù)：（1）“簡單”選項 在“0”邊有個滑動拉桿按鈕 ，單擊后上下拉動滑桿或填入具體的數(shù)值，形狀補間動畫會隨之發(fā)生相應的變化。在1到 -100 的負值之間，動畫運動的速度從慢到快，朝運動結(jié)束的方向加速度補間。 在1 到 100 的正值之間，動畫運動的速度從快到慢，朝運動結(jié)束的方向減慢補間。 默認情況下，補間幀之間的變化速率是不變的。 （2）“混合”選項 “混合”選項中有二項供選擇：“角形”選項：創(chuàng)建的動畫中間形狀會保留有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀。 “分布式”選項：創(chuàng)建的動畫中間形狀比較平滑和不規(guī)則。 至此，“形狀補間動畫”的相關(guān)知識大家都已經(jīng)有所了解，下面動手個實例，體會一下形狀補間動畫的奇妙。實例:慶祝國慶 實例簡介 國慶的夜空絢麗多彩，朵朵禮花在天空中綻放，遠處傳來禮炮的轟鳴聲，讓我們來給這美麗的夜晚增加點喜慶，掛幾個大紅燈籠來慶祝祖國的生日吧。實例播放效果如圖 3-3-4所示。圖3-3-4 慶祝國慶實例畫面知識提要 創(chuàng)建矢量圖形 創(chuàng)建形狀補間動畫 將文字轉(zhuǎn)變?yōu)樾螤?用混色器設置顏色 制作步驟 1、 創(chuàng)建新文檔執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后，點擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設置文件大小為400*330象素，【背景色】為白色，如圖3-3-5所示。圖3-3-5 文檔屬性2、 創(chuàng)建背景圖層執(zhí)行【文件】|【導入到場景】命令，將本實例中名為“節(jié)日夜空.jpg”圖片導入到場景中，在第80幀處按下F5，加普通幀。如圖3-3-6所示。圖3-3-6 插入背景圖片3、 創(chuàng)建燈籠形狀 我們先來畫燈籠，執(zhí)行【窗口】|【設計面板】|【混色器】命令，打開混色器面板，如圖3-3-7所示設置混色器面板的各項參數(shù)。圖3-3-7 混色器面板設置之一選擇工具欄上的橢圓工具 ，去掉邊線 ，在場景中畫一個橢圓做燈籠的主體，大小為65*40象素。接著我們來畫燈籠上下的邊，打開【混色器】面板，按照如圖3-3-8設置參數(shù)。圖3-3-8 混色器面板設置之二選擇工具欄上的矩形工具 ，去掉邊線，畫一個矩形，大小為30*10象素，復制這個矩形，分別放在燈籠的上下方，再畫一個小的矩形，長寬為7*10象素，作為燈籠上面的提手。最后用直線工具 在燈籠的下面畫幾條黃色線條做燈籠穗，一個漂亮的燈籠就畫好了。如圖3-3-9所示（為了能清楚的顯示燈籠，可暫時將背景色改為藍色）。圖3-3-9 畫好的燈籠4、 復制粘貼四個燈籠復制剛畫好的燈籠，新建三個圖層，在每個圖層中粘貼一個燈籠，調(diào)整燈籠的位置，使其錯落有致的排列在場景中。在第20、40幀處為各圖層添加關(guān)鍵幀，如圖3-3-10所示。圖3-3-10 錯落有致的燈籠及時間軸面板5、把文字轉(zhuǎn)為形狀取代燈籠選取第一個燈籠，在第40幀處用文字“慶”取代燈籠，文字的的【屬性】面板上的參數(shù)：【文本類型】為靜態(tài)文本，【字體】為隸書，【字體大小】為60，【顏色】為紅色。對“慶”字執(zhí)行【修改】|【分散】命令，把文字轉(zhuǎn)為形狀。如圖 3-3-11上半部分所示。依照以上步驟，在第40幀處的相應圖層上依次用“?！?、“國”、“慶”三個字取代另外三個燈籠，并執(zhí)行【分散】操作，其結(jié)果如圖 3-3-11下半部分所示。圖3-3-11 用文字形狀取代燈籠形狀及文字打散6、 設置文字形狀到燈籠形狀的轉(zhuǎn)變。在“燈籠”各圖層的第60幀及80幀處，分別添加關(guān)鍵幀，現(xiàn)在，在80幀處各“燈籠”圖層中的內(nèi)容為“文字圖形”，應該把它們換成“燈籠”。具體辦法可以分別選擇第20幀中的“燈籠”圖形，再一個個“粘貼”進第80幀中，當然，你先應該清除第80幀處4個“燈籠”圖層中的內(nèi)容哦！7、 創(chuàng)建形狀補間動畫。在“燈籠”各圖層的第20、60幀處單擊幀，在【屬性】面板上單擊【補間】旁邊的小三角在彈出的菜單中選擇【形狀】，建立形狀補間動畫，如圖3-3-12所示。圖3-3-12 創(chuàng)建形狀補間動畫8、 測試存盤執(zhí)行【控制】|【測試影片】命令，觀察本例swf文件生成的動畫有無問題，如果滿意，執(zhí)行【文件】|【保存】命令，將文件保存成“慶祝國慶.fla”文件存盤，如果要導出Flash的播放文件，執(zhí)行【導出】|【導出影片】命令保存成“慶祝國慶.swf”文件。使用形狀提示 形狀補間動畫看似簡單，實則不然，F(xiàn)lash在“計算”2個關(guān)鍵幀中圖形的差異時，遠不如我們想象中的“聰明”，尤其前后圖形差異較大時，變形結(jié)果會顯得亂七八糟，這時，“形狀提示”功能會大大改善這一情況。Flash 8 遮罩動畫詳解及實例在Flash8.0的作品中，我們常?？吹胶芏嘌Ｄ可衿娴男Ч?，而其中不少就是用最簡單的“遮罩”完成的，如水波、萬花筒、百頁窗、放大鏡、望遠鏡等等。那么，“遮罩”如何能產(chǎn)生這些效果呢？在本節(jié)，我們除了給大家介紹“遮罩”的基本知識，還結(jié)合我們的實際經(jīng)驗介紹一些“遮罩”的應用技巧，最后，提供二個很實用的范例，以加深對“遮罩”原理的理解。在Flash8.0中實現(xiàn)“遮罩”效果有二種做法，一種是用補間動畫的方法，一種是用actions指令的方法，在本節(jié)中，我們只介紹第一種做法。1遮罩動畫的概念 （1）什么是遮罩 “遮罩”，顧名思義就是遮擋住下面的對象。在Flash8.0中，“遮罩動畫”也確實是通過“遮罩層”來達到有選擇地顯示位于其下方的“被遮罩層”中的內(nèi)容的目地，在一個遮罩動畫中，“遮罩層”只有一個，“被遮罩層”可以有任意個。（2）遮罩有什么用 在Flash8.0動畫中，“遮罩”主要有2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實現(xiàn)一些特殊的效果。2創(chuàng)建遮罩的方法 （1）創(chuàng)建遮罩 在Flash8.0中沒有一個專門的按鈕來創(chuàng)建遮罩層，遮罩層其實是由普通圖層轉(zhuǎn)化的。你只要在要某個圖層上單擊右鍵，在彈出菜單中把“遮罩”前打個勾，該圖層就會生成遮罩層，“層圖標”就會從普通層圖標變?yōu)檎谡謱訄D標，系統(tǒng)會自動把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”,在縮進的同時圖標變?yōu)椋绻阆腙P(guān)聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面就行了，如圖3-5-1所示。圖3-5-1 多層遮罩動畫（2）構(gòu)成遮罩和被遮罩層的元素遮罩層中的圖形對象在播放時是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。（3）遮罩中可以使用的動畫形式可以在遮罩層、被遮罩層中分別或同時使用形狀補間動畫、動作補間動畫、引導線動畫等動畫手段，從而使遮罩動畫變成一個可以施展無限想象力的創(chuàng)作空間。3應用遮罩時的技巧遮罩層的基本原理是：能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如，我們不能通過遮罩層的漸變色來實現(xiàn)被遮罩層的漸變色變化。 要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。 可以用“AS”動作語句建立遮罩，但這種情況下只能有一個“被遮罩層”，同時，不能設置_alpha屬性。 不能用一個遮罩層試圖遮蔽另一個遮罩層。 遮罩可以應用在gif動畫上。 在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時間軸面板的顯示圖層輪廓按鈕，使之變成，使遮罩層只顯示邊框形狀，在種情況下，你還可以拖動邊框調(diào)整遮罩圖形的外形和位置。 在被遮罩層中不能放置動態(tài)文本。 實例：紅星閃閃 圖3-5-2 紅星閃閃知識提要 將線條轉(zhuǎn)化為填充 創(chuàng)建遮罩動畫 使用變形面板 任意變形工具中“注冊點”的應用 學習使用橡皮工具中的“水籠頭”工具和擦除線條 （1）創(chuàng)建影片文檔 1、設置影片文檔屬性執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后，點擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設置文件大小為400*400象素，【背景色】為黑色。（在教程中，我們?yōu)榱烁玫娘@示場景中的內(nèi)容，背景色設為了深藍色），如圖3-5-3所示。圖3-5-3 文檔【屬性】面板（2）創(chuàng)建元件 1、 創(chuàng)建“閃光線條”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條”。選擇工具欄上的直線工具，在場景中畫一直線，在【屬性】面板上作如圖3-5-5設置。圖3-5-5 閃光線條的【屬性】面板參數(shù)設置2、 創(chuàng)建“閃光線條組合”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條組合”，如圖3-5-6所示。圖3-5-6 創(chuàng)建閃光線條元件從庫中將名為“閃光線條”的元件拖入新元件編輯窗口的場景中，在X軸上的位置為-200，Y軸為20。然后單擊工具欄上的任意變形工具，此時元件的中心會出現(xiàn)一個小白點，它就是對象的“注冊點”，用鼠標左鍵按住它，拖到場景的中心處松手。圖3-5-7中的“1”顯示的是注冊點在元件的中心時的情形，“2”顯示的是注冊點已拖到場景中心時的情形。圖3-5-7 移動注冊點到場景的中心然后執(zhí)行【窗口】|【設計面板】|【變形】命令，打開變形面板，選中【旋轉(zhuǎn)】，角度為15度，連續(xù)按下【復制并應用變形】按鈕，在場景中復制出的效果如圖3-5-8所示。圖3-5-8 變形面板及復制好的元件在時間軸的關(guān)鍵幀上點一下，選中全部圖形，執(zhí)行【修改】|【分散】命令，把線條打散，再執(zhí)行【修改】|【形狀】|【將線條轉(zhuǎn)化為填充】命令，將線條轉(zhuǎn)變?yōu)樾螤睢?、 創(chuàng)建“閃光”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“閃光”，如圖3-5-9所示。圖3-5-9 創(chuàng)建“閃光”元件單擊【確定】后進行“新元件編輯窗口”，接著把庫里名為“閃光線條組合”的元件拖到場景中，對齊中心點，復制此元件，在第30幀處加關(guān)鍵幀，再回到第1幀中建立補間動作動畫，【屬性】面板上設置順時針旋轉(zhuǎn)一周。然后新建一層，在第1幀中執(zhí)行【編輯】|【粘貼到當前位置】命令，使二層中的“閃光線條組合”完全重合，再執(zhí)行【修改】|【變形】|【水平翻轉(zhuǎn)】命令，讓復制過來的線條和第一層的線條方向相反，在場景中形成交叉的圖形。在第30幀處建立關(guān)鍵幀，在第1幀中建立動作補間動畫，【屬性】面板上設置逆時針旋轉(zhuǎn)一周，最后將此層設為遮罩層，如圖3-5-10所示。圖中顯示的是“閃光”元件的時間軸面板和各圖層中的動畫設置。圖3-5-10“閃光”元件編輯界面4、 創(chuàng)建“紅星”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“紅星”。我們要在這個元件中畫一個漂亮的紅星，為了畫好紅星，我們分九步來敘述具體的畫法，圖3-5-11中的“1-9”的數(shù)字表示這九個步驟。圖3-5-11 紅星的九步畫法第一步，按住shift鍵，從場景中心向上畫一根黃色的線條，如圖3-5-11中的“1”所示。第二步，選擇工具箱中的任意變形工具,在畫好的線條上點一下，這里，線條的中心出現(xiàn)一個白色的小園點，我們叫它“注冊點”。如