Flash動畫設(shè)計與制作——第一章基本知識與基本操作

1、12一、一、什么是什么是flash二、二、為什么要學習為什么要學習flash三、三、如何學習如何學習flash3一、一、什么是什么是flash二、二、為什么要學習為什么要學習flash三、三、如何學習如何學習flash4流媒體的概念流媒體的概念 采用流式傳輸?shù)姆绞皆诓捎昧魇絺鬏數(shù)姆绞皆趇nternetinternet上播放的媒體格式，而流上播放的媒體格式，而流式傳輸方式則是將整個音頻視頻及式傳輸方式則是將整個音頻視頻及3d3d等多媒體文件經(jīng)過特殊的等多媒體文件經(jīng)過特殊的壓縮方式分成一個個壓縮包，由視頻服務(wù)器向用戶計算機連續(xù)、壓縮方式分成一個個壓縮包，由視頻服務(wù)器向用戶計算機連續(xù)、實時傳送。實時

2、傳送。 流媒體可分為五類：流式音頻、流式視頻、流媒體可分為五類：流式音頻、流式視頻、流式動畫流式動畫、流、流式圖象、流式文本。式圖象、流式文本。flashflash的原名：的原名：animatoranimator最早的開發(fā)公司：最早的開發(fā)公司：futuresplashfuturesplash公司。九十年代中期該公司被公司。九十年代中期該公司被macromediamacromedia公司所買下。公司所買下。 19961996年，微軟網(wǎng)路（年，微軟網(wǎng)路（the microsoft network, msnthe microsoft network, msn）使用）使用futuresplashfut

3、uresplash公司的公司的animatoranimator軟件設(shè)計了一個界面與廣告全銀幕動畫軟件設(shè)計了一個界面與廣告全銀幕動畫來模擬電視。從而大大推動了其發(fā)展。來模擬電視。從而大大推動了其發(fā)展。5矢量圖和位圖矢量圖和位圖 矢量圖形使用稱作矢量圖形使用稱作矢量的直線和曲線描述圖像矢量的直線和曲線描述圖像，矢量也包括顏色，矢量也包括顏色和位置屬性。例如，樹葉圖像可以由創(chuàng)建樹葉輪廓的線條所經(jīng)過的點和位置屬性。例如，樹葉圖像可以由創(chuàng)建樹葉輪廓的線條所經(jīng)過的點來描述。樹葉的顏色由輪廓的顏色和輪廓包圍區(qū)域的顏色決定。來描述。樹葉的顏色由輪廓的顏色和輪廓包圍區(qū)域的顏色決定。 在編輯矢量圖形時，您可以修改

4、描述圖形形狀的線條和曲線的屬在編輯矢量圖形時，您可以修改描述圖形形狀的線條和曲線的屬性。您可以對矢量圖形進行移動、調(diào)整大小、重定形狀以及更改顏色性。您可以對矢量圖形進行移動、調(diào)整大小、重定形狀以及更改顏色的操作而不更改其外觀品質(zhì)。矢量圖形與分辨率無關(guān)，這意味著它們的操作而不更改其外觀品質(zhì)。矢量圖形與分辨率無關(guān)，這意味著它們可以顯示在各種分辨率的的輸出設(shè)備上，而絲毫不影響品質(zhì)?？梢燥@示在各種分辨率的的輸出設(shè)備上，而絲毫不影響品質(zhì)。6矢量圖和位圖矢量圖和位圖 位圖圖形使用稱作位圖圖形使用稱作像素的排列在網(wǎng)格內(nèi)的彩色點來描述圖像像素的排列在網(wǎng)格內(nèi)的彩色點來描述圖像。例。例如，樹葉的圖像由網(wǎng)格中每個像

