flash動(dòng)畫(huà)《愿望》 畢業(yè)論文

1、flash動(dòng)畫(huà)愿望目錄flash動(dòng)畫(huà)愿望3【摘要】：3【關(guān)鍵詞】3【abstrcact】3【keyword】4第一部分：介紹flash41.1 flash的簡(jiǎn)介：41.2 flash的發(fā)展：51.2.1 flash的版本：51.2.2 flash的歷史：6第二部分：設(shè)計(jì)方案92.1設(shè)計(jì)的前期準(zhǔn)備92.2 劇本的內(nèi)容：92.3設(shè)計(jì)的人物造型：92.3.1 熊貓的正面設(shè)計(jì)92.3.2 熊貓的背面設(shè)計(jì)102.3.3熊貓的表情設(shè)計(jì)102.4 音樂(lè)的編輯：112.4.1 goldwave軟件的簡(jiǎn)介：122.4.2 goldwave的編輯：12第三部分：flash動(dòng)畫(huà)的制作：133.1 flash的制作：

2、133.1.2 flash的制作步驟13第四部分：完成的效果賞析：15第五部分：總結(jié)18第六部分：附錄19作業(yè)評(píng)價(jià)及審核20【摘要】：flash動(dòng)畫(huà)設(shè)計(jì)的三大基本功能是整個(gè)flash動(dòng)畫(huà)設(shè)計(jì)知識(shí)體系中最重要、也是最基礎(chǔ)的，包括：繪圖和編輯圖形、補(bǔ)間動(dòng)畫(huà)和遮罩。這是三個(gè)緊密相連的邏輯功能，并且這三個(gè)功能自flash誕生以來(lái)就存在。繪圖和編輯圖形不但是創(chuàng)作flash動(dòng)畫(huà)的基本功，也是進(jìn)行多媒體創(chuàng)作的基本功。只有基本功扎實(shí)，才能在以后的學(xué)習(xí)和創(chuàng)作道路上一帆風(fēng)順。使用flash professional 8繪圖和編輯圖形這是flash動(dòng)畫(huà)創(chuàng)作的三大基本功的第一位。在繪圖的過(guò)程中要學(xué)習(xí)怎樣使用元件來(lái)組織

3、圖形元素，這也是flash動(dòng)畫(huà)的一個(gè)巨大特點(diǎn)。補(bǔ)間動(dòng)畫(huà)是整個(gè)flash動(dòng)畫(huà)設(shè)計(jì)的核心，也是flash動(dòng)畫(huà)的最大優(yōu)點(diǎn)，它有動(dòng)畫(huà)補(bǔ)間和形狀補(bǔ)間兩種形式。學(xué)習(xí)flash動(dòng)畫(huà)設(shè)計(jì)，最主要的就是學(xué)習(xí)“補(bǔ)間動(dòng)畫(huà)”設(shè)計(jì)。在應(yīng)用影片剪輯元件和圖形元件創(chuàng)作動(dòng)畫(huà)時(shí)，有一些細(xì)微的差別，應(yīng)該完整把握這些細(xì)微的差別。還有補(bǔ)間動(dòng)畫(huà)的幀，啟動(dòng)畫(huà)的主要作用，只有使用幀才能使動(dòng)畫(huà)更完美。遮罩是flash動(dòng)畫(huà)創(chuàng)作中所不可缺少的這是flash動(dòng)畫(huà)設(shè)計(jì)三大基本功能中重要的出彩點(diǎn)。使用遮罩配合補(bǔ)間動(dòng)畫(huà)，更可以創(chuàng)建更多豐富多彩的動(dòng)畫(huà)效果。遮罩的原理非常簡(jiǎn)單，但其實(shí)現(xiàn)的方式多種多樣，特別是和補(bǔ)間動(dòng)畫(huà)以及影片剪輯元件結(jié)合起來(lái)，可以創(chuàng)建千變?nèi)f

