Flash動畫設(shè)計與制作（1）基本知識與基本操作.ppt

1、1,Flash動畫設(shè)計與制作基本知識與基本操作,合肥工業(yè)大學(xué)計算機與信息學(xué)院 石 雷,2,Flash的基本知識,什么是Flash 為什么要學(xué)習(xí)Flash 如何學(xué)習(xí)Flash,3,Flash的基本知識,什么是Flash 為什么要學(xué)習(xí)Flash 如何學(xué)習(xí)Flash,4,Flash的基本知識什么是Flash,流媒體的概念 采用流式傳輸?shù)姆绞皆贗nternet上播放的媒體格式，而流式傳輸方式則是將整個音頻視頻及3D等多媒體文件經(jīng)過特殊的壓縮方式分成一個個壓縮包，由視頻服務(wù)器向用戶計算機連續(xù)、實時傳送。 流媒體可分為五類：流式音頻、流式視頻、流式動畫、流式圖象、流式文本。 Flash的原名：Animat

2、or 最早的開發(fā)公司：FutureSplash公司。九十年代中期該公司被Macromedia公司所買下。 1996年，微軟網(wǎng)路（The Microsoft Network, MSN）使用FutureSplash公司的Animator軟件設(shè)計了一個界面與廣告全銀幕動畫來模擬電視。從而大大推動了其發(fā)展。,5,Flash的基本知識什么是Flash,矢量圖和位圖 矢量圖形使用稱作矢量的直線和曲線描述圖像，矢量也包括顏色和位置屬性。例如，樹葉圖像可以由創(chuàng)建樹葉輪廓的線條所經(jīng)過的點來描述。樹葉的顏色由輪廓的顏色和輪廓包圍區(qū)域的顏色決定。 在編輯矢量圖形時，您可以修改描述圖形形狀的線條和曲線的屬性。您可以對

3、矢量圖形進(jìn)行移動、調(diào)整大小、重定形狀以及更改顏色的操作而不更改其外觀品質(zhì)。矢量圖形與分辨率無關(guān)，這意味著它們可以顯示在各種分辨率的的輸出設(shè)備上，而絲毫不影響品質(zhì)。,6,Flash的基本知識什么是Flash,矢量圖和位圖 位圖圖形使用稱作像素的排列在網(wǎng)格內(nèi)的彩色點來描述圖像。例如，樹葉的圖像由網(wǎng)格中每個像素的特定位置和顏色值來描述，用非常類似鑲嵌的方式來創(chuàng)建圖像。 在編輯位圖圖形時，您修改的是像素，而不是直線和曲線。位圖圖形跟分辨率有關(guān)，因為描述圖像的數(shù)據(jù)是固定到特定尺寸的網(wǎng)格上的。編輯位圖圖形可以更改它的外觀品質(zhì)。特別是調(diào)整位圖圖形的大小會使圖像的邊緣出現(xiàn)鋸齒，因為網(wǎng)格內(nèi)的像素重新進(jìn)行了分布。

4、在比圖像本身的分辨率低的輸出設(shè)備上顯示位圖圖形時也會降低它的外觀品質(zhì)。,7,Flash的基本知識什么是Flash,Flash是由Macromedia公司研發(fā)的，采用了流媒體技術(shù)的、基于矢量圖的優(yōu)秀的Web圖像、動畫設(shè)計工具。它可以廣泛應(yīng)用于網(wǎng)絡(luò)中的多種領(lǐng)域，出色的效果，輕巧的任何編程基礎(chǔ)體積加上便捷的操作，幾乎可以沒有，就可以制作出以往需要有很強的專業(yè)知識才能達(dá)到的效果，通過簡單友好的創(chuàng)作環(huán)境，制作出精美絢麗的Flash動畫，F(xiàn)lash的流行程度有目共睹，可謂是一個夢幻工廠。,8,Flash的基本知識什么是Flash,Flash的特性 友好的操作界面，容易學(xué)習(xí)：Flash的操作界面美觀，層次清

