FLASH動(dòng)畫制作—《父親》畢業(yè)設(shè)計(jì)

1、佛佛 山山 廣廣 播播 電電 視視 大大 學(xué)學(xué)畢畢 業(yè)業(yè) 設(shè)設(shè) 計(jì)計(jì)（論（論 文）文）題題 目：目：flash 動(dòng)畫制作動(dòng)畫制作父親父親 專 業(yè)：數(shù)字多媒體設(shè)計(jì)與制作班 別： 09704 班 姓 名： 指導(dǎo)老師： 職 稱： 副 教 授 20112011 年年 5 5 月月 2020 日日摘要摘要flash 軟件由 macromedia 公司于 1999 年 6 月推出的優(yōu)秀網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)軟件，除了制作動(dòng)畫以外，還能實(shí)現(xiàn)交互功能。flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開(kāi)發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其他允許用戶交互的內(nèi)容。同時(shí)也是一款很好的制作動(dòng)畫的軟件，flash 可以制作豐富多彩的矢

2、量動(dòng)畫，并且可以將音樂(lè)、聲效、動(dòng)畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的動(dòng)畫效果。由 flash 制作出的作品，圖文并貌、聲色俱全，并可以根據(jù)自己的特點(diǎn)進(jìn)行編輯，可以制作出具有個(gè)人特點(diǎn)的動(dòng)畫。flash 是目前網(wǎng)絡(luò)動(dòng)畫的事實(shí)標(biāo)準(zhǔn)，其文件短小，播放效果好，交互功能強(qiáng)，易學(xué)易用，被廣泛應(yīng)用于網(wǎng)絡(luò)動(dòng)畫，廣告制作，教學(xué)課件，互動(dòng)游戲等方面。flash 技術(shù)不斷推陳出新，繼席卷網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)廣告之后，電影、電視、卡通、聲樂(lè)將是它下一步引領(lǐng)風(fēng)騷的舞臺(tái)。flash 從網(wǎng)絡(luò)走向電影、電視、卡通、聲樂(lè)，推動(dòng)了傳統(tǒng)媒體和互聯(lián)網(wǎng)媒體的融合。網(wǎng)頁(yè)設(shè)計(jì)者開(kāi)始利用網(wǎng)絡(luò)技術(shù)為商業(yè)、音樂(lè)電視和電視節(jié)目工作。本畢業(yè)設(shè)計(jì)

3、中采用了自創(chuàng)故事父親 ，是根據(jù)現(xiàn)實(shí)生活中的情況而制作的，把無(wú)私的情感通過(guò)不同的情節(jié)表現(xiàn)出來(lái)；模擬現(xiàn)實(shí)生活中的場(chǎng)景，來(lái)說(shuō)明 flash在現(xiàn)實(shí)生活中的應(yīng)用。關(guān)鍵詞：flash、制作動(dòng)畫、高品質(zhì)、目目 錄錄第一章第一章 前前 言言 .1第二章第二章 欄目規(guī)劃及內(nèi)容欄目規(guī)劃及內(nèi)容.2第三章第三章 詳細(xì)設(shè)計(jì)以及制作過(guò)程詳細(xì)設(shè)計(jì)以及制作過(guò)程.33.1 主題與風(fēng)格的確立.33.2 搜索素材.33.3flash 動(dòng)畫制作.43.4 動(dòng)畫的設(shè)計(jì)過(guò)程.5第四章第四章 關(guān)鍵技術(shù)關(guān)鍵技術(shù).6致致 謝謝.7參考文獻(xiàn)參考文獻(xiàn).7第一章第一章 前言前言 現(xiàn)代教育技術(shù)的發(fā)展，多媒體課堂教學(xué)正走入學(xué)生的課堂，日益起著很大的作用

