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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

15、><p><b>　　圖2.1.1</b></p><p><b>　　圖 2.1.2</b></p><p>　　5、這樣一個(gè)完整的遮罩圖層就做好了。</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)入的文件，知道是因該文件格式不對(duì)就好了，至于如何辦，那需要重新壓縮或解成聲波文件*.wav才能導(dǎo)入。</p><p><b>　　具體步驟</b></p><p>　　1、運(yùn)行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)入舞臺(tái)上一般有兩種方法：一、直接將聲音拖入到舞臺(tái)上。二、點(diǎn)擊一下聲音圖層的關(guān)鍵幀，使其處于激活狀態(tài)，然后點(diǎn)擊屬性中”聲音”的下拉菜單，找到你導(dǎo)入到舞臺(tái)的聲音。如圖2

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

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

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

22、</p><p>　　但如果mc中的另有一個(gè)元件mc1，那么它只能將路徑書寫為_root.mc.stop();才能讓主時(shí)間軸停止動(dòng)作。</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>　　主要是如何新增、重命名、刪除、隱藏和鎖定圖層。新增圖層可以直接點(diǎn)擊圖層下方的“插入圖層”按鈕；重命名可以右鍵單擊你所要改名的圖層，點(diǎn)擊“重命名”即可，或者雙擊你所要改名的圖層即可；刪除和上面的重命名一般無二；隱藏和鎖定圖層可以單擊這個(gè)圖層左邊“眼睛”和“小鎖”下方的黑點(diǎn)即可。</p>&l

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

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

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

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

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

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

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

32、照上面的辦法，用“鋼筆工具”或者“畫筆工具”，按著圖片的輪廓畫出。所需要的場(chǎng)景準(zhǔn)備好后，先來制作常出差的場(chǎng)景。我們?cè)ㄈ鐖D3.2.3所示）拉到舞臺(tái)上，然后對(duì)場(chǎng)景制作補(bǔ)間動(dòng)畫（如圖3.2.4和3.2.5所示）制作補(bǔ)間動(dòng)畫可以選中要制作補(bǔ)間的關(guān)鍵幀，然后選中“屬性”面板下“補(bǔ)間”中的“動(dòng)畫”即可。</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)幸福成功的片段。在這個(gè)片段中，也是主要運(yùn)用動(dòng)作補(bǔ)間，不過還穿插一些逐幀動(dòng)畫。逐幀動(dòng)畫就是通過一陣一個(gè)畫面來表現(xiàn)。如圖3.3.6所示。這個(gè)部分運(yùn)用的技術(shù)方面和上一部分差不多，在這里不再贅述。</p><p>

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

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

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

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

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

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

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

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

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