動(dòng)畫(huà)制作快速入門(mén)

1、動(dòng)畫(huà)制作快速入門(mén)2008年3月11日星期二第1頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一補(bǔ)序 + + 在網(wǎng)絡(luò)世界的今天，與Fireworks、Dreamweaver并稱(chēng)為“網(wǎng)絡(luò)三劍客”，組成Macromedia公司“網(wǎng)絡(luò)夢(mèng)之隊(duì)”的Flash，必將越來(lái)越流行?！伴W客”的出現(xiàn)，更是豐富了我們的生活。 Flash現(xiàn)在早已超出制作簡(jiǎn)單動(dòng)畫(huà)的范圍，它更可以： 制作聲光效果絕佳的開(kāi)場(chǎng)畫(huà)面 制作網(wǎng)頁(yè)上的廣告 制作交互式網(wǎng)頁(yè)的接口 制作各種小游戲 作為電子禮物（舉例）第2頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一 Flash 簡(jiǎn)介 因特網(wǎng)上現(xiàn)在已有成千上萬(wàn)個(gè)Flash個(gè)站點(diǎn)，著

2、名的微軟MSN新聞?wù)疽约癐ntel、奧迪等世界著名企業(yè)主頁(yè)都大量采用了大量的Flash動(dòng)畫(huà)。 到現(xiàn)在，F(xiàn)lash已經(jīng)發(fā)展到了Flash CS4，隨著其功能的不斷加強(qiáng)，它已從以前的小插件一躍成為互聯(lián)網(wǎng)動(dòng)畫(huà)制作新生力量的代言人。 推薦使用flash 8中文版，實(shí)用而又穩(wěn)定。 Flash以*.fla 為其源文件，以*.swf 為生成的效果文件（就是平時(shí)網(wǎng)上下載的動(dòng)畫(huà)格式）。隨著應(yīng)用的不斷推廣，F(xiàn)lash也可以生成*.exe 文件，可以在沒(méi)有安裝Flash的機(jī)器上很好的直接運(yùn)行。通過(guò)格式的轉(zhuǎn)化，還可以將動(dòng)畫(huà)變?yōu)?.html、*.mov等等！第3頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一

3、一、Flash簡(jiǎn)介 Flash是當(dāng)前最流行的動(dòng)畫(huà)制作軟件，用它制作的Flash電影已經(jīng)在無(wú)數(shù)網(wǎng)站和很多相關(guān)領(lǐng)域廣泛應(yīng)用。很多游戲軟件也是采用Flash制作的。 Flash以幀來(lái)組織動(dòng)畫(huà),幀與幀之間采用漸變過(guò)渡動(dòng)畫(huà).因此,制作動(dòng)畫(huà)時(shí),只要將某段動(dòng)畫(huà)的第一幀和最后一幀制作出來(lái),中間的移動(dòng)、旋轉(zhuǎn)、變形、顏色改變等過(guò)程都可以由Flash自動(dòng)完成，因此，動(dòng)畫(huà)制作的過(guò)程被大大簡(jiǎn)化了。 Flash圖形系統(tǒng)是基于矢量的，只需存儲(chǔ)少量的向量數(shù)據(jù)就可以描述一個(gè)看起來(lái)相當(dāng)復(fù)雜的對(duì)象，這樣，其占用的空間很小，與位圖相比具有明顯的優(yōu)勢(shì)，非常適合在低帶寬的互聯(lián)網(wǎng)中使用。使用矢量圖形的另一個(gè)好處還在于，無(wú)論將它放大多少倍，