5、素的特定位置和顏色值來描述，用非如，樹葉的圖像由網(wǎng)格中每個像素的特定位置和顏色值來描述，用非常類似鑲嵌的方式來創(chuàng)建圖像。常類似鑲嵌的方式來創(chuàng)建圖像。 在編輯位圖圖形時，您修改的是像素，而不是直線和曲線。位圖在編輯位圖圖形時，您修改的是像素，而不是直線和曲線。位圖圖形跟分辨率有關(guān)，因為描述圖像的數(shù)據(jù)是固定到特定尺寸的網(wǎng)格上圖形跟分辨率有關(guān)，因為描述圖像的數(shù)據(jù)是固定到特定尺寸的網(wǎng)格上的。編輯位圖圖形可以更改它的外觀品質(zhì)。特別是調(diào)整位圖圖形的大的。編輯位圖圖形可以更改它的外觀品質(zhì)。特別是調(diào)整位圖圖形的大小會使圖像的邊緣出現(xiàn)鋸齒，因為網(wǎng)格內(nèi)的像素重新進行了分布。在小會使圖像的邊緣出現(xiàn)鋸齒，因為網(wǎng)格內(nèi)的

6、像素重新進行了分布。在比圖像本身的分辨率低的輸出設(shè)備上顯示位圖圖形時也會降低它的外比圖像本身的分辨率低的輸出設(shè)備上顯示位圖圖形時也會降低它的外觀品質(zhì)。觀品質(zhì)。7 flashflash是由是由macromediamacromedia公司研發(fā)的，采用了流媒公司研發(fā)的，采用了流媒體技術(shù)的、基于矢量圖的優(yōu)秀的體技術(shù)的、基于矢量圖的優(yōu)秀的webweb圖像、動畫設(shè)計圖像、動畫設(shè)計工具。它可以廣泛應(yīng)用于網(wǎng)絡(luò)中的多種領(lǐng)域，出色工具。它可以廣泛應(yīng)用于網(wǎng)絡(luò)中的多種領(lǐng)域，出色的效果，輕巧的任何編程基礎(chǔ)體積加上便捷的操作，的效果，輕巧的任何編程基礎(chǔ)體積加上便捷的操作，幾乎可以沒有，就可以制作出以往需要有很強的專幾乎可

7、以沒有，就可以制作出以往需要有很強的專業(yè)知識才能達到的效果，通過簡單友好的創(chuàng)作環(huán)境，業(yè)知識才能達到的效果，通過簡單友好的創(chuàng)作環(huán)境，制作出精美絢麗的制作出精美絢麗的flashflash動畫，動畫，flashflash的流行程度有的流行程度有目共睹，可謂是一個夢幻工廠。目共睹，可謂是一個夢幻工廠。8flash的特性的特性友好的操作界面，容易學習友好的操作界面，容易學習：flash的操作界面的操作界面美觀，層次清晰，各美觀，層次清晰，各面板布局合理，相對其他制作動畫的程序如面板布局合理，相對其他制作動畫的程序如java appletjava applet，flash更加更加容易操作，無需任何編程基礎(chǔ)

8、就可以輕松制作出大量動畫效果容易操作，無需任何編程基礎(chǔ)就可以輕松制作出大量動畫效果。生成的動畫文件可以獨立播放生成的動畫文件可以獨立播放：用用flash制作的動畫作品不僅可以在制作的動畫作品不僅可以在線觀看，也可以離線觀看，并同時保留其原來動畫中的各種交互式操線觀看，也可以離線觀看，并同時保留其原來動畫中的各種交互式操作功能作功能。流媒體動畫流媒體動畫：flash播放器播放器在下載在下載flash影片時采用影片時采用流媒體方式，流媒體方式，也也就是說，在就是說，在flash文件還沒有完全下載完畢時就播放動畫，即下載的文件還沒有完全下載完畢時就播放動畫，即下載的同時進行播放同時進行播放。文件體積

9、較小文件體積較?。河捎谟捎趂lash采用的圖像方式是矢量圖，生成的文件相采用的圖像方式是矢量圖，生成的文件相對于傳統(tǒng)網(wǎng)頁動畫中同等面積的像素圖來說要小很多對于傳統(tǒng)網(wǎng)頁動畫中同等面積的像素圖來說要小很多?？勺杂煽s放，自動調(diào)整圖像尺寸可自由縮放，自動調(diào)整圖像尺寸：flash可以根據(jù)瀏覽者對瀏覽器窗可以根據(jù)瀏覽者對瀏覽器窗口尺寸的改變自動調(diào)整窗口中網(wǎng)頁內(nèi)容的尺寸，這樣就不會因為瀏覽口尺寸的改變自動調(diào)整窗口中網(wǎng)頁內(nèi)容的尺寸，這樣就不會因為瀏覽器窗口的縮小而丟失網(wǎng)頁內(nèi)容器窗口的縮小而丟失網(wǎng)頁內(nèi)容。9flash的特性的特性具有交互式作用的多媒體影片具有交互式作用的多媒體影片：flash影片影片可以通過可以