4、化的形式。flash動(dòng)畫(huà)說(shuō)到底就是“遮罩+補(bǔ)間動(dòng)畫(huà)+逐幀動(dòng)畫(huà)”與元件的混合物，通過(guò)這些元素的不同組合，從而可以創(chuàng)建千變?nèi)f化的效果?！娟P(guān)鍵詞】flash8 發(fā)展史 功能 goldwave flash動(dòng)畫(huà)【abstrcact】flash animation design of the three basic functions of the flash animation of knowledge of the most important and most basic, including: drawing and editing graphics, animation and tween th

5、e mask. this is the logic function of three closely linked, and these three functions has existed since the birth of flash. drawing and editing graphics creation flash animation not only basic skills, but also basic skills for multimedia creation. only a firmer foundation to learning and creativity

6、in the future on the road smooth. use flash professional 8 drawing and editing graphics - this is the flash animation of the three basic skills first. in the drawing process, we need to learn how to use components to organize the graphic elements, and this is a great feature flash animation. tween a

7、nimation is the heart of the flash animation, flash animation is the greatest advantage, it has animation and shape tween between the two forms of complement. learning flash animation, the most important is to learn tween design. movie clip in the application of component elements and create animate

8、d graphics, there are some minor differences, should be complete grasp these nuances. there tween animation frames, start painting the main role, and only use the frame to make the animation more perfect. flash animation creation mask is essential - this is the basic functions of flash animation thr

9、ee important points out the color. tween using the mask with the more you can create more colorful animation. the principle is very simple mask, but to achieve a variety of ways, in particular, and tween animation and video clip components together, you can create ever-changing forms. flash animatio

10、n in the final analysis is the mask + + motion tween animation frame by frame and the components of the mixture, different combinations of these elements, which can create ever-changing results.【keyword】flash8 to expand use goldwave flash animation 第一部分：介紹flash1.1 flash的簡(jiǎn)介： 圖1-1 flash 8.0商標(biāo)flash是mac

11、romedia公司的一個(gè)的網(wǎng)頁(yè)交互動(dòng)畫(huà)制作工具。 我們可以從macromedia公司的主頁(yè)上下載flash的試用版。與gif和jpg不同，用flash制作出來(lái)的動(dòng)化是矢量的，不管怎樣放大、縮小，它還是清晰可見(jiàn)。 用flash制作的文件很小，這樣便于在互聯(lián)網(wǎng)上傳輸，而且它采用了流技術(shù)，只要下載一部分，就能欣賞動(dòng)畫(huà)，而且能一邊播放一邊傳輸送數(shù)據(jù)。 交互性更是flash動(dòng)畫(huà)的迷人之處，可以通過(guò)點(diǎn)擊按鈕、選擇菜單來(lái)控制動(dòng)畫(huà)的播放。正是有了這些優(yōu)點(diǎn)，才使flash日益成為網(wǎng)絡(luò)多媒體的主流。自從macromedia在2005年8月發(fā)布macromedia studio 8以來(lái)，我們一直在不停地探索關(guān)于它的

12、新特性和新功能，因?yàn)檫@次軟件升級(jí)給我們帶來(lái)了太多的驚喜，不是mx版本升級(jí)到mx2004時(shí)的那么簡(jiǎn)單，而是實(shí)現(xiàn)了新的飛躍。 flash 8的界面沒(méi)有太大的改變，只是在以前的屬性面板右側(cè)增加了兩個(gè)新的選項(xiàng)“參數(shù)”和“濾鏡”，另外在屬性面板中還增加了一個(gè)“設(shè)備”設(shè)置選項(xiàng)， 需要說(shuō)明的是，“設(shè)備”設(shè)置功能在flash player環(huán)境中不能使用，需要flash lite 1.0或flash lite 1.1的支持才可以。1.2 flash的發(fā)展：1.2.1 flash的版本：futuresplash animator (1995) - flash的前身,由簡(jiǎn)單的工具和時(shí)間線組成 macromedia