5、晰，各面板布局合理，相對其他制作動畫的程序如Java Applet，F(xiàn)lash更加容易操作，無需任何編程基礎(chǔ)就可以輕松制作出大量動畫效果。 生成的動畫文件可以獨立播放：用Flash制作的動畫作品不僅可以在線觀看，也可以離線觀看，并同時保留其原來動畫中的各種交互式操作功能。 流媒體動畫：Flash播放器在下載Flash影片時采用流媒體方式，也就是說，在Flash文件還沒有完全下載完畢時就播放動畫，即下載的同時進(jìn)行播放。 文件體積較小：由于Flash采用的圖像方式是矢量圖，生成的文件相對于傳統(tǒng)網(wǎng)頁動畫中同等面積的像素圖來說要小很多。 可自由縮放，自動調(diào)整圖像尺寸：Flash可以根據(jù)瀏覽者對瀏覽器窗

6、口尺寸的改變自動調(diào)整窗口中網(wǎng)頁內(nèi)容的尺寸，這樣就不會因為瀏覽器窗口的縮小而丟失網(wǎng)頁內(nèi)容。,9,Flash的基本知識什么是Flash,Flash的特性 具有交互式作用的多媒體影片：Flash影片可以通過Action Script腳本語言與使用者建立交互式關(guān)系，使用者可以通過鍵盤操作或鼠標(biāo)操作與影片之間產(chǎn)生互動。 易用性：每個人都可以通過Flash制作出影片，動態(tài)網(wǎng)頁，新版本雖然比早期的版本難一些，但在原來版本中可實現(xiàn)的操作，在新版本中同樣容易實現(xiàn)，只是新版本中可實現(xiàn)的功能更多，看起來比較復(fù)雜而已。,10,Flash的基本知識,什么是Flash 為什么要學(xué)習(xí)Flash 如何學(xué)習(xí)Flash,11,F

7、lash的基本知識為什么要學(xué)習(xí)Flash,Flash可以制作出豐富絢麗的動態(tài)效果，而生成的文件又相對較小，加上它的交互性功能，被廣泛應(yīng)用于網(wǎng)絡(luò)中的多種領(lǐng)域。 制作Flash動畫 Flash可以制作各種風(fēng)格的漫畫動畫，并且可以為這個動畫配以聲音效果。這些動畫漫畫，可以是MV，可以是有趣的故事，可以是公司宣傳片總之可以有很多不同的應(yīng)用。在國內(nèi)已經(jīng)涌現(xiàn)出了許多出色的全Flash作品。 制作Flash游戲 利用Flash中的ActionScript腳本語言功能，可以制作出簡單有趣的Flash游戲。 制作Flash電子賀卡 利用Flash制作的電子賀卡，不但圖文并茂，而且可以伴有背景音樂，是目前網(wǎng)絡(luò)中比

8、較流行的一種祝福方式。,12,Flash的基本知識為什么要學(xué)習(xí)Flash,制作Flash教學(xué)課件 以Flash動畫的形式傳達(dá)講述內(nèi)容，加上其交互式的操作制作出教學(xué)課件。 制作Flash廣告條 在網(wǎng)頁中會有大量的廣告，許多廣告都是由Flash制作完成的。 制作Flash網(wǎng)頁 為了達(dá)到一定的視覺沖擊力，企業(yè)往往在瀏覽者進(jìn)入主頁之前首先播放一段進(jìn)站動畫，或者整個網(wǎng)站都用Flash動畫來實現(xiàn)，這樣的網(wǎng)站交互性很強，內(nèi)容豐富絢麗，十分個性化。,13,Flash的基本知識,什么是Flash 為什么要學(xué)習(xí)Flash 如何學(xué)習(xí)Flash,14,Flash的基本知識如何學(xué)習(xí)Flash,課上，好好聽我講解。 課下

9、，多練習(xí)，這點很重要。,15,Flash的基本操作,Flash2004的工作環(huán)境 創(chuàng)建Flash動畫文件 設(shè)置文件屬性 Flash動畫的發(fā)布,16,Flash的基本操作,Flash2004的工作環(huán)境 創(chuàng)建Flash動畫文件 設(shè)置文件屬性 Flash動畫的發(fā)布,17,Flash的基本操作Flash2004的工作環(huán)境,Flash 制作工具的系統(tǒng)要求 創(chuàng)作 Flash 影片需要下列硬件和軟件： 對于 Microsoft Windows：Intel Pentium 200 MHz 或相當(dāng)?shù)奶幚砥鳎贿\行 Windows 98 SE、Windows ME、Windows NT 4.0、Windows 20