4、。用 flash 制作的可見(jiàn)大多圖文聲像并茂，能激發(fā)學(xué)生的學(xué)習(xí)興趣。同時(shí)，flash 有著較好的交互環(huán)境，使學(xué)生能夠積極參與。同時(shí)根據(jù)中職學(xué)生的特點(diǎn)，進(jìn)行了適合其年齡、心理的教學(xué)設(shè)計(jì)，在職業(yè)教育和教育技術(shù)之間建立了聯(lián)系，以其能更好的將多媒體教學(xué)手段應(yīng)用在職業(yè)教育的課堂上。用 flash 制作課件的優(yōu)勢(shì)是，flash 支持的動(dòng)畫功能如逐幀動(dòng)畫、形狀逐變動(dòng)畫以及遮罩等，為課件增加了傳統(tǒng)課件無(wú)法比擬的生動(dòng)性，靈活性以及直觀性。本畢業(yè)設(shè)計(jì)使用 flash 制作了一個(gè)情景動(dòng)畫，即自創(chuàng)故事父親 ，flash是當(dāng)今 internet 上是最流行動(dòng)畫作品的制作工具，是美國(guó) macromedia 公司所設(shè)計(jì)的一

5、種二維動(dòng)畫軟件。通常包括 macromedia flash，用于設(shè)計(jì)和編輯 flash 文檔，以及 macromedia flash player，用于播放 flash 文檔，flash 特別適用于創(chuàng)建通過(guò) internet 提供的內(nèi)容。 flash 是一個(gè)優(yōu)秀的矢量繪圖與動(dòng)畫制作軟件，它秉承了矢量繪圖軟件的所有優(yōu)點(diǎn)，能制作出聲色俱佳的動(dòng)畫效果。強(qiáng)大的動(dòng)畫編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫；photoshop 圖片的色彩更加靚麗，使 flash 具有更大的設(shè)計(jì)空間。第二章第二章 欄目規(guī)劃及內(nèi)容欄目規(guī)劃及內(nèi)容該 flash 是根據(jù)現(xiàn)實(shí)生活的畫面所制作的，主要是突出“兒子”工作的繁

6、忙而忽略了父親，本以為錢可以滿足到自己的父親的生活所需，可是，兒子卻不知道父親真正需要的只是兒子對(duì)自己的關(guān)心以及陪伴第一幕第一幕：首先出現(xiàn)父親的背影，并逐漸放大父親的背影，然后聽(tīng)到父親與兒子的對(duì)話第二幕第二幕：父親獨(dú)自一人在街頭閑逛，看見(jiàn)一對(duì)父子，此時(shí)的他若有所思，回想起當(dāng)年自己與兒子也是這般情景，如今卻是物是人非第三幕第三幕：父親回到家中，依然不見(jiàn)兒子蹤影，打電話給兒子，得到的卻是兒子的責(zé)罵此刻的父親很傷心，從前的兒子并不是這個(gè)樣子的，父親決定寫一封信給兒子。第四幕第四幕：早上起床的時(shí)候，兒子看到餐桌上擺著自己最愛(ài)吃的雞蛋，土司面包和牛奶。牛奶旁邊放著一封信，信封上寫著:致我最親愛(ài)的兒子。兒

7、子看完封信之后，很內(nèi)疚，原來(lái)一直他都忽略了父親的感受了，他甚至是把父親對(duì)自己的關(guān)心當(dāng)成了無(wú)謂的啰嗦話，此刻他才發(fā)現(xiàn)到自己的過(guò)失然后兒子打開(kāi)父親的房門，看見(jiàn)的是墻上滿是兒子的照片，柜臺(tái)上擺著父親與兒子的唯一一張照片，還有兒子這些年來(lái)拿給他的錢，兒子傷心的流下眼淚第五幕第五幕：日歷的特寫，10 月 6 日今天是兒子的生日。父親回憶起從前，公司破產(chǎn)再加上自己的壞脾氣，把老婆跟女兒逼走了，從此只剩他跟兒子二人相依為命.兒子最愛(ài)奧特曼超人，但是由于家里窮、沒(méi)有多余的錢來(lái)給兒子買玩具;現(xiàn)在,父親想補(bǔ)償兒子，父親到商場(chǎng)上買了最貴的玩具。第六幕第六幕：父親想把玩具送到兒子公司拿給兒子，在公司前的十字路口，父親