4、圖像都不會(huì)失真。1 制作簡(jiǎn)單方便2 矢量動(dòng)畫(huà)，文件占用空間?。ㄒ唬〧lash的主要特點(diǎn)第4頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一 SWF文件（Flash標(biāo)準(zhǔn)的發(fā)布文件）采用信息流傳送方式，可以邊下載邊播放，不用等待整個(gè)文件全部下載完才能觀看動(dòng)畫(huà)。3 流式下載方式4 強(qiáng)大的交互功能 在Flash中，高級(jí)交互事件的行動(dòng)控制使Flash動(dòng)畫(huà)的播放更加精確并容量控制。設(shè)計(jì)者可以動(dòng)畫(huà)中加入 滾動(dòng)條、復(fù)選按鈕、下拉菜單和拖動(dòng)物體等各種交互組件等等。（二）Flash動(dòng)畫(huà)的分類(lèi)在Flash中可以創(chuàng)建三類(lèi)動(dòng)畫(huà)：1 逐幀動(dòng)畫(huà)它由若干個(gè)關(guān)鍵幀組成，而每個(gè)關(guān)鍵幀的內(nèi)容都需要制作。逐幀動(dòng)畫(huà)適合在每一

5、幀中都要改變不同圖像的動(dòng)畫(huà)。2 補(bǔ)間動(dòng)畫(huà)（補(bǔ)間形狀和補(bǔ)間動(dòng)作）補(bǔ)間動(dòng)畫(huà)是指用戶創(chuàng)建了兩個(gè)關(guān)鍵幀后，中間的幀由Flash根據(jù)其屬性的不同自動(dòng)創(chuàng)建出具有過(guò)渡效果的動(dòng)畫(huà)。第5頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一二、Flash啟動(dòng)及界面介紹 啟動(dòng)后，系統(tǒng)會(huì)顯示出完整的Flash界面，界面的中間是舞臺(tái)，舞臺(tái)類(lèi)似于其它軟件中的畫(huà)布，我們可定義動(dòng)畫(huà)的尺寸和舞臺(tái)的顏色。舞臺(tái)是顯示影片中各個(gè)幀內(nèi)容的區(qū)域，可以在其中直接繪制圖像，也可以在舞臺(tái)中安排導(dǎo)入的圖像。 舞臺(tái)的上方是時(shí)間軸，它控制著整個(gè)動(dòng)畫(huà)的時(shí)間維度。 時(shí)間軸最重要的組成部分就是幀和圖層。時(shí)間軸的每一個(gè)小方格表示動(dòng)畫(huà)中的一幀，一個(gè)動(dòng)畫(huà)

6、中可以有幾條并發(fā)的時(shí)間軸，每一條時(shí)間軸對(duì)應(yīng)于一個(gè)運(yùn)動(dòng)實(shí)例。運(yùn)動(dòng)實(shí)例分布在圖層上，不同圖層上的實(shí)例是相互獨(dú)立的，它們的動(dòng)互不影響。3 交互式動(dòng)畫(huà) 交互式動(dòng)畫(huà)也稱(chēng)為行為動(dòng)畫(huà)，它是指在上述兩類(lèi)動(dòng)畫(huà)的基礎(chǔ)上添加ActionScript動(dòng)作腳本，根據(jù)用戶響應(yīng)（例如鍵盤(pán)或鼠標(biāo)移動(dòng)到影片中的某一區(qū)域、移動(dòng)對(duì)象、輸入信息）在影片中執(zhí)行交互式動(dòng)作。第6頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一 工作界面 菜單欄工具箱關(guān)鍵幀普通幀空白幀元件庫(kù)面板圖層區(qū)時(shí)間軸窗口場(chǎng)景主窗口洋蔥控制鍵第7頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一 Flash中的繪畫(huà)工具 油漆桶 直線 鉛筆 吸管 橡皮

7、 箭頭 結(jié)點(diǎn)編輯 文字 圓 長(zhǎng)方形 刷子 墨水瓶 手 放大鏡 套索 鋼筆 自由變形 填充變幻第8頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一發(fā)布作品 在辛辛苦苦做好了自己的Flash動(dòng)畫(huà)后，大家一定無(wú)法滿足僅僅只是測(cè)試而已。那么就讓它變成各種格式，充分展現(xiàn)自我！ 選擇【File】菜單中的Publish Settings，便可進(jìn)行發(fā)布設(shè)置。設(shè)置好后，單擊Publish按鈕即可！第9頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一 舞臺(tái)的下方是屬性面板，選擇工具箱中的某個(gè)工具之后，會(huì)在屬性面板中顯示相對(duì)應(yīng)的屬性。例如，選擇文檔后，屬性面板會(huì)顯示文檔屬性。 舞臺(tái)的左邊是工具箱

