flash動畫入門制作

1、制作人：劉曉娟制作人：劉曉娟 在網(wǎng)絡(luò)世界的今天，與Fireworks、Dreamweaver并稱為 “網(wǎng)絡(luò)三劍客”，組成Macromedia公司“網(wǎng)絡(luò)夢之隊”的 Flash，必將越來越流行?！伴W客”的出現(xiàn)，更是豐富了我 們的生活。 Flash現(xiàn)在早已超出制作簡單動畫的范圍，它更 可以： 制作聲光效果絕佳的開場畫面制作聲光效果絕佳的開場畫面 制作網(wǎng)頁上的廣告制作網(wǎng)頁上的廣告 制作交互式網(wǎng)頁的接口制作交互式網(wǎng)頁的接口 制作各種小游戲制作各種小游戲 作為電子禮物（舉例）作為電子禮物（舉例） Flash 簡介簡介 因特網(wǎng)上現(xiàn)在已有成千上萬個 Flash個站點，著名的微軟MSN新聞?wù)?以及Intel、奧

2、迪等世界著名企業(yè)主頁都 大量采用了大量的Flash動畫。 Flash以以*.fla 為其源文件，以為其源文件，以*.swf 為為 生成的效果文件（就是平時網(wǎng)上下載的動畫格式）。隨著生成的效果文件（就是平時網(wǎng)上下載的動畫格式）。隨著 應(yīng)用的不斷推廣，應(yīng)用的不斷推廣，F(xiàn)lash也可以生成也可以生成*.exe 文件，可以在文件，可以在 沒有安裝沒有安裝Flash的機器上很好的直接運行。通過格式的轉(zhuǎn)化，的機器上很好的直接運行。通過格式的轉(zhuǎn)化， 還可以將動畫變?yōu)檫€可以將動畫變?yōu)?.html、*.mov等等！等等！ Flash是Micromedia公司推出的網(wǎng)頁設(shè)計和網(wǎng)頁動畫制作軟件。 Flash支持動畫

3、、聲音和交互，具有強大的多媒體編輯功能， 使用Flash可以設(shè)計出引導(dǎo)時尚潮流的網(wǎng)站、動畫、多媒體及 互動影像。 Flash采用矢量技術(shù)，生成的文件容量小，適合網(wǎng)絡(luò)傳輸 Flash的播放插件很小，很容易下載和安裝 通用性好，在 各瀏覽器中都是統(tǒng)一的樣式 在Flash中可以整合圖形、音樂、視頻等多媒體元素，并可 以實現(xiàn)用戶與動畫的交互 和互聯(lián)網(wǎng)緊密結(jié)合，適合制作Web頁和站點 簡單易學(xué) Flash以幀來組織動畫,幀與幀之間采用漸變過渡動畫.因此,制作動 畫時,只要將某段動畫的第一幀和最后一幀制作出來,中間的移動、旋轉(zhuǎn)、 變形、顏色改變等過程都可以由Flash自動完成，因此，動畫制作的過程 被大大

4、簡化了。 Flash圖形系統(tǒng)是基于矢量的，只需存儲少量的向量數(shù)據(jù)就可以描 述一個看起來相當復(fù)雜的對象，這樣，其占用的空間很小，與位圖相比 具有明顯的優(yōu)勢，非常適合在低帶寬的互聯(lián)網(wǎng)中使用。使用矢量圖形的 另一個好處還在于，無論將它放大多少倍，圖像都不會失真。 1 制作簡單方便 2 矢量動畫，文件占用空間小 （一）（一）Flash的主要特點的主要特點 SWF文件（Flash標準的發(fā)布文件）采用信息流傳送方式，可 以邊下載邊播放，不用等待整個文件全部下載完才能觀看動畫。 3 流式下載方式 4 強大的交互功能 在Flash中，高級交互事件的行動控制使Flash動畫的播放更加精確 并容量控制。設(shè)計者可以

5、動畫中加入 滾動條、復(fù)選按鈕、下拉菜單和 拖動物體等各種交互組件等等。 （二）（二）Flash動畫的分類動畫的分類 在Flash中可以創(chuàng)建三類動畫： 1 逐幀動畫 它由若干個關(guān)鍵幀組成，而每個關(guān)鍵幀的內(nèi)容都需要制作。逐幀動畫適 合在每一幀中都要改變不同圖像的動畫。 2 補間動畫（補間形狀和補間動作） 補間動畫是指用戶創(chuàng)建了兩個關(guān)鍵幀后，中間的幀由Flash根據(jù)其屬性的 不同自動創(chuàng)建出具有過渡效果的動畫。 3 交互式動畫 交互式動畫也稱為行為動畫，它是指在上述兩類動畫的基礎(chǔ)上添加 ActionScript動作腳本，根據(jù)用戶響應(yīng)（例如鍵盤或鼠標移動到影片中 的某一區(qū)域、移動對象、輸入信息）在影片中