13、flash 1 (1996-11) - macromedia給futuresplash animator更名后為flash的第一個(gè)版本macromedia flash 2 (1997-6) - 引入庫(kù)的概念 macromedia flash 3 (1998-5-31) - 影片剪輯,javascript插件,透明度和獨(dú)立播放器 macromedia flash 4 (1999-6-15) - 變量,文本輸入框,增強(qiáng)的actionscript,流媒體mp3 macromedia flash 5 (2000-8-24) - javascript, 智能剪輯, html文本格式macromedia

14、flash mx (2002-3-15) - unicode,組件,xml,流媒體視頻編碼 macromedia flash mx 2004 (2003-9-10) - 文本抗鋸齒,actionscript 2.0,增強(qiáng)的流媒體視頻,行為macromedia flash mx 2004 pro (2003-9-10) - 包括所有flash mx 2004的特性,加上web services, actionscript 2.0的面向?qū)ο缶幊?媒體播放組件macromedia flash 8 (2005-9-13) macromedia flash 8 pro (2005-9-13) 增強(qiáng)為移動(dòng)

15、設(shè)備開(kāi)發(fā)的功能,方便創(chuàng)建flash web,增強(qiáng)的網(wǎng)絡(luò)視頻 .2005年12月5日, macromedia被adobe公司以34億美元的天價(jià)收購(gòu)，其旗下的網(wǎng)頁(yè)三劍客也歸屬到adobe旗下。 adobe flash cs3 professional （2007）推出符合oop的 ，新的as3.0對(duì)xml的支持達(dá)到了100%。 adobe flash cs3 （2007-12-14 ）adobe公司收購(gòu)macromedia公司后，首次推出的版本，最新的as3.0編程語(yǔ)言替換原來(lái)的as2.0編程語(yǔ)言。adobe flash cs4 （2008-12） adobe flash cs5 是目前flash

16、的最新版本1.2.2 flash的歷史： flash 最早期的版本稱為future splash animator，當(dāng)時(shí)future splash animator最大的兩個(gè)用戶是微軟（microsoft）和迪斯尼（disney）。1996年11月，future splash animator賣給了mm（同時(shí)改名為flash1.0 ）。這里不得不提到的人物是喬納森蓋伊(jonathan gay)，是他和他的六人小組首先創(chuàng)造了future splash animator，也就是現(xiàn)在flash的真正前身了。 macromedia 公司在1997年6月推出了flash 2.0 ，引入庫(kù)的概念 。19

17、98年5月31日推出了flash3.0，支持影片剪輯，javascript插件，透明度和獨(dú)立播放器。但是這些早期版本的flash所使用的都是shockwave 播放器。 1999年6月15日，flash 進(jìn)入4.0 。支持變量，文本輸入框，增強(qiáng)的actionscript，流媒體mp3。原來(lái)所使用的 shockwave 播放器便僅供 director 使用。flash 4.0開(kāi)始有了自己專用的播放器，稱為“flash player”，但是為了保持向下相容性，flash仍然沿用了原有的擴(kuò)展名：.swf（shockwave flash）。1.2.2.1 marcromedia flash 52000

18、年8月24日，macromedia 推出了flash5.0 ，它所支持的播放器為 flash player 5。flash 5.0中的actionscript已有了長(zhǎng)足的進(jìn)步，并且開(kāi)始了對(duì)xml，java，smart clip（智能影片剪輯），html文本格式的支持。actionscript的語(yǔ)法已經(jīng)開(kāi)始定位為發(fā)展成為一種完整的面向?qū)ο蟮恼Z(yǔ)言，并且遵循ecmascript的標(biāo)準(zhǔn)，就像javascript那樣。 1.2.2.2 flashmx2002年3月macromedia 推出了flash mx支持的播放器為 flash player 6。flash 6開(kāi)始了對(duì)外部jpg和mp3調(diào)入的支持，