8、，F(xiàn)lash提供了各種不同的工具來(lái)繪制多邊形、精確的直線、圖形和路徑，以及為填充對(duì)象著色等，這些工具都放在工具箱中。 舞臺(tái)的右方是浮動(dòng)面板可以幫助我們觀察、編排、組織或者更改Flashf動(dòng)畫(huà)中的元素。在使用過(guò)程中，可以使面板保持在顯示、修改或組合狀態(tài)，可根據(jù)需要任意改變。三、制作簡(jiǎn)單的動(dòng)畫(huà)1 創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)（由矩形變?yōu)檎龍A） 在第1幀處單擊右鍵,選擇“插入關(guān)鍵幀”命令，繪制一個(gè)矩形。在第20幀處單擊右鍵,選擇“插入關(guān)鍵幀”命令，繪制一個(gè)正圓。在第1幀到20幀之間的時(shí)間軸上任意位置單擊，然后在屬性面板的“補(bǔ)間”列表中選擇“形狀”。按“Ctrl+Enter”鍵測(cè)試動(dòng)畫(huà)效果。保存文件第10頁(yè)，共1

9、5頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一2 創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)（從左邊運(yùn)動(dòng)到右邊的小球） 四 小結(jié) 我們學(xué)習(xí)了動(dòng)畫(huà)制作軟件F lash最基礎(chǔ)的知識(shí)，同學(xué)們已經(jīng)會(huì)制作簡(jiǎn)單的動(dòng)畫(huà)，為將來(lái)進(jìn)一步學(xué)習(xí)F lash奠定了一定的基礎(chǔ)。只要大家有興趣，加上自身的努力，相信將來(lái)一定會(huì)學(xué)得更好。請(qǐng)同學(xué)們自己動(dòng)腦筋想辦法，看是否有同學(xué)能做出來(lái)？（提示：補(bǔ)間列表中選擇“動(dòng)作”）第11頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一 制作一個(gè)較為完整的動(dòng)畫(huà)，如果希望達(dá)到良好的效果，能吸引觀眾，最重要的，本人認(rèn)為是創(chuàng)意。就是在掌握好Flash軟件制作動(dòng)畫(huà)的一些最基本操作后，個(gè)人思維和藝術(shù)修養(yǎng)等的體現(xiàn)。

10、良好的創(chuàng)意加上在制作過(guò)程中不斷嫻熟的技巧，便可構(gòu)成自己美妙的作品。 正確的制作方法 在腦袋里有了完整的思路，便開(kāi)始創(chuàng)作自己的動(dòng)畫(huà)作品，當(dāng)遇到不會(huì)實(shí)現(xiàn)的效果時(shí)，便再進(jìn)行學(xué)習(xí)，將學(xué)習(xí)做動(dòng)畫(huà)溶入其中。千萬(wàn)不要認(rèn)為自己的Flash掌握得不夠，而畏于動(dòng)手去做。第12頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一五、動(dòng)畫(huà)制作實(shí)例（續(xù)）1、制作按運(yùn)動(dòng)軌跡運(yùn)動(dòng)的小球的動(dòng)畫(huà)2、制作文字淡入淡出效果的動(dòng)畫(huà)3、遮罩的應(yīng)用-制作探照燈效果的動(dòng)畫(huà)（利用遮罩可以制作出字幕效果）第13頁(yè)，共15頁(yè)，2022年，5月20日，21點(diǎn)17分，星期一 遮罩的應(yīng)用 遮罩（Mask）的意思就是畫(huà)出一個(gè)范圍，讓其他的圖形只能在這個(gè)范圍內(nèi)顯示，超出的部分就看不到了。Mask圖層Masked圖層 巧妙運(yùn)用遮罩技術(shù)，可以制作出如探照燈、變色文字等奇特效果