flash設(shè)計畢業(yè)論文

1、<p>　　編號 </p><p><b>　　畢業(yè)論文（設(shè)計）</b></p><p>　　題 目：FLASH設(shè)計制作技術(shù)漫談</p><p>　　系 別： 計算機科學(xué)系 </p><p>　　專 業(yè)： 動漫設(shè)計與制作 </p>&

2、lt;p>　　學(xué)生姓名： </p><p>　　成 績： </p><p>　　指導(dǎo)教師： </p><p><b>　　2012年4月</b></p><p><b>　　摘 要</b>

3、;</p><p>　　本文主要是對Flash的發(fā)展及其技術(shù)上的操作，進行具體講述，并和現(xiàn)實生活結(jié)合起來。本文通過一個小故事來探討用flash制作動畫全過程所遇到的問題以及時怎么解決的。而且也特別針對一些容易誤解的問題，給予合理的解釋。望大家可以共同學(xué)習(xí)學(xué)習(xí)，互補互助。</p><p>　　關(guān)鍵詞：flash；動畫；畢業(yè)；論文；奮斗目標(biāo)；夢想 目 錄</p><p&g

4、t;<b>　　摘要1</b></p><p><b>　　第一章 緒論1</b></p><p>　　1.1 flash的背景1</p><p>　　1.1.1flash簡介1</p><p>　　第二章 本設(shè)計所要使用的技術(shù)2</p><p>　　2.1 fl

5、ash的遮罩動畫2</p><p>　　2.2 flash 中聲音的導(dǎo)入3</p><p>　　2.3 flash 中路徑的問題4</p><p>　　2.4 flash 中圖層操作問題5</p><p>　　第三章 本設(shè)計的整個設(shè)計過程7</p><p>　　3.1 設(shè)計的前期準(zhǔn)備7</p>

6、<p>　　3.1.1 設(shè)計的故事梗概7</p><p>　　3.1.2 收集素材7</p><p>　　3.2 開始制作動畫7</p><p>　　3.2.1 開始制作flash動畫7</p><p>　　3.2.2 解決制作過程中遇到的技術(shù)問題10</p><p>　　3.3 設(shè)計的后期完善

7、11</p><p>　　第四章 設(shè)計總結(jié)12</p><p><b>　　參考文獻13</b></p><p><b>　　第一章 緒論</b></p><p>　　Flash 是一種創(chuàng)作工具，設(shè)計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡單

8、的動畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。它不僅能夠制作出許多眩目多彩的效果，只要你肯賦予它一定的情景，它也會模擬出現(xiàn)實生活中的場景。Flash是用來編輯二維動畫的軟件，經(jīng)過幾代版本改進后，采用了矢量圖形和流式技術(shù)，迅速成為網(wǎng)上動畫的霸主。Flash能夠很好地支持聲音，具有交互功能，簡單易學(xué)，越來越多的教師以此平臺制作課件。Flash界面和Director極為相似，可分為工具箱、總譜區(qū)、層控制面板和舞臺四大支塊

9、。Flash制作動畫比較簡單，你只要定義好各個關(guān)鍵幀，當(dāng)中的過程由計算機自動生成。它在制作動畫方面和秘密武器是多層透明效果和變形技術(shù)，再結(jié)合按鈕符號的交互功能，就能制作出炫目的課件。</p><p>　　Flash的愛好者越來越多，但是設(shè)計制作一個能夠吸引觀者眼球的動畫并不只是技術(shù)熟練就能做到的，它還需要許多視覺創(chuàng)意元素的支持。分析一下優(yōu)秀的Flash動畫作品，我們就會發(fā)現(xiàn)，只有那些創(chuàng)意角度新奇有趣、影片風(fēng)格充滿

10、個性、動畫角色設(shè)計獨特、構(gòu)圖新穎的Flash影片或網(wǎng)站才能夠讓人愛不釋手，百看不厭！因此，學(xué)習(xí)并熟練掌握Flash軟件的同時，還應(yīng)當(dāng)從藝術(shù)設(shè)計的角度多掌握一些動畫創(chuàng)意設(shè)計的方法。</p><p><b>　　flash的背景</b></p><p>　　1.1.1 flash簡介</p><p>　　flash 是由Macromedia公司推出