10、通過action script腳本語言與使用者建立交互式關(guān)系，使用者可以通過鍵盤操作或鼠標腳本語言與使用者建立交互式關(guān)系，使用者可以通過鍵盤操作或鼠標操作與影片之間產(chǎn)生互動操作與影片之間產(chǎn)生互動。易用性易用性：每個人都可以通過每個人都可以通過flash制作出影片，動態(tài)網(wǎng)頁，新版本雖制作出影片，動態(tài)網(wǎng)頁，新版本雖然比早期的版本難一些，但在原來版本中可實現(xiàn)的操作，在新版本中然比早期的版本難一些，但在原來版本中可實現(xiàn)的操作，在新版本中同樣容易實現(xiàn)，只是新版本中可實現(xiàn)的功能更多，看起來比較復雜而同樣容易實現(xiàn)，只是新版本中可實現(xiàn)的功能更多，看起來比較復雜而已已。10一、一、什么是什么是flash二、二、

11、為什么要學習為什么要學習flash三、三、如何學習如何學習flash11制作制作flash動畫動畫flash可以制作各種風格的漫畫動畫，并且可以為這個動畫配以聲音可以制作各種風格的漫畫動畫，并且可以為這個動畫配以聲音效果效果。這些動畫漫畫，可以是。這些動畫漫畫，可以是mvmv，可以是有趣的故事，可以是公司宣，可以是有趣的故事，可以是公司宣傳片傳片總之可以有很多不同的應(yīng)用?？傊梢杂泻芏嗖煌膽?yīng)用。在國內(nèi)在國內(nèi)已經(jīng)已經(jīng)涌現(xiàn)出了許多出色涌現(xiàn)出了許多出色的全的全flash作品。作品。制作制作flash游戲游戲利用利用flash中的中的actionscript腳本語言功能腳本語言功能，可以制作出簡單有

12、趣，可以制作出簡單有趣的的flash游戲。游戲。制作制作flash電子賀卡電子賀卡利用利用flash制作的電子賀卡，不但圖文并茂，而且可以伴有背景音樂，制作的電子賀卡，不但圖文并茂，而且可以伴有背景音樂，是目前網(wǎng)絡(luò)中比較流行的一種祝福方式。是目前網(wǎng)絡(luò)中比較流行的一種祝福方式。12制作制作flash教學課件教學課件以以flash動畫的形式傳達講述內(nèi)容動畫的形式傳達講述內(nèi)容，加上其交互式的操作制作出教學，加上其交互式的操作制作出教學課件。課件。 制作制作flash廣告條廣告條在網(wǎng)頁中會有大量的廣告，許多廣告都是由在網(wǎng)頁中會有大量的廣告，許多廣告都是由flash制作完成的制作完成的。 制作制作fla

13、sh網(wǎng)頁網(wǎng)頁為了達到一定的視覺沖擊力，企業(yè)往往在瀏覽者進入主頁之前首先播為了達到一定的視覺沖擊力，企業(yè)往往在瀏覽者進入主頁之前首先播放一段進站動畫，或者整個網(wǎng)站都用放一段進站動畫，或者整個網(wǎng)站都用flash動畫來實現(xiàn)，這樣的網(wǎng)站動畫來實現(xiàn)，這樣的網(wǎng)站交互性很強，內(nèi)容豐富絢麗，十分個性化。交互性很強，內(nèi)容豐富絢麗，十分個性化。13一、一、什么是什么是flash二、二、為什么要學習為什么要學習flash三、三、如何學習如何學習flash14課上，好好聽我講解。課上，好好聽我講解。課下，多練習，這點很重要。課下，多練習，這點很重要。15一、一、flash2004flash2004的工作環(huán)境的工作環(huán)境