19、同時(shí)也增加了更多的內(nèi)建對(duì)象，提供了對(duì)html文本更精確的控制，并引如setinterval 超頻幀的概念。同時(shí)也改進(jìn)了swf文件的壓縮技術(shù)。那么，“mx”究竟是什么意思呢？到目前為止，還沒(méi)有一個(gè)官方的證實(shí)，如果一定要認(rèn)為是某個(gè)單詞的縮寫(xiě)，那么可以把macromedia experience作為最好的答案。最權(quán)威答案來(lái)自macromedia designer & developer center（macromedia設(shè)計(jì)師和開(kāi)發(fā)者中心）負(fù)責(zé)人的說(shuō)法： 1、所有的產(chǎn)品都搭載上mx綽號(hào)，是因?yàn)樗鼈兌际且粋€(gè)完整產(chǎn)品家族的一部分，而且，我們相信通過(guò)整套前臺(tái)和后臺(tái)綜合的產(chǎn)品，可以讓用戶更高效得完成各種復(fù)雜

20、項(xiàng)目。 2、比起僅僅從版本號(hào)升級(jí)，例如flash由5升級(jí)到6，用mx標(biāo)簽可以體現(xiàn)更重要的升級(jí)，看起來(lái)用戶好像得到了全新的產(chǎn)品，從5到了mx。 3、mx意味著macromedia以此嘗試一些新的事物，就我的觀點(diǎn)來(lái)看，flash mx不僅僅是一次革命性的升級(jí)，還是macromedia一個(gè)重大演變的一部分。我不能說(shuō)得太多，因?yàn)閒lash mx僅僅是一個(gè)開(kāi)始，接下來(lái)的幾個(gè)月中會(huì)更有體現(xiàn)。 雖然他依舊沒(méi)有回答mx到底是什么意思，而最后一句“mx意味著macromedia以此嘗試一些新的事物”，暴露出macromedia experience的意思，也就有理由猜測(cè)，mx可能是macromedia x的意思

21、，即macromedia的未來(lái)之路，macromedia正試圖展開(kāi)一次全新的革命。marcromedia flash mx 2004 1.2.2.3 flashmx20042003年8月macromedia 推出了flash mx 2004，其播放器的版本被命名為 flash player 7。flash mx 2004增加了許多新的功能:a、對(duì)移動(dòng)設(shè)備和手機(jī)、pocket pc的支持（以及像素字體的清晰顯示）；b、flash player 運(yùn)行時(shí)性能提高了2至5倍； c、對(duì)html文本中內(nèi)嵌圖像和swf（swf中的獨(dú)立swf）的支持； d、flv外部視頻的支持（與quicktime的集成）；

22、 e、對(duì)adobe pdf及其它文檔的支持； f、基于屏幕的可視開(kāi)發(fā)環(huán)境； g、可視編程環(huán)境； h、高級(jí)可控制外觀組件支持； i、數(shù)據(jù)綁定； j、web 服務(wù)和 xml 的預(yù)建數(shù)據(jù)連接器； k、項(xiàng)目管理功能； l、源代碼控制系統(tǒng)； m、其它 同時(shí)開(kāi)始了對(duì)flash本身制作軟件的控制和插件開(kāi)放jsfl（macromedia flash javascript api），macromedia無(wú)疑在開(kāi)始調(diào)動(dòng)internet上flasher們的巨大力量和集體智慧。1.2.2.4marcromedia flash 82005年10月，macromedia 推出了flash 8.0，增強(qiáng)了對(duì)視頻支持?？梢源?/p>