6、執(zhí)行交互式動作。 啟動后，系統(tǒng)會顯示出完整的Flash界面，界面的中間是舞臺，舞 臺類似于其它軟件中的畫布，我們可定義動畫的尺寸和舞臺的顏色。舞 臺是顯示影片中各個幀內(nèi)容的區(qū)域，可以在其中直接繪制圖像，也可以 在舞臺中安排導(dǎo)入的圖像。 舞臺的上方是時間軸，它控制著整個動畫 的時間維度。 時間軸最重要的組成部分就是幀和圖層。時間軸的每一個小方格表 示動畫中的一幀，一個動畫中可以有幾條并發(fā)的時間軸，每一條時間軸 對應(yīng)于一個運動實例。運動實例分布在圖層上，不同圖層上的實例是相 互獨立的，它們的動互不影響。 工作界面工作界面 菜單欄菜單欄 工具箱工具箱 關(guān)鍵幀關(guān)鍵幀 普通幀普通幀 空白幀空白幀 元件庫

7、元件庫 面板面板 圖層區(qū)圖層區(qū) 時間軸窗口時間軸窗口場景主窗口場景主窗口 Flash中的繪畫工具中的繪畫工具 油漆桶油漆桶 直線直線 鉛筆鉛筆 吸管吸管 橡皮橡皮 箭頭箭頭 結(jié)點編輯結(jié)點編輯 文字文字 圓圓 長方形長方形 刷子刷子 墨水瓶墨水瓶 手手 放大鏡放大鏡 套索套索 鋼筆鋼筆 自由變形自由變形 填充變幻填充變幻 發(fā)布作品發(fā)布作品 在辛辛苦苦做好了自己的Flash動畫后，大家一定無法 滿足僅僅只是測試而已。那么就讓它變成各種格式，充分 展現(xiàn)自我！ 選擇【File】 菜單中的Publish Settings，便可進 行發(fā)布設(shè)置。設(shè)置 好后，單擊Publish 按鈕即可！ 舞臺的下方是屬性面

8、板，選擇工具箱中的某個工具之后，會在屬性面 板中顯示相對應(yīng)的屬性。例如，選擇文檔后，屬性面板會顯示文檔屬性。 舞臺的左邊是工具箱，F(xiàn)lash提供了各種不同的工具來繪制多邊形、精確 的直線、圖形和路徑，以及為填充對象著色等，這些工具都放在工具箱中。 舞臺的右方是浮動面板可以幫助我們觀察、編排、組織或者更改Flashf 動畫中的元素。在使用過程中，可以使面板保持在顯示、修改或組合狀態(tài)， 可根據(jù)需要任意改變。 三、三、Flash動畫類型動畫類型 補間動畫 傳統(tǒng)補間 反向運動 補間形狀 逐幀動畫 13 在第1幀處單擊右鍵,選擇“插入關(guān)鍵幀”命令，繪制一個矩形。 在第20幀處單擊右鍵,選擇“插入關(guān)鍵幀”

9、命令，繪制一個正圓。 在第1幀到20幀之間的時間軸上任意位置單擊，然后在屬性面板的 “補間”列表中選擇“形狀”。 按“Ctrl+Enter”鍵測試動畫效果。 保存文件 1 創(chuàng)創(chuàng)建形狀補間動畫（由矩形變?yōu)檎龍A）建形狀補間動畫（由矩形變?yōu)檎龍A） 2 創(chuàng)建動作補間動畫（從左邊運動到右邊的小球） 請同學(xué)們自己動腦筋想辦法，看是否有同學(xué)能做出來？ （提示：補間列表中選擇“動作”） 制作一個較為完整的動畫，如果希望達到良好的效果， 能吸引觀眾，最重要的，本人認為是。就是在掌握好 Flash軟件制作動畫的一些最基本操作后，個人思維和藝 術(shù)修養(yǎng)等的體現(xiàn)。良好的創(chuàng)意加上在制作過程中不斷嫻熟 的技巧，便可構(gòu)成自己

10、美妙的作品。 正確的制作方法正確的制作方法 在腦袋里有了完整的思路， 便開始創(chuàng)作自己的動畫作品，當 遇到不會實現(xiàn)的效果時，便再進 行學(xué)習(xí)，將學(xué)習(xí)做動畫溶入其中。 千萬不要認為自己的Flash掌握得 不夠，而畏于動手去做。 五、動畫制作實例五、動畫制作實例 1、制作按運動軌跡運動的小球的動畫 2、制作文字淡入淡出效果的動畫 3、遮罩的應(yīng)用-制作探照燈效果的動畫 （利用遮罩可以制作出字幕效果） 遮罩的應(yīng)用遮罩的應(yīng)用 遮罩（遮罩（Mask）的意思就是畫出一個范圍，讓其他的）的意思就是畫出一個范圍，讓其他的 圖形只能在這個范圍內(nèi)顯示，超出的部分就看不到了。圖形只能在這個范圍內(nèi)顯示，超出的部分就看不到了。 Mask圖層圖層 Masked圖層圖層 巧妙運用遮罩技