網頁設計與制作 ppt課件.ppt

《網頁設計與制作 ppt課件.ppt》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、第5章動畫制作軟件Flash第5章動畫制作軟件Flash網頁作為一種新興的媒體，正成為當今人們獲取信息的重要方式。隨著網絡技術的發(fā)展，單調的頁面及布局已經能做得像其他媒體一樣豐富多彩了。就目前而言，要想改變靜態(tài)頁面呆板的面貌，并且突破網絡傳輸速度的限制，相信每一個網絡設計人員都會說，使用Flash。的確，目前Flash在網絡設計上的應用正像它的名字一樣光彩照人、勢不可擋。第5章動畫制作軟件Flash5.1FlashMX概述5.2Flash基本操作5.3圖形操作5.4動畫制作5.5聲音處理5.6動畫的交互控制5.7使用組件5.8優(yōu)化和發(fā)布5.9綜合實例思考與練習5.1FlashMX

2、概述Flash是由美國Macromedia公司出品的一款矢量圖形編輯和動畫制作軟件。因為這款軟件在基于矢量圖形壓縮方面有著驚人的能力，并且可以在Web上發(fā)布，所以很快便在互聯(lián)網世界中流行起來。用戶除了可以利用它制作普通動畫外，還可以在動畫中加入背景音樂。更重要的是，用戶還可以利用它制作交互動畫及動態(tài)網頁。5.1.1FlashMX的功能特點導入功能的擴展。FlashMX可以非常容易地通過導入功能將AVI、MPEG或GIF等視頻文件導入到Flash文件中，還可導入Flash發(fā)布后的SWF文件?！窆ぞ呦渲行略黾恿藘蓚€工具。自由轉換工具，可以對繪制內容進行任意的縮放或旋轉等變化；填充轉換

3、工具，主要用來調整填充顏色。●圖層可做成文件夾。在時間軸中，新增了圖層文件夾，使得管理圖層更加方便。5.1.1FlashMX的功能特點●利用文本工具設定超級鏈接。在FlashMX中可以直接通過文本工具設定超級鏈接，這與設計網頁時的操作一樣簡單。●增強了Actions編輯器的功能。改進的ActionScript（動作腳本）編輯面板使得用戶可以方便地訪問、查找所有的（包括潛在的）動作語句?！裥略隽藢傩悦姘濉lashMX進一步向面向對象的技術靠攏，提供了獨立的屬性面板。●支持組件功能。組件是面向對象技術的一個重要特征，F(xiàn)lashMX開始支持組件。5.1.2動畫知識簡介與我們平時看到的

4、電影和錄像一樣，F(xiàn)lash動畫也是基于幀構成的，也就是通過若干個靜止的畫面連續(xù)播放來產生動作效果，我們把這些靜止的畫面稱為幀。通常的電腦動畫大部分都是基于這種原理來創(chuàng)建的。對于這種以幀的連續(xù)播放產生的電影，一般來說，每一秒鐘的電影至少包含24幀，或者更多，而且?guī)瑪?shù)越多，電影畫面就越連貫。例如我們看的電視每秒鐘包含25幀。為了降低網絡流量，F(xiàn)lash通常將動畫一秒鐘播放的幀數(shù)設置為12。如果就以每秒鐘12幀來計算，要生成1小時的Flash動畫，它將包含43200幀。如果對每一幀的畫面都進行繪制，那將是不現(xiàn)實的。于是在設計Flash動畫時，引進了關鍵幀這個概念。所謂關鍵幀就是指用來描

5、述動畫中關鍵畫面的幀。在制作Flash動畫時，只要將動畫中的關鍵幀畫面制作好后，兩個關鍵幀之間的各幀則可以通過插值的方法來自動產生，這將大大提高動畫制作的效率，同時也大大減少了動畫中的冗余數(shù)據。有時一個幀中的內容非常復雜，為了減少每一幀中內容的復雜程度，F(xiàn)lash又引入了圖層的概念，我們可以將幀中復雜的內容分別繪制到不同的圖層，以減少每一幀動畫的復雜程度。Flash就這樣將時間線、幀和圖層分別用在橫縱結構上以構成動畫。選擇“開始→程序→Macromedia→MacromediaFlashMX”菜單選項，啟動FlashMX應用程序，打開的程序窗口，布局如圖5-1所示。在Flash

6、MX程序窗口中，根據功能的不同，可以將FlashMX的操作界面分成7個部分，它們分別是菜單欄、工具欄、工具箱、屬性面板、面板容器、時間線和動畫設計窗體。5.1.3FlashMX工作界面圖●5.2.1參數(shù)設置●5.2.2文件的建立、保存●5.2.3時間軸的操作●5.2.4場景操作●5.2.5動畫播放5.2Flash基本操作Flash允許用戶根據需要設置常用參數(shù)，如設置應用程序的常規(guī)操作、編輯操作和剪貼板操作等。選擇“編輯→參數(shù)選擇”菜單選項，打開“參數(shù)選擇”對話框，可對常用參數(shù)進行設置，如圖5-2所示。5.2.1參數(shù)設置圖1.文件的建立選擇“文件→新建”菜單選項，就可以新建一個Fl

7、ash文件。2.文件的保存Flash電影創(chuàng)建完成后，可以將其保存為當前使用的名稱或所在位置，也可以保存為其他的名稱或位置?！襁x擇“文件→保存”菜單選項，使用當前文件名保存當前文件?！袢绻x擇“另存為”命令，或文件從來沒有保存過，這時候將打開SaveAs（另存為）對話框，如圖5-3所示。選擇文件存儲位置并輸入文件名，單擊保存按鈕即可。5.2.2文件的建立、保存圖時間軸的組成部分有幀、層和播放指針，如圖5-4所示。時間軸用于組織動畫各幀的內容，并可以控制動畫每幀每層的顯示內容，還可以