【文章內(nèi)容簡介】 圖316 眼 圖317 臉部 圖318 頭發(fā) 圖319 整頭部 動(dòng)畫制作 逐幀動(dòng)畫逐幀動(dòng)畫就是一幀一幀地去做，也就是說每一幀都是關(guān)鍵幀，這種動(dòng)畫的特點(diǎn)就是一方面文件大，另一方面也比較麻煩，但是有些時(shí)候是必須的。比如說你要做一個(gè)人物的臉部表情動(dòng)畫，那就得一幀一幀的去調(diào)整人物臉部形態(tài)，因?yàn)檫@種動(dòng)作是無法用補(bǔ)間動(dòng)畫的效果來達(dá)到的。如女主角小佳半夜在窗口思念男主角，和求婚時(shí)候感動(dòng)流淚的臉部表情動(dòng)畫，就是用逐幀動(dòng)畫來完成的，這樣可以使動(dòng)作看起來更為自然流暢。 圖320 閉著眼睛 圖321 張開眼睛 補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫就是確定一個(gè)起始的狀態(tài)和最終的狀態(tài)，也就是在起始和結(jié)尾創(chuàng)建兩個(gè)關(guān)鍵幀，然后中間的過度狀態(tài)由軟件自動(dòng)完成，一般適合比較有規(guī)律的動(dòng)畫。在這個(gè)作品中的很多地方都是用的補(bǔ)間動(dòng)畫，比如他們周末騎單車就是先做一個(gè)影片剪輯，再在影片剪輯里用做出兩個(gè)腿部動(dòng)作的關(guān)鍵幀，然后創(chuàng)建補(bǔ)間動(dòng)畫的。在騎單車這個(gè)畫面中單車的輪子也是通過補(bǔ)間動(dòng)畫實(shí)現(xiàn)讓他滾動(dòng)的。除此之外，我在很多的畫面切換上都用補(bǔ)間動(dòng)畫讓畫面慢慢的消失。 圖片322 圖323 其中圖322自行車輪子的滾動(dòng)，男主角騎車時(shí)候腿的擺動(dòng)都是用補(bǔ)間動(dòng)畫。圖323 其中汽車和飛機(jī)的移動(dòng)也是用補(bǔ)間動(dòng)畫來實(shí)現(xiàn)的。 影片剪輯影片剪輯可以理解為電影中的小電影,可以完全獨(dú)立于主場景時(shí)間軸并且可以重復(fù)播放。在制作動(dòng)畫的過程中影片剪輯是必不可少的，雖然我們可將所有的動(dòng)畫都放在主場景進(jìn)行操作，但那樣會(huì)使圖層逐漸增多從而影響動(dòng)畫制作。在制作的過程中可以把較為復(fù)雜的動(dòng)作用影片剪輯的方式先進(jìn)行制作，使其成為獨(dú)立的個(gè)體，按此方法再將獨(dú)立的個(gè)體拼成整體，這樣既方便又使人一目了然。圖324 如圖所示就是我動(dòng)畫中的一個(gè)影片剪輯。 遮罩遮罩動(dòng)畫就是運(yùn)用遮罩制作而成的動(dòng)畫。遮罩層中的內(nèi)容在動(dòng)，而被遮罩層中的內(nèi)容保持靜止。遮罩是Flash動(dòng)畫創(chuàng)作中所不可缺少的——這是Flash動(dòng)畫設(shè)計(jì)三大基本功能中重要的出彩點(diǎn)。使用遮罩配合補(bǔ)間動(dòng)畫，可以使畫面更具動(dòng)感和真實(shí)性。作品剛開始的字幕就運(yùn)用了這樣的表現(xiàn)手法。 遮罩的原理非常簡單，但其實(shí)現(xiàn)的方式多種多樣，特別是和補(bǔ)間動(dòng)畫以及影片剪輯元件結(jié)合起來，可以創(chuàng)建千變?nèi)f化的形式。 圖325 如圖所示的遮罩效果就是打字效果。 形狀補(bǔ)間形狀補(bǔ)間，在flash中是不能用位圖的，只能是矢量繪制并打散了的圖。作品中使用了形狀補(bǔ)間，大多是轉(zhuǎn)場使其場景慢慢變暗，這也意味著動(dòng)畫的結(jié)束。先畫個(gè)黑屏幕，在窗口里的顏色改透明度，由0%改到100%就可以了，具體效果如下圖所示。 圖326透明度35%時(shí)候的效果 圖327 透明度100%時(shí)候的效果圖326和327是用形狀補(bǔ)間做的一個(gè)轉(zhuǎn)場效果。 設(shè)計(jì)后期的完善下面就是對(duì)整個(gè)設(shè)計(jì)進(jìn)行完善。在后期制作中我主要用Mp3directCut軟件音頻素材進(jìn)行加工剪切。在一些場景里面加上對(duì)話，再加上片頭片尾，這樣整個(gè)畢業(yè)設(shè)計(jì)就全部完成了。 片頭制作這次的片頭我主要是用遮罩和補(bǔ)間動(dòng)畫做出來的，其中的白色像雪花飄的特效是用逐幀動(dòng)畫來完成的，其中加了stop( )。代碼。圖328 片頭效果圖制作過程：首先用文本工具輸入浪漫手機(jī)這幾個(gè)文字，然后進(jìn)過兩次的分離把文字打散了，在制作的時(shí)候第二次分離的時(shí)候浪漫這兩個(gè)詞出了點(diǎn)問題我又用橡皮擦工具對(duì)多余出來的地方擦除。然后全部選中文字對(duì)他們的顏色進(jìn)行編輯，我選擇的顏色屬性是放射狀。然后選這兩種顏色就出來現(xiàn)在這個(gè)效果了。然后就是效果方便的處理了，我用遮罩效果讓文字一個(gè)一個(gè)出現(xiàn)在我們的眼前，用逐幀動(dòng)畫做了個(gè)雪花飄的效果。就這樣片頭差不多制作完成了。 片尾制作片尾的制作是用逐幀動(dòng)畫做了個(gè)打字的效果，還通過打字聲音的音頻素材來刻畫效果。圖329 片尾效果圖制作過程：選擇文本工具，在第一幀輸入第一個(gè)字然后間隔5幀插入關(guān)鍵幀，在打入第二個(gè)字用這樣的放依次才輸入所有文字。就這樣文本輸入的地方完成了，最后通過上網(wǎng)找打字聲音的音頻素材來作為他的背景音樂。就這樣我的片尾制作完成了 Play按鈕制作在影片的開始我用了一個(gè)play按鈕來控制影片的播放，制作的過程主要就是對(duì)按鈕的設(shè)計(jì)因?yàn)榇a很簡單。 圖330 彈起 圖331 指針 圖332 按下 圖333 點(diǎn)擊制作過程：首先創(chuàng)建一個(gè)新的元件，選擇按鈕元件，然后在用矩形工具創(chuàng)建一個(gè)矩形，右擊選擇矩形選擇分離選項(xiàng)，然后用選擇工具進(jìn)行拖拉。再選擇矩形對(duì)它進(jìn)行顏色的編輯，我選擇的是放射狀的類型。最后用文本文件打出play單詞。就這樣按鈕中的一個(gè)制作完成了。然后按照這個(gè)方法進(jìn)行對(duì)其他的繪制。按鈕代碼如下：on (release) { gotoAndPlay(2)。 } 制作難點(diǎn)根據(jù)創(chuàng)作出來的劇本設(shè)計(jì)人物。制作光線變換的效果，主要利用不同幀的顏色變化。為使場景中各個(gè)元素的連貫，要特別注意幀與幀間的連接。由“靜”畫到動(dòng)畫的設(shè)計(jì)指導(dǎo)這里的關(guān)鍵是如何用“動(dòng)”的技巧來進(jìn)行表達(dá)了。把握好元件與圖形的區(qū)別、線條與填充的區(qū)別、按鈕，mc的區(qū)別。理解與掌握元間的嵌套問題。在這里需要強(qiáng)調(diào)的是動(dòng)畫創(chuàng)意關(guān)，好的創(chuàng)意是作品成功的前提。真正難點(diǎn)不是技術(shù)方面的難度，而是選題和創(chuàng)意方面的難度 。結(jié)論Flash是我們現(xiàn)在常用的軟件，看起來很簡單，但在具體的操作方面還是需要專業(yè)知識(shí)為基礎(chǔ)來制作的。這次制作的是一個(gè)以《浪漫手機(jī)》為主題的手機(jī)宣傳片，我用的感人故事，希望能引起人們的共鳴。從而更好的達(dá)到宣傳的效果。我的作品中還有很多的不足之處，希望在以后的學(xué)習(xí)中得以彌補(bǔ)。經(jīng)過了這次畢業(yè)設(shè)計(jì)的考驗(yàn)，在以后的學(xué)習(xí)工作中我會(huì)更加認(rèn)真的努力，做好每一件事情?？偨Y(jié)與體會(huì)這次的畢業(yè)設(shè)計(jì)的作品是我完成的flash動(dòng)畫短片《浪漫手機(jī)》,整個(gè)動(dòng)畫是根據(jù)我身邊所發(fā)生的事情改編的情節(jié)，加上對(duì)其本身的感覺、理解完成的創(chuàng)作。在畢業(yè)作品中對(duì)于人物和場景的把握可能不是很到位,但都是我非常認(rèn)真去完成的。在此期間,我同時(shí)也體會(huì)到了用鼠標(biāo)繪圖的難度及妙處,認(rèn)識(shí)到flash也是一種非常強(qiáng)大的畫圖的工具。雖然這次的畢業(yè)設(shè)計(jì)并不是什么經(jīng)典之作,里面有很多欠缺的地方。但它代表的卻是我對(duì)flash的一個(gè)嶄新的態(tài)度?？傊?對(duì)我來說，這次畢業(yè)設(shè)計(jì)對(duì)我在flash制作方面是一個(gè)提高,使我從重新的認(rèn)識(shí)了flash制作。了解這些對(duì)于一個(gè)初入門的動(dòng)畫設(shè)計(jì)者是非常有意義的，正是將這些功能邏輯的整理出來，有利于用戶建立正確的、邏輯的知識(shí)體系，對(duì)以后學(xué)習(xí)有很大的幫助。通過這個(gè)畢業(yè)設(shè)計(jì)的制作，我感到自己在flash動(dòng)畫制作方面還存在很多的不足之處。例如：代碼的運(yùn)用，鏡頭的應(yīng)用都有很大的差距。在這次的畢業(yè)設(shè)計(jì)中，我的整體素質(zhì)得到了提高，也明白了很多事情。在發(fā)現(xiàn)問題后，我懂得了如何自己去尋找資料解決問題。自我分析和解決問題的能力，必定在以后工作中起到很大的作用。謝辭經(jīng)過幾個(gè)月的忙碌和工作，本次畢業(yè)設(shè)計(jì)已經(jīng)接近尾聲，作為一個(gè)本科生的畢業(yè)設(shè)計(jì)，由于經(jīng)驗(yàn)的匱乏，難免有許多考慮不周全的地方。如果沒有老師的督促指導(dǎo)，以及同學(xué)們的支持，想要完成這個(gè)設(shè)計(jì)是難以想象的。 首先感謝我的指導(dǎo)老師徐雯老師。感謝她耐心將我的論文看完。感謝她對(duì)我的寬容，讓我在制作動(dòng)畫時(shí)有非常大的自由度。也感謝她的題目限制，讓我們的作品在難度和量上都有很好的把握。老師在整個(gè)過程中都給予了我悉心的指導(dǎo)，除了敬佩老師的專業(yè)水平外，他們的治學(xué)嚴(yán)謹(jǐn)和科學(xué)研究的精神也是我永遠(yuǎn)學(xué)習(xí)的榜樣，并將積極影響我今后的學(xué)習(xí)和工作。 感謝大學(xué)四年來所有的老師，為我們打下技術(shù)方面知識(shí)的基礎(chǔ)。同時(shí)還要感謝所有幫助過我的人，正是因?yàn)橛辛四銈兊膸椭凸膭?lì)。此次畢業(yè)設(shè)計(jì)才能順利完成。感謝所有對(duì)我的作品提出意見的人。發(fā)掘自身的缺點(diǎn)是很難的，尤其是在剛剛創(chuàng)作的時(shí)候。但是這也是進(jìn)步和發(fā)展的力量。感謝對(duì)我的作品給以意見的朋友。最后感謝學(xué)院我的母校——津橋?qū)W院這個(gè)四年來對(duì)我的大力培養(yǎng)。參考文獻(xiàn)中文專著[1] ：清華大學(xué)出版社，2007. [2] 姚怡，：中國鐵道出版社，2008.[3] 【美】Adobe公司著. Adobe Photoshop ：人民郵電出版社，2009. [4] ：清華大學(xué)出版社，2008. [5] Sandra corsaro, Clifford j， 好萊塢 2D ：清華大學(xué)出版社,2006.[6] 雪茗齋電腦教育研究室. Photoshop 文字藝術(shù)效果 ：人民郵電出版社,2005.[7] 劉傳梁,：電子工業(yè)出版社,2006.[8] ：兵器工業(yè)和北京希望電子出版社,2006.[9] ：海洋出版社,2006.[10] 賀凱, ：中國青年出版社,2007.互聯(lián)網(wǎng)文獻(xiàn)[11] 豆丁網(wǎng)：
[12] 中國知網(wǎng)：
[13] 動(dòng)畫方面的資料：
[14] 淺談鏡頭動(dòng)畫：:
[15] 動(dòng)畫的美術(shù)設(shè)計(jì)與分鏡頭設(shè)計(jì)：
[16] 鏡頭藝術(shù)：附錄一 英文原文Animated conversation Developing decent web animations has been more like a climb up the Eiger than a walk in the park. However, the latest breed of software available has been built to capture the designer39。s imagination without killing off the muse. Alistair Dabbs goes through the motions. Let39。s face it, the Web is a disappointment. It39。s that tiny little screen, the narrow bandwidth and the uncertainty that vast numbers of your audience might not be able to see what you want them to. Everything to do with Web design is about downsizing. And if it wasn39。t bad enough having to make all your static graphics 72dpi, any attempt at animation involves considerable cramming effort. What this means, at least until large screens and fast Internet connections bee the norm, is you can39。t yet do much with video. You can stream QuickTime, but without a leased line connection it39。s terrible. Thankfully, you still have a range of choices when it es to graphics animation. So, let39。s take a look at the main techniques, and their drawbacks, for getting your site animated today. Back in 1994, the backroom boys in mercial Web development came up with an extremely basic form of animation by sending consecutive GIF images live to the browser. Advertisers had been using this method to change ad banners every 30 seconds or so without waiting for the user to refresh the page. By sending a sequence of frames on a constant basis, an elementary animation effect was possible. The drawback, of course, was that graphic data was constantly being downloaded over the line after the page itsel