8、進(jìn)退兩難，他既想第一時(shí)間送到兒子手上，又怕耽誤到兒子工作。另一幕：兒子在馬路上走神，忽略了旁邊的車輛。此時(shí)，站在馬路對(duì)面的父親看到了這一幕；神速的沖到兒子前方。兒子慶幸的逃過(guò)此劫，而父親倒在血泊中。 兒子見(jiàn)父親手上拿著自己最愛(ài)的機(jī)器人，頓時(shí)醒悟、原來(lái)父親一直在身邊守護(hù)著他，是他摧毀了父親的愛(ài)，是他害父親丟失了生命，是他第七幕：第七幕：兒子撫摸著父親的遺照、回憶起曾經(jīng)的點(diǎn)點(diǎn)滴滴 第八幕：第八幕：整個(gè)場(chǎng)景出現(xiàn)黑色場(chǎng)景，然后用一段話概括父親的偉大及重要性。 第九幕：第九幕：結(jié)尾-鳴謝第三章第三章 詳細(xì)設(shè)計(jì)以及制作過(guò)程詳細(xì)設(shè)計(jì)以及制作過(guò)程在這個(gè) flash 作品中，主要完成了以下任務(wù)：1. 主題與風(fēng)格

9、的確立主題與風(fēng)格的確立本作品主要的設(shè)計(jì)風(fēng)格統(tǒng)一，有一定的感情色彩。由于本動(dòng)畫是屬于回憶類動(dòng)畫，所以色彩方面會(huì)選擇偏沉色的，整個(gè) flash 動(dòng)畫色彩統(tǒng)一，選取灰色底。此動(dòng)畫以“父親”與“兒子”為主，突出“父親”與“兒子”之間所存在的問(wèn)題。2. 搜索素材搜索素材此動(dòng)畫是用來(lái)提醒我們、要學(xué)會(huì)感恩。本動(dòng)畫的素材幾乎全部純屬個(gè)人原創(chuàng)，些許素材是通過(guò)“百度” “站酷”網(wǎng)下載的。原創(chuàng)作品是運(yùn)用了 potoshop 繪制的，其繪制方式是用鋼筆工具逐個(gè)逐個(gè)繪制出來(lái)的。3. flash 動(dòng)畫制作動(dòng)畫制作通過(guò)對(duì)圖片的插入、旋轉(zhuǎn)、變換位置、拉伸、創(chuàng)建補(bǔ)間動(dòng)畫、遮罩等方式進(jìn)行 flash 動(dòng)畫編輯與制作。4.4.動(dòng)畫

10、的設(shè)計(jì)過(guò)程動(dòng)畫的設(shè)計(jì)過(guò)程場(chǎng)景一：場(chǎng)景一：在場(chǎng)景左右兩邊飛出矩形條，隨幀頻的增加矩形條的 alpha 逐漸變淡，直至 alpha 為 0%。在 25 幀的時(shí)候 “親”字由順時(shí)針旋轉(zhuǎn)并逐漸放大。第 65幀從場(chǎng)景右邊飛出“林瑩瑩” ，第 75 幀進(jìn)行逐幀動(dòng)畫，每 5 幀出現(xiàn)一個(gè)字。第 104 幀兒子在責(zé)罵父親的畫面、第 135 幀放大正個(gè)畫面。第 175 幀父親獨(dú)自一人在街上行走的畫面。第 295 幀父親看到路上的一對(duì)父子的對(duì)話，觸景生情,第 420 幀是父親回憶從前的畫面.場(chǎng)景二：場(chǎng)景二：父親從場(chǎng)景左邊走入，第 75 幀人停留在原地，第 90 幀出現(xiàn)手機(jī)及手，第 100 幀手機(jī)進(jìn)行補(bǔ)間動(dòng)畫、由左移