11、的交互式矢量圖和 Web 動畫的標(biāo)準(zhǔn)。網(wǎng)頁設(shè)計者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。</p><p>　　flash涉及到的領(lǐng)域:動畫游戲制作，網(wǎng)絡(luò)構(gòu)件，學(xué)習(xí)課件，網(wǎng)站廣告設(shè)計及全flash網(wǎng)站，工控界面等等。主要特點是制作簡單，通用性比較大，涉及的領(lǐng)域多，制作出的東西效果都可以做到非常精致。缺點在于有些效果需要別的軟件輔助制作等等，不是

12、所有效果都能制作出來。（比如些3d效果，flash就很難制作，只能通過導(dǎo)入的方式或者針并針的方式）</p><p>　　flash把音樂，動畫，聲效，交互方式融合在一起，并且創(chuàng)作出了許多令人嘆為觀止的動畫(電影)效果。而且所生成的動畫(.swf)文件非常小，幾K字節(jié)的動畫文件已經(jīng)可以實現(xiàn)許多令人心動的動畫效果，用在網(wǎng)頁設(shè)計上不僅可以使網(wǎng)頁更加生動，而且小巧玲瓏下載迅速，使得動畫可以在打開網(wǎng)頁很短的時間里就得以播放

13、。</p><p>　　第二章 本設(shè)計所要使用的技術(shù)</p><p>　　2.1 flash的遮罩動畫</p><p>　　了解遮罩層和被遮罩層的關(guān)系，對于我們掌握遮罩動畫是非常關(guān)鍵的。遮罩動畫在Flash技術(shù)里面起到了重要作用，一些非常優(yōu)秀的效果就是通過遮罩動畫來實現(xiàn)的。例如：著名的“水面漣漪”效果，就是通過遮罩完成的，非常逼真。下面我們就通過不同的制作方法了解遮

14、罩的原理，在實踐中領(lǐng)會遮罩的奧妙。</p><p>　　具體步驟 1、運行Flash 8，文檔屬性默認(rèn)。 2、單擊【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺】命令，導(dǎo)入一幅位圖圖片，并調(diào)整適當(dāng)尺寸。 3、更改圖層1為“章背景”，并鎖定； 4、新建圖層2命名為“背景”，在此圖層右鍵單擊，出現(xiàn)”屬性”，點擊后出現(xiàn)如圖2.1.1所示。將”遮罩層”前的單選框選中，點擊確定按鈕，出現(xiàn)如圖2.1.2所示。</p

15、><p><b>　　圖2.1.1</b></p><p><b>　　圖 2.1.2</b></p><p>　　5、這樣一個完整的遮罩圖層就做好了。</p><p>　　注意：遮罩層的表現(xiàn)形式是：遮住”誰”，顯示 “誰”。</p><p>　　2.2 flash 中聲音的導(dǎo)入

16、</p><p>　　Flash MX 只能用“*.wav”和“*.mp3”兩種格式的文件，其他格式的聲音文件必須先轉(zhuǎn)換成這兩種格式中的一種，才能導(dǎo)入 Flash MX 中使用。因現(xiàn)在Mp3編輯軟件很多，格式不全統(tǒng)一，有些雖然名字是mp3但卻沒有壓縮到第三層，還有些取樣率、壓縮率不規(guī)范的都不能導(dǎo)入到Flash中，F(xiàn)lash 8中可以導(dǎo)入 “56 kBit

17、/s, 22,050 Hz, Stereo 7 KB/s”標(biāo)準(zhǔn)的Mp3文件。只要你遇到不能導(dǎo)入的文件，知道是因該文件格式不對就好了，至于如何辦，那需要重新壓縮或解成聲波文件*.wav才能導(dǎo)入。</p><p><b>　　具體步驟</b></p><p>　　1、運行Flash 8，文檔屬性默認(rèn)。</p

