第2章_Flash_80動畫基礎(chǔ)

1、Page 1本章我們將介紹：Flash基礎(chǔ)知識簡單動畫案例元件和實例元件類型創(chuàng)建和編輯實例幀的操作圖層的操作五種漸變延伸小球Page 2 FLASH是Macromedia公司推出的一種優(yōu)秀的矢量動畫編輯軟件，F(xiàn)LASH8.0是其最新的版本。在動畫中加入聲音，視頻和位圖圖像，可以制作交互式的影片或者多功能的網(wǎng)站。通過本章的學(xué)習(xí)，熟悉FLASH動畫的特點，F(xiàn)LASH8.0制作動畫的一般步驟。 在 Flash 中創(chuàng)作動畫時，需要在 Flash 文件中工作，F(xiàn)lash 文件擴(kuò)展名為 .fla。舞臺是顯示圖形、影片剪輯、按鈕等內(nèi)容的空間；時間軸用來顯示圖形和其它元素的時間；ActionScript 代碼

2、可用來向文檔中的媒體元素添加交互式內(nèi)容。 完成 Flash 文件后，可以使用“文件”-“發(fā)布”命令發(fā)布它。這會創(chuàng)建文件的一個壓縮版本，其擴(kuò)展名為 .swf ，可以將其作為獨立的應(yīng)用程序進(jìn)行播放。2.1 基礎(chǔ)知識基礎(chǔ)知識 在Flash中，元件是指自帶或用戶自行創(chuàng)建的圖形、動畫、按鈕或者影片剪輯等。元件保存在庫中，用戶可以在當(dāng)前影片或其它影片中重復(fù)使用這些元件，在舞臺上所使用的是該元件產(chǎn)生的一個元件實例。Flash中的對象可以轉(zhuǎn)換為【電影剪輯】、【按鈕】和【圖形】3種類型的元件。2.1.1 元件和實例元件和實例元件實例Page 3電影剪輯元件電影剪輯元件：它是一個獨立的電影片段，可以帶有交互：它是

3、一個獨立的電影片段，可以帶有交互效果和音頻效果；效果和音頻效果；按鈕元件按鈕元件：它的功能是支持鼠標(biāo)指向并單擊某個物體的互動它的功能是支持鼠標(biāo)指向并單擊某個物體的互動操作，目的是在動畫中建立人機(jī)交互的接口；操作，目的是在動畫中建立人機(jī)交互的接口；圖形元件圖形元件：它可以是一個包含圖象和文字的對象，也可以是一它可以是一個包含圖象和文字的對象，也可以是一段沒有加入交互效果和聲音效果的獨立動畫片段。段沒有加入交互效果和聲音效果的獨立動畫片段。Page 41元件元件 我們先做個小例子，用我們先做個小例子，用“橢圓工具橢圓工具”在在“舞臺舞臺”上隨便上隨便畫個圓。選擇這個圓，畫個圓。選擇這個圓，看看它的

4、看看它的“屬性屬性”面板，它被面板，它被Flash叫做叫做“形狀形狀”，它的屬，它的屬性有性有“寬度寬度”、“高度高度”和和“坐標(biāo)值坐標(biāo)值”。Page 5 在在Flash中，可以改變中，可以改變“形狀形狀”的外形、尺寸、位置，可以進(jìn)的外形、尺寸、位置，可以進(jìn)行行“形狀變形形狀變形”。要使。要使“形狀形狀”發(fā)揮更大作用，就需要把它轉(zhuǎn)換為發(fā)揮更大作用，就需要把它轉(zhuǎn)換為“元件元件”。使用選擇工具選中。使用選擇工具選中“橢圓形狀橢圓形狀”，執(zhí)行，執(zhí)行“修改修改”-“轉(zhuǎn)換為轉(zhuǎn)換為元件元件”命令，或者按命令，或者按F8鍵，將鍵，將“橢圓形狀橢圓形狀”轉(zhuǎn)換成，默認(rèn)名稱為轉(zhuǎn)換成，默認(rèn)名稱為“元件元件1”的元件

5、，選擇的元件，選擇“類型為類型為“圖形圖形”，單擊，單擊“確定確定”，把，把“橢橢圓形狀圓形狀”轉(zhuǎn)為圖形元件。轉(zhuǎn)為圖形元件。執(zhí)行“窗口”-“庫”命令，打開“庫“，發(fā)現(xiàn)“庫”中有了第一個項目：元件元件1 使用選擇工具選擇使用選擇工具選擇“舞臺舞臺”上的這個元件對象，發(fā)現(xiàn)這個對象變成上的這個元件對象，發(fā)現(xiàn)這個對象變成了一個了一個“整體整體”，周圍出現(xiàn)一個矩形框，它的，周圍出現(xiàn)一個矩形框，它的“屬性屬性”面板也豐富了很多，面板也豐富了很多，這個對象能夠顏色設(shè)置等，還能進(jìn)行這個對象能夠顏色設(shè)置等，還能進(jìn)行Flash “動作變形動作變形”動畫的設(shè)置。動畫的設(shè)置。 說到“元件”，就離不開“庫”，因為“元件