14、二、創(chuàng)建二、創(chuàng)建flashflash動畫文件動畫文件三、設(shè)置文件屬性三、設(shè)置文件屬性四、四、flashflash動畫的發(fā)布動畫的發(fā)布16一、一、flash2004flash2004的工作環(huán)境的工作環(huán)境二、創(chuàng)建二、創(chuàng)建flashflash動畫文件動畫文件三、設(shè)置文件屬性三、設(shè)置文件屬性四、四、flashflash動畫的發(fā)布動畫的發(fā)布17flash 制作工具的系統(tǒng)要求制作工具的系統(tǒng)要求創(chuàng)作創(chuàng)作 flash 影片需要的硬件和軟件：影片需要的硬件和軟件：intel pentium 200 mhz 或相當或相當?shù)奶幚砥?；運行的處理器；運行 windows 98 se、windows me、windows

15、 nt 4.0、windows 2000 或或 windows xp；64 mb ram（建議（建議 128 mb）；）；85 mb 可用磁盤空間；分辨率可達可用磁盤空間；分辨率可達 1024 x 768 的的 16 位彩色顯示器；位彩色顯示器；cd-rom 驅(qū)動器。驅(qū)動器。18flash player 的系統(tǒng)要求的系統(tǒng)要求在瀏覽器中播放在瀏覽器中播放 flash 影片需要下列硬件和軟件：影片需要下列硬件和軟件：microsoft windows 95、windows 98、windows me、windows nt 4.0、windows 2000 或者或者 windows xp 或更高版本

16、?；蚋甙姹尽?在在 windows 中，需要與中，需要與 netscape 4（或更高版本）配合使用的（或更高版本）配合使用的 netscape 插件；而在插件；而在 mac os 上，則需要與上，則需要與 netscape 4.5（或更高（或更高版本）配合使用的版本）配合使用的 netscape 插件或插件或 internet exporer 5.0（或更高版（或更高版本）。本）。 要運行要運行 activex 控件，需要控件，需要 microsoft internet explorer 4 或更高版或更高版本（本（windows 95、windows 98、windows me、wind

17、ows nt4、windows 2000、windows xp 或更高版本）。或更高版本）。1920菜單欄菜單欄文件菜單欄：文件菜單欄：操作對象多為整個文件，包含工作中最常用的各種命名，操作對象多為整個文件，包含工作中最常用的各種命名，例如創(chuàng)建一個新的例如創(chuàng)建一個新的flashflash文檔，打開已有文檔，保存文檔，從外部導入文檔，打開已有文檔，保存文檔，從外部導入文件等操作。文件等操作。編輯菜單欄：編輯菜單欄：操作對象多為在場景中的各種元素，對它們進行編輯，操作對象多為在場景中的各種元素，對它們進行編輯，另外，還可以通過它設(shè)置一些系統(tǒng)參數(shù)，如設(shè)置首選參數(shù)，定義工具另外，還可以通過它設(shè)置一些系

18、統(tǒng)參數(shù)，如設(shè)置首選參數(shù)，定義工具面板，設(shè)置缺省字體映射與快捷鍵。面板，設(shè)置缺省字體映射與快捷鍵。視圖菜單欄：視圖菜單欄：用于設(shè)置場景的顯示比例，尺寸，實現(xiàn)場景之間的切換，用于設(shè)置場景的顯示比例，尺寸，實現(xiàn)場景之間的切換，提供輔助線幫助提供輔助線幫助flashflash中的對象定位，如網(wǎng)格，標尺。中的對象定位，如網(wǎng)格，標尺。插入菜單欄：插入菜單欄：操作對象主要為時間軸，用于在時間軸中插入各種幀、操作對象主要為時間軸，用于在時間軸中插入各種幀、圖層以及場景，制作時間軸特效等圖層以及場景，制作時間軸特效等 。修改菜單欄：修改菜單欄：操作對象為場景中的各種元素、圖層、場景與時間軸等，操作對象為場景中的

19、各種元素、圖層、場景與時間軸等，用于修改它們的屬性，形狀與對齊方式等。用于修改它們的屬性，形狀與對齊方式等。文本菜單欄：文本菜單欄：操作對象為場景中的文本，用于設(shè)置文本的字體、字型、操作對象為場景中的文本，用于設(shè)置文本的字體、字型、字號等，這些設(shè)置基本可以在文字屬性面板中完成，另外，在文本菜字號等，這些設(shè)置基本可以在文字屬性面板中完成，另外，在文本菜單欄中還包括了檢查拼寫功能，用于檢查文件中文字、語言方面的錯單欄中還包括了檢查拼寫功能，用于檢查文件中文字、語言方面的錯誤。誤。 命令菜單欄：命令菜單欄：用于使用自行設(shè)置的命令，適合完成一種重復性的操作用于使用自行設(shè)置的命令，適合完成一種重復性的操