11、至右。第 105 幀補(bǔ)間動(dòng)畫放大整個(gè)畫面； 第 117 幀顯示手機(jī)，而手機(jī)處于通話狀態(tài)。場(chǎng)景三：場(chǎng)景三：兒子補(bǔ)間動(dòng)畫并放大整個(gè)畫面，場(chǎng)景出現(xiàn)“封信”然后“信封”進(jìn)行順時(shí)針旋轉(zhuǎn) 1 次；之后，整封信的內(nèi)容以逐幀動(dòng)畫每 5 幀出現(xiàn)一個(gè)字，直至信內(nèi)容結(jié)束。第 1320 幀，兒子在父親的房間里的畫面使用補(bǔ)間動(dòng)畫放大整個(gè)畫面；第 1360 幀對(duì)兒子眼睛的特寫，著重兒子的眼淚。場(chǎng)景四：場(chǎng)景四：父親看著日歷 alpha 值逐漸減少，直至 0%。對(duì)“全家?！边M(jìn)行遮罩，首先是人物逐個(gè)遮罩，然后再把遮罩物放大直到顯示整張全家福；第 180 幀對(duì)“破產(chǎn)”遮罩， “破產(chǎn)”兩個(gè)字會(huì)像水流動(dòng)的效果；第 149 幀進(jìn)行 1

12、0 幀的分離特效。在十字路口，補(bǔ)間動(dòng)畫讓車輛前進(jìn)，第 410 幀父親走路的動(dòng)畫。第 483幀“120 救護(hù)車”從上向下前進(jìn)，并逐漸放大救護(hù)車。場(chǎng)景五：場(chǎng)景五：父親遺照的特寫，第 15 幀放大遺照，然后出現(xiàn)兒子的手用補(bǔ)間動(dòng)畫對(duì)父親的遺照上下?lián)崦漠嬅妫粌鹤踊貞浀牟糠?，在?147 幀放大整個(gè)畫面并停留 20 幀；第 185 幀進(jìn)行形狀補(bǔ)間以黑白進(jìn)行切換作為轉(zhuǎn)場(chǎng)動(dòng)畫。第 205 幀以遮罩的方式出現(xiàn)文字，然后在 320 幀處“花 1”順時(shí)針旋轉(zhuǎn) 2 次， “花 2”順時(shí)針旋轉(zhuǎn) 1 次，在此同時(shí)，文字以補(bǔ)間動(dòng)畫方式從下至上滾動(dòng)。在第 410 幀順旋轉(zhuǎn)1 次直至畫面出現(xiàn)“the end” 。第 445

13、幀設(shè)置動(dòng)作幀 stop(); 整個(gè)動(dòng)畫結(jié)束。第四章第四章 關(guān)鍵技術(shù)關(guān)鍵技術(shù)本動(dòng)畫制作中用的關(guān)鍵技術(shù)主要有四點(diǎn)：第一：首先繪制手，拇指與手掌分兩個(gè)圖層繪制；其次是手機(jī)，手機(jī)與滑動(dòng)鍵也分兩個(gè)圖層；擺放好位置之后將它們進(jìn)行補(bǔ)間動(dòng)畫，拇指的滑動(dòng)與手機(jī)的滑動(dòng)鍵必須要調(diào)整好位置，以致整個(gè)畫面比較自然.第二：信件內(nèi)容是用逐幀動(dòng)畫制作的，文字編排及逐幀設(shè)置的時(shí)候比較容易犯錯(cuò)，幀數(shù)及設(shè)置都極其重要。第三：在繪制人物的時(shí)候，遇到很多難題；例如：陰影部分、動(dòng)作搭配、表情等等第四：先輸入文字，然后 ctrl+b 打散，再 ctrl+b 把打散的文字轉(zhuǎn)換為圖片再填充顏色、描邊。致謝致謝本論文的順利完成，離不開(kāi)各位老師、同學(xué)的關(guān)心和