6、”僅存在于“庫”中，把“庫”比喻為后臺的“演員休息室”。 “休息室”中的演員隨時可進(jìn)入“舞臺”演出，無論該演員出場多少次甚至在“舞臺”中扮演不同角色，動畫發(fā)布時，其播放文件僅占有“一名演員”的空間，節(jié)省了大量資源。 Page 62實例實例沿用上面的比喻，演員從沿用上面的比喻，演員從“后臺休息室后臺休息室”走上走上“舞臺舞臺”就是就是“演出演出”；同理，同理，“元件元件”從從“庫庫”中進(jìn)入中進(jìn)入“舞臺舞臺”，就被稱為該，就被稱為該“元件元件”的的“實實例例”。這個比喻與現(xiàn)實中的情況有點不同，在這個比喻與現(xiàn)實中的情況有點不同，在flash中，中，“演員演員”從后臺走上從后臺走上“舞臺舞臺”時，時，

7、“后臺休息室后臺休息室”中的中的“演員原型演員原型”還會存在，或者我們可以還會存在，或者我們可以把走上前臺的把走上前臺的“演員演員”稱之為稱之為“副本演員副本演員”，也就是實例。，也就是實例。從從“庫庫”中把中把“元件元件1”向舞臺場景拖放向舞臺場景拖放3次，次，在在“舞臺舞臺”中就有了中就有了“元件元件1”的的3個個“實例實例”。可以分別對各個“實例”的顏色、方向、大小進(jìn)行設(shè)置，具體操作可以用不同面板配合使用。實例不僅能改變外形、位置、顏色等屬性，你還可以通過“屬性”面板改變它們的“類型”。Page 7在在“插入插入”-“新建元件新建元件”中有中有3種元件：分別是種元件：分別是影片剪輯、按鈕

8、和圖形影片剪輯、按鈕和圖形。2.1.2元件類型元件類型 在在flash動畫制作里，有三種類型的常用元件：影片剪輯、按鈕、動畫制作里，有三種類型的常用元件：影片剪輯、按鈕、圖形，各有不同用途。一般使用都是先畫出圖形，再將圖形轉(zhuǎn)換成相圖形，各有不同用途。一般使用都是先畫出圖形，再將圖形轉(zhuǎn)換成相應(yīng)類型的元件。應(yīng)類型的元件。 設(shè)置元件的透明度可以由屬性的顏色項目設(shè)定設(shè)置元件的透明度可以由屬性的顏色項目設(shè)定Alpha值，可決值，可決定物件的透明程度，亮度則是控制元件的明暗，著色則是改變定物件的透明程度，亮度則是控制元件的明暗，著色則是改變RGB的的色彩。色彩。1） 在時間軸上選擇一層。2.1.3 創(chuàng)建和

9、編輯實例創(chuàng)建和編輯實例Flash 只可以把實例放在關(guān)鍵幀中，并且總在當(dāng)前層上。如果沒有選擇關(guān)鍵幀，F(xiàn)lash 會將實例添加到當(dāng)前幀左側(cè)的第一個關(guān)鍵幀上。2）選擇“窗口”-“庫”來打開庫。3）將該元件從庫中拖到舞臺上。4）如果已經(jīng)創(chuàng)建了圖形元件的實例，請選擇“插入”-“時間軸”-“幀”來添加一定數(shù)量的幀，這些幀將會包含該圖形元件。Page 8 我們知道電影是由一格一格的膠片按照順序播放出來的，由于人眼有視覺暫留現(xiàn)象，這一格一格的膠片按照一定速度播放出來，我們回看到 “動”起來的效果。動畫也是同一原理， Flash 中的“幀”時間軸上的一個小格就像一格一格的膠片。在默認(rèn)狀態(tài)下，每隔 5 幀進(jìn)行數(shù)字