20、作工作。工作。21菜單欄菜單欄控制菜單欄：控制菜單欄：用于控制場景中的動畫進程。用于控制場景中的動畫進程。窗口菜單欄：窗口菜單欄：用于顯示或隱藏場景中的工具箱、時間軸以及各種操作用于顯示或隱藏場景中的工具箱、時間軸以及各種操作面板。面板。幫助菜單欄：幫助菜單欄：用于顯示軟件的版本號，提供各種技術(shù)支持。用于顯示軟件的版本號，提供各種技術(shù)支持。22一、一、flash2004flash2004的工作環(huán)境的工作環(huán)境二、創(chuàng)建二、創(chuàng)建flashflash動畫文件動畫文件三、設(shè)置文件屬性三、設(shè)置文件屬性四、四、flashflash動畫的發(fā)布動畫的發(fā)布23舞臺和工作區(qū)舞臺和工作區(qū) 舞臺就是創(chuàng)作影片中各個幀的內(nèi)

21、容的區(qū)域，您可以在其中直接勾舞臺就是創(chuàng)作影片中各個幀的內(nèi)容的區(qū)域，您可以在其中直接勾畫插圖，也可以在舞臺中安排導入的插圖。畫插圖，也可以在舞臺中安排導入的插圖。 舞臺的操作舞臺的操作（1）縮放）縮放（2）移動舞臺視圖）移動舞臺視圖（3）使用網(wǎng)格、輔助線和標尺）使用網(wǎng)格、輔助線和標尺24圖層和時間軸圖層和時間軸 圖層就像透明的薄片一樣，一層層地向上疊加。圖層可以幫助您圖層就像透明的薄片一樣，一層層地向上疊加。圖層可以幫助您組織文檔中的插圖。可以在圖層上繪制和編輯對象，而不會影響其它組織文檔中的插圖。可以在圖層上繪制和編輯對象，而不會影響其它圖層上的對象。如果一個圖層上沒有內(nèi)容，那么就可以透過它看