23、包成flash視頻(即*.flv文件)；改進(jìn)了動(dòng)作腳本面板。adobe flash cs 32005年adobe耗資34億美元并購(gòu)macromedia從此，flash便冠上了adobe的名頭，不久推出了以adobe的名義推出flash產(chǎn)品，名為adobe flash cs3（同時(shí)也發(fā)布了多款捆綁套裝）adobe flash cs 42008年底推出了adobe creative suite 4 master collection套裝（簡(jiǎn)稱adobe cs4）中，含有最新版的flash cs 4adobe flash cs 5最近又推出了最新版本adobe cs5其功能有六大特點(diǎn)： xfl格式(

24、flash專業(yè)版)、文本布局(flash專業(yè)版)、代碼片段庫(kù)(flash專業(yè)版)、與flash builder完美集成、與flash catalyst完美集成、flash player 10.1無(wú)處不在。第二部分：設(shè)計(jì)方案2.1設(shè)計(jì)的前期準(zhǔn)備：在本設(shè)計(jì)中，利用了macromedia flash的動(dòng)畫(huà)技術(shù)設(shè)計(jì)了一個(gè)我自己比較喜歡的一個(gè)冷笑話愿望。通過(guò)我自己對(duì)這個(gè)冷笑話的理解寫(xiě)出了這個(gè)劇目的劇本愿望，通過(guò)了自己的現(xiàn)象繪制出了這個(gè)動(dòng)畫(huà)的主人公造型等等。2.2 劇本的內(nèi)容：這個(gè)動(dòng)畫(huà)的故事內(nèi)容是一個(gè)很幼稚的冷笑話，故事的主人公是一只熊貓，有一天從天上掉下來(lái)了一個(gè)十字架，小熊貓將這個(gè)十字架帶回了家。對(duì)著他

25、許了一個(gè)愿望。希望自己的黑眼圈可以去掉。這個(gè)動(dòng)畫(huà)從選題到構(gòu)思，都是我一個(gè)人完成的。這個(gè)flash一共有25個(gè)圖層，這個(gè)小動(dòng)畫(huà)總共只有37秒左右。2.3設(shè)計(jì)的人物造型：這個(gè)熊貓的造型我一個(gè)創(chuàng)建了17個(gè)元件，其中16個(gè)是圖形元件，1個(gè)是影片剪輯元件。而背景我是使用網(wǎng)上的素材一個(gè)4個(gè)位圖。2.3.1 熊貓的正面設(shè)計(jì)： 圖2-3-1 效果圖1這個(gè)是熊貓的正面造型，他的手臂、眼睛還有耳朵的部分都是單獨(dú)的原件。 到了制作動(dòng)畫(huà)的時(shí)候，我會(huì)通過(guò)時(shí)間軸的添加幀使用逐幀動(dòng)畫(huà)將它進(jìn)行編輯。2.3.2 熊貓的背面設(shè)計(jì)：圖2-3-2 效果圖2這個(gè)是我設(shè)計(jì)熊貓人物的背面如圖2-3-2，我是使用繪圖工具進(jìn)行繪制的，同樣的它

26、的耳朵和尾巴都是兩個(gè)單獨(dú)的原件，在制作動(dòng)畫(huà)時(shí)再加入，使用逐幀動(dòng)畫(huà)進(jìn)行編輯。2.3.3熊貓的表情設(shè)計(jì)：圖2-3-3-1 效果圖3這個(gè)人物是比較偏向于可愛(ài)的風(fēng)格。是在flash中使用繪畫(huà)工具繪制的。先將這個(gè)眼睛的部分單獨(dú)使用繪圖工具畫(huà)好后，將其轉(zhuǎn)變成圖形元件在制作動(dòng)畫(huà)的時(shí)候再倒入到其中圖2-3-3-2 效果圖4這個(gè)熊貓的眼睛我是自己制作的影片剪輯。在菜單中的插入中的新建元件添加元件在談出的對(duì)話框中，選擇影片剪輯在場(chǎng)景中繪制眼球的運(yùn)動(dòng)。在第一幀中繪制小球，在幾幀后再添加一個(gè)關(guān)鍵幀以一個(gè)直線為路徑改變小球的位置，在兩幀中間選擇創(chuàng)建補(bǔ)間動(dòng)畫(huà)，在動(dòng)作面板中的屬性面板的補(bǔ)間動(dòng)畫(huà)中選擇動(dòng)畫(huà)補(bǔ)間，就制作完成了一