18、><p>　　2、單擊【文件】|【導(dǎo)入】|【導(dǎo)入到庫】命令。聲音不能直接導(dǎo)入工作區(qū)，而是導(dǎo)入到元件庫中。</p><p>　　3、更改圖層1為“聲音層”。如圖2.2.1所示。</p><p>　　4、將聲音導(dǎo)入舞臺上一般有兩種方法：一、直接將聲音拖入到舞臺上。二、點擊一下聲音圖層的關(guān)鍵幀，使其處于激活狀態(tài)，然后點擊屬性中”聲音”的下拉菜單，找到你導(dǎo)入到舞臺的聲音。如圖2

19、.2.2所示。</p><p><b>　　圖2.2.1</b></p><p><b>　　圖 2.2.2</b></p><p>　　注意：在圖2.2.2中顯示的 “同步”菜單中的選項。這個問題會在下面給予答案。</p><p>　　2.3 flash 中路徑的問題</p>&l

20、t;p>　　Flash中的路徑分為絕對路徑和相對路徑。一個標(biāo)準(zhǔn)的路徑由于包含了對象或者變量所處的位置的完整信息，通常我們把它稱為絕對路徑。其書寫格式為：_root.mc…。有事我們在實際運用時，只需要一當(dāng)前的位置為基準(zhǔn)，調(diào)用或者訪問附近級別的影片剪輯或者變量，這是我們就可以將路徑簡寫，這樣相應(yīng)的路徑就變成了相對路徑。比如：_root.mc…是放置在主時間軸上的，則可以將代碼簡寫為 mc…</p><p>&

21、lt;b>　　具體步驟</b></p><p>　　運行Flash 8，文檔屬性默認(rèn)。</p><p>　　在圖層1上新建一個元件mc。如圖2.3.1所示。</p><p>　　它現(xiàn)在是在主時間軸中，可以在動作面板中書寫其路徑為mc.stop ();或者書寫為_root.mc.stop();。如圖2.3.2和2.3.3所示。它們是等價的。

22、</p><p>　　但如果mc中的另有一個元件mc1，那么它只能將路徑書寫為_root.mc.stop();才能讓主時間軸停止動作。</p><p><b>　　圖 2.3.1</b></p><p><b>　　圖 2.3.2</b></p><p><b>　　圖2.3.3</

23、b></p><p>　　2.4 flash 中圖層操作問題</p><p>　　主要是如何新增、重命名、刪除、隱藏和鎖定圖層。新增圖層可以直接點擊圖層下方的“插入圖層”按鈕；重命名可以右鍵單擊你所要改名的圖層，點擊“重命名”即可，或者雙擊你所要改名的圖層即可；刪除和上面的重命名一般無二；隱藏和鎖定圖層可以單擊這個圖層左邊“眼睛”和“小鎖”下方的黑點即可。</p>&l

24、t;p><b>　　具體步驟</b></p><p>　　1、運行Flash 8，文檔屬性默認(rèn)。</p><p>　　2、將圖層1重命名為“孤獨圣”。如圖2.4.1所示。</p><p>　　3、新建圖層2，點擊下面的“垃圾桶”圖標(biāo)刪除。如圖2.4.2和2.4.3所示。</p><p>　　4、將“孤獨圣

25、”隱藏，然后鎖定。如圖2.4.4和2.4.5所示。</p><p><b>　　圖 2.4.1</b></p><p><b>　　圖2.4.2</b></p><p><b>　　圖 2.4.3</b></p><p>　　圖2.4.4 圖 2.

26、4.5</p><p>　　第三章 本設(shè)計的整個設(shè)計過程</p><p>　　3.1 設(shè)計的前期準(zhǔn)備</p><p>　　3.1.1 設(shè)計的故事梗概</p><p>　　講述一個應(yīng)屆畢業(yè)生，離開學(xué)校之后四處闖蕩的辛苦和辛酸，但他并沒有放棄，依然努力地工作，克服了生活工作中的種種困難，最終獲得了自己想要的幸福生活。</p><