10、標(biāo)示2.1.4 幀的操作幀的操作1、 幾種類型幀：關(guān)鍵幀、空白關(guān)鍵幀、普通幀幾種類型幀：關(guān)鍵幀、空白關(guān)鍵幀、普通幀（1）特點：幀是進(jìn)行flash動畫制作的最基本的單位，每一個精彩的flash動畫都是由很多個精心雕琢的幀構(gòu)成的，在時間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其它多種對象。關(guān)鍵幀顧名思義，有關(guān)鍵內(nèi)容的幀。用來定義動畫變化、更改狀態(tài)的幀，即編輯舞臺上存在實例對象并可對其進(jìn)行編輯的幀?？瞻钻P(guān)鍵幀空白關(guān)鍵幀是沒有包含舞臺上的實例內(nèi)容的關(guān)鍵幀。普通幀在時間軸上能顯示實例對象，但不能對實例對象進(jìn)行編輯操作的幀。Page 9（2）區(qū)別：關(guān)鍵幀在時間軸上顯示為實心的圓

11、點，空白關(guān)鍵幀在時間軸上顯示為空心的圓點，普通幀在時間軸上顯示為灰色填充的小方格，同一層中，在前一個關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀，是復(fù)制前一個關(guān)鍵幀上的對象，并可對其進(jìn)行編輯操作；如果插入普通幀，是延續(xù)前一個關(guān)鍵幀上的內(nèi)容，不可對其進(jìn)行編輯操作；插入空白關(guān)鍵幀，可清除該幀后面的延續(xù)內(nèi)容，可以在空白關(guān)鍵幀上添加新的實例對象。關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動作腳本，普通幀上則不能。（3）應(yīng)用中需注意的問題： 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用，以減小動畫文件的體積； 盡量避免在同一幀處過多的使用關(guān)鍵幀，以減小動畫運行的負(fù)擔(dān)，使畫面播放流暢。Page 102、 幾種類型動畫：幀幀動畫、形變動畫、運動動畫

12、幾種類型動畫：幀幀動畫、形變動畫、運動動畫（1）特點幀幀動畫是flash動畫最基本的形式，是通過更改每一個連續(xù)幀在編輯舞臺上的內(nèi)容來建立的動畫。形狀補間動畫形狀補間是FLASH非常重要的表現(xiàn)手法之一，運用它可以變換出各種奇妙的不可思議的變形效果。在一個時間點（關(guān)鍵楨）繪制一個形狀，然后在另一個時間點（關(guān)鍵楨）更改形狀或繪制另一個形狀，根據(jù)二者之間楨的值或形狀來創(chuàng)建的動畫被稱為“形狀補間”。它的條件是：用繪制的圖形可以直接做，如果是“元件”“按鈕”“文字”則必須“打散”再變形。運動補間動畫動畫補間您可以設(shè)元件的大小、位置、顏色、透明度、旋轉(zhuǎn)等各種屬性，配合別的手法也可以做出另人稱奇的仿3D效果來

13、。在一個時間點（關(guān)鍵幀）放置一個元件，然后在另一個時間點（關(guān)鍵楨）改變這個元件的大小、顏色、位置、透明度等等，根據(jù)二者的楨的值，創(chuàng)建的動畫稱為“動畫補間”。它的條件是：對象必須是“元件”或“成組對象”。Page 11（2）區(qū)別幀幀動畫的每一幀使用單獨的畫面，適合于每一幀中的圖像都在更改而不是僅僅簡單地在舞臺中移動的復(fù)雜動畫。形狀補間在起始端點繪制一個圖形，再在終止端點繪制另一個圖形，可以實現(xiàn)一副圖形變?yōu)榱硪桓眻D形的效果。運動補間在起始端點定義一個實例的位置、大小、色彩等屬性，在終止端點改變這些屬性，可以實現(xiàn)翻轉(zhuǎn)、漸隱漸現(xiàn)等效果。（3）應(yīng)用中需注意的問題如果在創(chuàng)建補間動畫時，時間軸上出現(xiàn)虛線箭頭

14、，表示補間不成功，應(yīng)檢查兩個端點的對象是不是符合做形狀補間或動作補間的對象。可以利用變形提示點來控制形狀漸變的效果，利用變形提示點，兩端的形狀越簡單效果越好。Page 12 圖層可以看成是疊放在一起的透明的膠片，你可以透過它直接看到下一層。所以我們可以根據(jù)需要，在不同層上編輯不同的動畫而互不影響，并在放映時得到合成的效果。 層有兩大特點：除了畫有圖形或文字的地方，其它部分都是透明的，也就是說，下層的內(nèi)容可以通過透明的這部分顯示出來。 要繪制、上色或者對圖層或文件夾進(jìn)行修改，需要在時間軸中選擇該圖層以激活它。圖層又是相對獨立的，修改其中一層，不會影響到其它層。 2.1.5 圖層的操作圖層的操作