22、到下圖層上的對象。如果一個圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。面的圖層。 當創(chuàng)建了一個新的當創(chuàng)建了一個新的 flash 文檔之后，它就包含一個圖層。可以添文檔之后，它就包含一個圖層?？梢蕴砑痈嗟膱D層，以便在文檔中組織插圖、動畫和其它元素?？梢詣?chuàng)建加更多的圖層，以便在文檔中組織插圖、動畫和其它元素。可以創(chuàng)建的層數(shù)只受計算機內(nèi)存的限制，而且層數(shù)不會增加發(fā)布的影片的文件的層數(shù)只受計算機內(nèi)存的限制，而且層數(shù)不會增加發(fā)布的影片的文件大小。可以隱藏、鎖定和重新安排圖層。大小?？梢噪[藏、鎖定和重新安排圖層。 要繪制、上色或者對圖層或文件夾做其它修改，需要選擇該圖層要繪制、上色或者對圖層或文件夾

23、做其它修改，需要選擇該圖層以激活它。圖層或文件夾名稱旁邊的鉛筆圖標表示該圖層或文件處于以激活它。圖層或文件夾名稱旁邊的鉛筆圖標表示該圖層或文件處于活動狀態(tài)。一次只能有一個圖層處于活動狀態(tài)?；顒訝顟B(tài)。一次只能有一個圖層處于活動狀態(tài)。 使用特殊的引導層可以使繪畫和編輯變得更加容易，而使用遮罩使用特殊的引導層可以使繪畫和編輯變得更加容易，而使用遮罩層可以幫助您創(chuàng)建復雜的效果。層可以幫助您創(chuàng)建復雜的效果。 25圖層和時間軸圖層和時間軸 時間軸用于組織和控制影片內(nèi)容在一定時間內(nèi)播放的層數(shù)和幀數(shù)。時間軸用于組織和控制影片內(nèi)容在一定時間內(nèi)播放的層數(shù)和幀數(shù)。與膠片一樣，與膠片一樣，flash 影片也將時長分為

24、幀。圖層就像層疊在一起的幻影片也將時長分為幀。圖層就像層疊在一起的幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像。時間軸燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像。時間軸的主要組件是圖層、幀和播放頭。的主要組件是圖層、幀和播放頭。 文檔中的圖層列在時間軸左側(cè)的列中。每個圖層中包含的幀顯示文檔中的圖層列在時間軸左側(cè)的列中。每個圖層中包含的幀顯示在該圖層名右側(cè)的一行中。時間軸頂部的時間軸標題顯示幀編號。播在該圖層名右側(cè)的一行中。時間軸頂部的時間軸標題顯示幀編號。播放頭指示在舞臺中當前顯示的幀。放頭指示在舞臺中當前顯示的幀。 時間軸狀態(tài)顯示在時間軸的底部，它指示所選的幀編號、當前幀

25、時間軸狀態(tài)顯示在時間軸的底部，它指示所選的幀編號、當前幀頻以及到當前幀為止的運行時間。頻以及到當前幀為止的運行時間。 注：注：時間軸的圖層部分中的控件使您可以隱藏或顯示、鎖定或解鎖圖時間軸的圖層部分中的控件使您可以隱藏或顯示、鎖定或解鎖圖層，以及將圖層內(nèi)容顯示為輪廓。層，以及將圖層內(nèi)容顯示為輪廓?？梢栽跁r間軸中插入、刪除、選擇和移動幀。也可以將幀拖到同一圖可以在時間軸中插入、刪除、選擇和移動幀。也可以將幀拖到同一圖層中的不同位置，或是拖到不同的圖層中。層中的不同位置，或是拖到不同的圖層中。26圖層和時間軸圖層和時間軸27創(chuàng)建新文檔創(chuàng)建新文檔 每次打開每次打開 flash 時，應(yīng)用程序都會創(chuàng)建一

26、個擴展名為時，應(yīng)用程序都會創(chuàng)建一個擴展名為 fla 的新的新文件。您可以在工作時創(chuàng)建其它新文件。您可以在工作時創(chuàng)建其它新 flash 文檔。文檔。28一、一、flash2004flash2004的工作環(huán)境的工作環(huán)境二、創(chuàng)建二、創(chuàng)建flashflash動畫文件動畫文件三、設(shè)置文件屬性三、設(shè)置文件屬性四、四、flashflash動畫的發(fā)布動畫的發(fā)布29利用利用“文檔屬性文檔屬性”對話框設(shè)置文件屬性對話框設(shè)置文件屬性 要設(shè)置新文檔的大小、幀頻、背景色和其它屬性，可以使用要設(shè)置新文檔的大小、幀頻、背景色和其它屬性，可以使用“文文檔屬性檔屬性”對話框。選擇對話框。選擇“修改修改文檔文檔”可打開文檔屬性對

27、話框?？纱蜷_文檔屬性對話框。 “幀頻幀頻”是每秒顯示的動畫幀的數(shù)量。對于大多數(shù)計算機顯示的動是每秒顯示的動畫幀的數(shù)量。對于大多數(shù)計算機顯示的動畫，特別是在畫，特別是在 web 站點播放的動畫，站點播放的動畫，8 fps（每秒幀數(shù)）到（每秒幀數(shù)）到 12 fps 就就足夠了。默認影片大小為足夠了。默認影片大小為 550 x 400 像素。最小大小為像素。最小大小為 1 x 1 像素，像素，最大為最大為 2880 x 2880 像素。像素。30設(shè)置設(shè)置flash中的首選參數(shù)中的首選參數(shù)選擇選擇“編輯編輯首選參數(shù)首選參數(shù)”31一、一、flash2004flash2004的工作環(huán)境的工作環(huán)境二、創(chuàng)建二、創(chuàng)建flashflash動畫文件動畫文件三、設(shè)置文件屬性三、設(shè)置文件屬性四、四、flashflash動畫的發(fā)布動畫的發(fā)布32發(fā)布概述發(fā)布概述 當已準備好將影片傳遞給觀眾時，可以發(fā)布