27、;p>　　3.1.2 收集素材</p><p>　　因為我不太會畫畫，所以需要收集很多的圖片素材，供我參考，然后畫出我所需要的畫面主要是在百度圖庫中尋找。至于聲音素材可以到一些免費的素材網(wǎng)上下載。</p><p>　　3.2 開始制作動畫</p><p>　　3.2.1 開始制作flash動畫</p><p>　　現(xiàn)在我們就可以開始制作

28、動畫了。首先，我們要把握整個動畫主脈搏。我的這個設(shè)計大體上分為三個大部分：動畫的開始部分------動畫的發(fā)展高潮部分------動畫的結(jié)束部分。而動畫的發(fā)展高潮部分又可以分為兩個部分：一個是畢業(yè)后事業(yè)的低潮期，一個是事業(yè)的高潮期。</p><p>　　下面，我們開始制作動畫的開始部分：</p><p>　　動畫的開始部分，只要是有幾個動畫元素組成：跑動的汽車（圖3.2.1所示），還有一個

29、主要的元件，就是動畫的播放開關(guān)（圖3.2.2所示）。制作跑車的時候，可以從網(wǎng)上下載一張你中意的跑車圖片，然后沿著跑車的輪廓畫出跑車，然后轉(zhuǎn)化為影片剪輯，并命名為“車”。播放開關(guān)可以用“矩形工具”畫出，然后打上“play”，最后將其轉(zhuǎn)化為按鈕元件。在按鈕的動作中寫上</p><p>　　on (release) {</p><p>　　_root.gotoAndPlay (352);<

30、/p><p><b>　　}</b></p><p>　　因為動畫的開始幀是在352幀，這樣就是表示，當(dāng)點擊這個按鈕并釋放時，主時間軸將前往352幀后開始播放。這樣動畫的開始部分幾乎就做好啦！</p><p>　　圖 3.2.1 圖 3.2.2</p><p>　　下面，我們開始制作動畫的發(fā)展和高

31、潮部分：</p><p>　　這一部分，主要敘述的是工作的辛酸和成功后的幸福。那么，我們可以選取一些表現(xiàn)他工作辛酸和幸福的片段。我的設(shè)計中，在表現(xiàn)工作辛酸方面，主要是選取他經(jīng)常出差，沒有太多的時間時間在家，導(dǎo)致身體和心理上都很疲勞；而在表現(xiàn)成功幸福方面，主要是選取他有時間和家人出去旅游；通過對比，表現(xiàn)真?zhèn)€設(shè)計的主題：甩掉流浪人的帽子，獲得幸福成功的通行證。制作這些場景，如果不會畫畫，可以到網(wǎng)上搜索圖片素材，然后按

32、照上面的辦法，用“鋼筆工具”或者“畫筆工具”，按著圖片的輪廓畫出。所需要的場景準(zhǔn)備好后，先來制作常出差的場景。我們元件（如圖3.2.3所示）拉到舞臺上，然后對場景制作補間動畫（如圖3.2.4和3.2.5所示）制作補間動畫可以選中要制作補間的關(guān)鍵幀，然后選中“屬性”面板下“補間”中的“動畫”即可。</p><p><b>　　圖3.2.3</b></p><p><

33、;b>　　圖3.2.4</b></p><p><b>　　圖 3.2.5</b></p><p>　　然后我們開始制作表現(xiàn)幸福成功的片段。在這個片段中，也是主要運用動作補間，不過還穿插一些逐幀動畫。逐幀動畫就是通過一陣一個畫面來表現(xiàn)。如圖3.3.6所示。這個部分運用的技術(shù)方面和上一部分差不多，在這里不再贅述。</p><p>

34、;<b>　　圖 3.2.6</b></p><p>　　下面，我們開始制作動畫結(jié)束部分。結(jié)束部分，我們可以通過一個小型的短片或者幾個動畫動作來實現(xiàn)重播的效果。在我的設(shè)計中，就是通過幾個文字的動畫來結(jié)束整個設(shè)計。如圖3.2.7和3.2.8所示。然后制作重播按鈕，我的設(shè)計中，是制作一個透明的按鈕（如圖3.2.9所示），動作如下：</p><p>　　on (releas

35、e) {</p><p>　　gotoAndPlay (1);</p><p><b>　　}</b></p><p>　　表示：當(dāng)按下按鈕并釋放之后，主時間軸將回到第一幀重新播放。這樣整個設(shè)計就基本結(jié)束了。</p><p>　　3.2.2 解決制作過程中遇到的技術(shù)問題</p><p>　　在制作