15、當(dāng)創(chuàng)建了一個新的 Flash 文檔之后，它僅包含一個圖層?？梢蕴砑痈嗟膱D層，以便在文檔中組織插圖、動畫和其它元素。 可以通過創(chuàng)建圖層文件夾然后將圖層放入其中來組織和管理這些圖層。可以在時間軸中展開或折疊圖層文件夾，而不會影響在舞臺中看到的內(nèi)容。 單擊圖層使它處于活動狀態(tài)，可以對該層進(jìn)行各種操作； Page 13外框模式：處于外框模式的層，其上的所有圖形只能顯示輪廓。請注意，其它圖層都是實心的方塊，獨有此層是外框形式。隱藏圖層：即在編輯時是看不見的，同時，處于隱藏狀態(tài)的圖層不能進(jìn)行任何修改。這就告訴我們一個小技巧，當(dāng)我們要對某個圖層進(jìn)行修改又不想被其它層的內(nèi)容干擾時，可以先將其它圖層隱藏起來。

16、 鎖定圖層：被鎖定的圖層無法進(jìn)行任何操作。在 Flash 制作中，大家應(yīng)該養(yǎng)成個好習(xí)慣，凡是完成一個層的制作就立刻把它鎖定，以免誤操作帶來麻煩。Page 142.2 簡單動畫案例簡單動畫案例 本實例使用了任意變形工具及混色器實現(xiàn)了圖片的移動、變形、翻轉(zhuǎn)及顏色的不同變換。具體實驗步驟如下：2.2.1 五種漸變五種漸變 1.在當(dāng)前場景第一幀位置上按F6插入一個關(guān)鍵幀。在這一幀中將導(dǎo)入到庫中的圖片拖入到場景最左端。 2.在場景中第30幀的位置按F6插入一個關(guān)鍵幀。將場景中的圖片向右平移到場景中靠右的位置。Page 15大小變化 1.在場景中第45幀的位置按F6插入一個關(guān)鍵幀。選擇左側(cè)工具條中的【任意

17、變形工具】，將場景中的圖片縮小。 2.在場景中第65幀的位置按F6插入一個關(guān)鍵幀。選擇左側(cè)工具條中的【任意變形工具】，將場景中的圖片放大至接近原來的大小，并使用【任意變形工具】將圖片旋轉(zhuǎn)一定的角度。顏色變化 1.選中場景中的圖片，選擇屬性面板中【顏色】|【色調(diào)】，并將圖片色調(diào)右側(cè)【百分率】調(diào)整為50% 2.在【色調(diào)】右側(cè)的【顏色板】中選擇相應(yīng)的顏色，這里選取的是紫色。 3.在場景中第85幀的位置按F6插入一個關(guān)鍵幀。選中場景中的圖片，選擇【屬性框】|【顏色】|【無】。 4.在場景中第110幀的位置按F6插入一個關(guān)鍵幀。再次將【屬性框】中的顏色效果選為【色調(diào)】，并將相應(yīng)的【百分率】調(diào)整為98%

18、。Page 16選中45幀至65幀中的任意一幀。選擇【屬性框】中的【旋轉(zhuǎn)】下拉菜單，選擇圖片的旋轉(zhuǎn)方式和旋轉(zhuǎn)次數(shù)。例如旋轉(zhuǎn)方式設(shè)為順時針，旋轉(zhuǎn)次數(shù)為3。選中當(dāng)前場景的第一幀，按住Shift鍵，選中最后一幀,在時間軸上右鍵單擊，選擇“創(chuàng)建補間動畫”。Page 17 本實例主要是使用【直線工具】、【形狀】補間動畫，在工作舞臺上繪制不斷延伸成矩形的紅色直線，其操作步驟如下：（1）新建一flash文檔，Ctrl+Shif+S保存，命名為“延伸矩形”，大小為400150，背景為淺灰色（#999999）。（2）在圖層1的場景中點擊鼠標(biāo)右鍵，點擊顯示網(wǎng)格。2.2.2 延伸矩形延伸矩形（3）在左邊工具欄中設(shè)置筆觸顏色為紅色，用【線條工具】繪制一條短橫線。（4）在第20幀處使用F6插入關(guān)鍵幀，應(yīng)用【變形工具】，按住shift鍵將直線拉長。（5）在時間軸上選擇第1幀，屬性面板上補間下拉框中選擇【形狀】。在第60幀處按F5插入幀延長時間。Page 18（6）單擊【時間軸】面板中的插入圖層按鈕新增一層即圖層，在第20幀處使用F6插入關(guān)鍵幀，在圖層中畫一條短豎線。 （7）在圖層第30幀處使用F6插入關(guān)鍵幀，應(yīng)用【變形工具】，按住shift鍵將直線拉長，然后選擇