10、00 或 Windows XP；64 MB RAM（建議 128 MB）；85 MB 可用磁盤空間；分辨率可達(dá) 1024 x 768 的 16 位彩色顯示器；CD-ROM 驅(qū)動器。 Flash Player 的系統(tǒng)要求 在瀏覽器中播放 Flash 影片需要下列硬件和軟件：Microsoft Windows 95、Windows 98、Windows ME、Windows NT 4.0、Windows 2000 或者 Windows XP 或更高版本。 在 Windows 中，需要與 Netscape 4（或更高版本）配合使用的 Netscape 插件；而在 Mac OS 上，則需要與 Nets

11、cape 4.5（或更高版本）配合使用的 Netscape 插件或 Internet Exporer 5.0（或更高版本）。 要運行 ActiveX 控件，需要 Microsoft Internet Explorer 4 或更高版本（Windows 95、Windows 98、Windows Me、Windows NT4、Windows 2000、Windows XP 或更高版本）。,18,Flash的基本操作Flash2004的工作環(huán)境,19,Flash的基本操作Flash2004的工作環(huán)境,菜單欄 文件菜單欄：操作對象多為整個文件，包含工作中最常用的各種命名，例如創(chuàng)建一個新的Flash文檔

12、，打開已有文檔，保存文檔，從外部導(dǎo)入文件等操作。 編輯菜單欄：操作對象多為在場景中的各種元素，對它們進(jìn)行編輯，另外，還可以通過它設(shè)置一些系統(tǒng)參數(shù)，如設(shè)置首選參數(shù)，定義工具面板，設(shè)置缺省字體映射與快捷鍵。 視圖菜單欄：用于設(shè)置場景的顯示比例，尺寸，實現(xiàn)場景之間的切換，提供輔助線幫助Flash中的對象定位，如網(wǎng)格，標(biāo)尺。 插入菜單欄：操作對象主要為時間軸，用于在時間軸中插入各種幀、圖層以及場景，制作時間軸特效等 。 修改菜單欄：操作對象為場景中的各種元素、圖層、場景與時間軸等，用于修改它們的屬性，形狀與對齊方式等。 文本菜單欄：操作對象為場景中的文本，用于設(shè)置文本的字體、字型、字號等，這些設(shè)置基本

13、可以在文字屬性面板中完成，另外，在文本菜單欄中還包括了檢查拼寫功能，用于檢查文件中文字、語言方面的錯誤。 命令菜單欄：用于使用自行設(shè)置的命令，適合完成一種重復(fù)性的操作工作。,20,Flash的基本操作Flash2004的工作環(huán)境,菜單欄 控制菜單欄：用于控制場景中的動畫進(jìn)程。 窗口菜單欄：用于顯示或隱藏場景中的工具箱、時間軸以及各種操作面板。 幫助菜單欄：用于顯示軟件的版本號，提供各種技術(shù)支持。,21,Flash的基本操作,Flash2004的工作環(huán)境 創(chuàng)建Flash動畫文件 設(shè)置文件屬性 Flash動畫的發(fā)布,22,Flash的基本操作創(chuàng)建Flash動畫文件,舞臺和工作區(qū) 舞臺就是創(chuàng)作影片中