27、個(gè)小球的補(bǔ)間動(dòng)畫(huà)。圖2-3-3-3 效果圖5如圖2-3-5 都是熊貓的面部動(dòng)作是圖形元件，都是在動(dòng)畫(huà)制作時(shí)添加，制作出說(shuō)話的動(dòng)作的。2.4 音樂(lè)的編輯：這個(gè)動(dòng)畫(huà)的音樂(lè)我總共使用了8個(gè)音效，其中有7個(gè)是網(wǎng)上找到的音效，而大主題的音樂(lè)我是使用的f(x)的thrill love這個(gè)音樂(lè)，但是我要的不是這個(gè)效果使用我使用了一個(gè)音樂(lè)編輯的軟件goldwave。得到我想要的音樂(lè)命名為77.2.4.1 goldwave軟件的簡(jiǎn)介：?jiǎn)?dòng)goldwave之后，就可以看到如下圖所示的操作界面，操作界面中具有菜單欄和工具條方便使用，device controls控制面板是在聲音的錄制播放時(shí)使用的，用于控制播放、錄制

28、、起和停等。圖2-4-1 效果圖6goldwave是一個(gè)功能強(qiáng)大的數(shù)字音樂(lè)編輯器，使用它可以對(duì)音頻進(jìn)行播放、錄制、編輯及轉(zhuǎn)換格式等處理。goldwave有以下的幾個(gè)特性：1.界面間單，操作簡(jiǎn)便；2.多文檔界面，可以同時(shí)打開(kāi)多個(gè)文件，簡(jiǎn)化了文件之間的操作；3.goldwave允許使用很多種聲音效果，例如：倒轉(zhuǎn)(invert)、回音(echo)、搖動(dòng)、邊緣(flange)、動(dòng)態(tài)(dynamic)、時(shí)間限制、增強(qiáng)(strong)和扭曲(warp)等；精密的過(guò)濾器（如降噪器和突變過(guò)濾器）可幫助修復(fù)聲音文件；4.批轉(zhuǎn)換命令可以把一組聲音文件轉(zhuǎn)換為不同的格式和類型；5.cd音樂(lè)提取工具可以將cd音樂(lè)拷貝為

29、一個(gè)聲音文件。為了縮小尺寸，也可以把cd音樂(lè)直接提取出來(lái)并存為mp3格式；待添加的隱藏文字內(nèi)容12.4.2 goldwave的編輯： 1.先打開(kāi)goldwave這個(gè)軟件，將f(x)的thrill love的這個(gè)音樂(lè)導(dǎo)入。2.點(diǎn)擊菜單欄的效果工具圖2-4-2 效果圖73.在效果中選擇播放速度4.調(diào)試彈出對(duì)話框中的小方塊5.得到的效果是音樂(lè)比原先的音樂(lè)播放得快些6.我又在工作面板中將音樂(lè)截取7.最后得到了一個(gè)36秒的音樂(lè)，我將其導(dǎo)出命名為77. 第三部分：flash動(dòng)畫(huà)的制作：3.1 flash的制作：這個(gè)動(dòng)畫(huà)我總共制作了437幀，每秒12幀的幀速，這個(gè)動(dòng)畫(huà)的時(shí)間長(zhǎng)度為36.3秒。而這個(gè)動(dòng)畫(huà)我一共使用了25個(gè)圖層，而在庫(kù)中一共有29個(gè)素材，其中有8個(gè)聲音原素、4個(gè)位圖、16個(gè)圖形元件、還有1個(gè)影片剪輯。3.1.2 flash的制作步驟：1 打開(kāi)flash 8的軟件，將所需要的29個(gè)素材導(dǎo)入的庫(kù)的面板中。2 將位圖背景1導(dǎo)入到舞臺(tái)中，調(diào)整其大小。作為開(kāi)始的字母背景。3 添加圖層，