36、設(shè)計中，肯定會遇到自己沒法解決的技術(shù)問題，比如：當(dāng)我在按鈕上加動作，進行測試的時候，發(fā)現(xiàn)它不管用。</p><p>　　在整個設(shè)計中，我遇到的問題就是，按鈕不管用，還有元件時間和主時間軸時間不銜接的問題。按鈕問題，通過我不停地翻資料，終于查到，原來是因為路徑的問題，導(dǎo)致按鈕不起作用。我的按鈕，是放在一個影片剪輯MC中，就是上文提到的路徑的第二種情況：我把按鈕的路徑寫成了</p><p>　

37、　on （release）{</p><p>　　mc.gotoplay(352);</p><p><b>　　}</b></p><p>　　這句動作的意思就是當(dāng)單擊按鈕并釋放后，他所在位置的時間軸運動到352幀。結(jié)果就出現(xiàn)了只要點擊這個按鈕，影片剪輯MC就會重開頭開始，而不是主時間軸重新開始。所以我將它改成</p><

38、p>　　on （release）{</p><p>　　_root.mc.gotoplay(352);</p><p><b>　　}</b></p><p>　　這樣就解決了這個按鈕不管用的問題。關(guān)于元件時間和主時間不相符的問題，通過測試發(fā)現(xiàn)，元件中的時間如果超過了主時間軸規(guī)定的時間，則元件中超過時間的部分將不會顯現(xiàn)出來，若元件中的時間

39、少于主時間軸的時間，那么在播放的時候，元件中的動畫，將重復(fù)來回的播放，這樣就影響了后面的畫面。解決的辦法，就是詳細(xì)計算時間幀的多少，然后根據(jù)計算后的時間在進行制作動畫。這樣，就有效地避免了時間不符，畫面重復(fù)，畫面錯亂等等現(xiàn)象。</p><p>　　3.3 設(shè)計的后期完善</p><p>　　下面，就是對整個設(shè)計進行完善。在一些按鈕或者需要聲音的地方，加入合適的聲音。加入聲音地方法已經(jīng)在上面

40、講述過了。這樣整個畢業(yè)設(shè)計就全部完成了。</p><p><b>　　第四章 設(shè)計總結(jié)</b></p><p>　　通過這個畢業(yè)設(shè)計的制作，我感到自己在flash動畫制作方面有很多的不足之處。比如：代碼的運用，場面特效的運用等都有很大的差距。但也不是沒有收獲。當(dāng)這個設(shè)計做完之后，在感到渾身輕松之時，我才知道通過這個設(shè)計，我不但把以前學(xué)過的已經(jīng)忘記的知識再次強化了一遍，

41、把本來沒有接觸的場景轉(zhuǎn)化和特效動畫學(xué)到了自己的腰包之中。</p><p>　　實際上，制作flash動畫并不需要太多的代碼，也可以制作很炫的動畫效果，不過要是能把代碼學(xué)好，再加上自己的畫畫功底，最后再加上你的創(chuàng)意，那么，你完全可以制作一部絢麗多彩，豐富多姿的動畫。如果不會畫畫，就像我一樣，也不像重新學(xué)習(xí)畫畫的話，我建議你多上網(wǎng)收集一些圖片素材，照著圖片制作自己所學(xué)要的元件。當(dāng)然，最好學(xué)會畫畫。</p>

42、<p><b>　　參考文獻</b></p><p>　　[1] Flash設(shè)計全程實錄[M].北京:電子工業(yè)出版社,2006.</p><p>　　[2] Flash CS3 Professional 動畫制作技能進化手冊[M].北京:人民郵電出版</p><p><b>　　社,2008.</b><