14、各個幀的內(nèi)容的區(qū)域，您可以在其中直接勾畫插圖，也可以在舞臺中安排導(dǎo)入的插圖。 舞臺的操作 （1）縮放 （2）移動舞臺視圖 （3）使用網(wǎng)格、輔助線和標(biāo)尺,23,Flash的基本操作創(chuàng)建Flash動畫文件,圖層和時間軸 圖層就像透明的薄片一樣，一層層地向上疊加。圖層可以幫助您組織文檔中的插圖。可以在圖層上繪制和編輯對象，而不會影響其它圖層上的對象。如果一個圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。 當(dāng)創(chuàng)建了一個新的 Flash 文檔之后，它就包含一個圖層。可以添加更多的圖層，以便在文檔中組織插圖、動畫和其它元素。可以創(chuàng)建的層數(shù)只受計算機內(nèi)存的限制，而且層數(shù)不會增加發(fā)布的影片的文件大小?？梢噪[

15、藏、鎖定和重新安排圖層。 要繪制、上色或者對圖層或文件夾做其它修改，需要選擇該圖層以激活它。圖層或文件夾名稱旁邊的鉛筆圖標(biāo)表示該圖層或文件處于活動狀態(tài)。一次只能有一個圖層處于活動狀態(tài)。 使用特殊的引導(dǎo)層可以使繪畫和編輯變得更加容易，而使用遮罩層可以幫助您創(chuàng)建復(fù)雜的效果。,24,Flash的基本操作創(chuàng)建Flash動畫文件,圖層和時間軸 時間軸用于組織和控制影片內(nèi)容在一定時間內(nèi)播放的層數(shù)和幀數(shù)。與膠片一樣，F(xiàn)lash 影片也將時長分為幀。圖層就像層疊在一起的幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像。時間軸的主要組件是圖層、幀和播放頭。 文檔中的圖層列在時間軸左側(cè)的列中。每個圖層中包含

16、的幀顯示在該圖層名右側(cè)的一行中。時間軸頂部的時間軸標(biāo)題顯示幀編號。播放頭指示在舞臺中當(dāng)前顯示的幀。 時間軸狀態(tài)顯示在時間軸的底部，它指示所選的幀編號、當(dāng)前幀頻以及到當(dāng)前幀為止的運行時間。 注：時間軸的圖層部分中的控件使您可以隱藏或顯示、鎖定或解鎖圖層，以及將圖層內(nèi)容顯示為輪廓。 可以在時間軸中插入、刪除、選擇和移動幀。也可以將幀拖到同一圖層中的不同位置，或是拖到不同的圖層中。,25,Flash的基本操作創(chuàng)建Flash動畫文件,圖層和時間軸,26,Flash的基本操作創(chuàng)建Flash動畫文件,創(chuàng)建新文檔 每次打開 Flash 時，應(yīng)用程序都會創(chuàng)建一個擴(kuò)展名為 FLA 的新文件。您可以在工作時創(chuàng)建其

17、它新 Flash 文檔。,27,Flash的基本操作,Flash2004的工作環(huán)境 創(chuàng)建Flash動畫文件 設(shè)置文件屬性 Flash動畫的發(fā)布,28,Flash的基本操作設(shè)置文件屬性,利用“文檔屬性”對話框設(shè)置文件屬性 要設(shè)置新文檔的大小、幀頻、背景色和其它屬性，可以使用“文檔屬性”對話框。 選擇“修改文檔”可打開文檔屬性對話框。 “幀頻”是每秒顯示的動畫幀的數(shù)量。對于大多數(shù)計算機顯示的動畫，特別是在 Web 站點播放的動畫，8 fps（每秒幀數(shù)）到 12 fps 就足夠了。 默認(rèn)影片大小為 550 x 400 像素。最小大小為 1 x 1 像素，最大為 2880 x 2880 像素。,29,

18、Flash的基本操作設(shè)置文件屬性,設(shè)置Flash中的首選參數(shù) 選擇“編輯首選參數(shù)”,30,Flash的基本操作,Flash2004的工作環(huán)境 創(chuàng)建Flash動畫文件 設(shè)置文件屬性 Flash動畫的發(fā)布,31,Flash的基本操作Flash動畫的發(fā)布,發(fā)布概述 當(dāng)已準(zhǔn)備好將影片傳遞給觀眾時，可以發(fā)布 Macromedia Flash MX 文檔（FLA 文件）用于回放。默認(rèn)情況下，“發(fā)布”命令可以創(chuàng)建 Flash SWF 文件并將 Flash 影片插入瀏覽器窗口中的 HTML 文檔。 也可以以其它文件格式（如 GIF、JPEG、PNG 和 QuickTime 格式）發(fā)布 FLA 文件，以及在瀏覽器窗口中顯示這些文件所需的 HTML 文件。上述其它格式可使那些沒有安裝 Flash Player 6 的用戶在瀏覽器中顯示影片動畫和交互。當(dāng)以其它文件格式發(fā)布 FLA 文件時，每種文件格式的設(shè)置都會存儲在該 FLA 文件中。 同樣也可以以多種