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

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

2、以制作豐富多彩的矢量動(dòng)畫(huà)， 并且可以將音樂(lè)、聲效、動(dòng)畫(huà)以及富有新意的界面融合在一起，以制作出高品 質(zhì)的動(dòng)畫(huà)效果。由 flash 制作出的作品，圖文并貌、聲色俱全，并可以根據(jù) 自己的特點(diǎn)進(jìn)行編輯，可以制作出具有個(gè)人特點(diǎn)的動(dòng)畫(huà)。 flash 是目前網(wǎng)絡(luò)動(dòng)畫(huà)的事實(shí)標(biāo)準(zhǔn)，其文件短小，播放效果好，交互功能 強(qiáng)，易學(xué)易用，被廣泛應(yīng)用于網(wǎng)絡(luò)動(dòng)畫(huà)，廣告制作，教學(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è)

3、、音樂(lè)電視和電視節(jié)目工作。 本畢業(yè)設(shè)計(jì)中采用了自創(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)畫(huà)、高品質(zhì)、 目目 錄錄 第一章第一章 前前 言言 .1 第二章第二章 欄目規(guī)劃及內(nèi)容欄目規(guī)劃及內(nèi)容.2 第三章第三章 詳細(xì)設(shè)計(jì)以及制作過(guò)程詳細(xì)設(shè)計(jì)以及制作過(guò)程.3 3.1 主題與風(fēng)格的確立.3 3.2 搜索素材.3 3.3flash 動(dòng)畫(huà)制作.4 3.4 動(dòng)畫(huà)的設(shè)計(jì)過(guò)程.5 第四章第四章 關(guān)鍵技術(shù)關(guān)鍵技術(shù).6 致致 謝謝.7 參考文獻(xiàn)參考文獻(xiàn).7 第一章第一章 前言前言 現(xiàn)

4、代教育技術(shù)的發(fā)展，多媒體課堂教學(xué)正走入學(xué)生的課堂，日益起著很大的 作用。用 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)畫(huà)功能如逐幀動(dòng)畫(huà)、形狀逐變動(dòng)畫(huà)以及遮罩等，為課 件增加了傳統(tǒng)課件無(wú)法比擬的生動(dòng)性，靈活性以及直觀性。 本畢業(yè)設(shè)計(jì)使用 flash 制作了一個(gè)情景動(dòng)畫(huà)，即自創(chuàng)故事父親 ，flash 是當(dāng)今 inte

5、rnet 上是最流行動(dòng)畫(huà)作品的制作工具，是美國(guó) macromedia 公司所設(shè) 計(jì)的一種二維動(dòng)畫(huà)軟件。通常包括 macromedia flash，用于設(shè)計(jì)和編輯 flash 文 檔，以及 macromedia flash player，用于播放 flash 文檔，flash 特別適用于創(chuàng) 建通過(guò) internet 提供的內(nèi)容。 flash 是一個(gè)優(yōu)秀的矢量繪圖與動(dòng)畫(huà)制作軟件，它秉承了矢量繪圖軟件的所 有優(yōu)點(diǎn)，能制作出聲色俱佳的動(dòng)畫(huà)效果。強(qiáng)大的動(dòng)畫(huà)編輯功能使得設(shè)計(jì)者可以 隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫(huà)；photoshop 圖片的色彩更加靚麗，使 flash 具 有更大的設(shè)計(jì)空間。 第二章第二章 欄

6、目規(guī)劃及內(nèi)容欄目規(guī)劃及內(nèi)容 該 flash 是根據(jù)現(xiàn)實(shí)生活的畫(huà)面所制作的，主要是突出“兒子”工作的繁忙而忽略了父親， 本以為錢(qián)可以滿(mǎn)足到自己的父親的生活所需，可是，兒子卻不知道父親真正需要的只 是兒子對(duì)自己的關(guān)心以及陪伴 第一幕第一幕：首先出現(xiàn)父親的背影，并逐漸放大父親的背影，然后聽(tīng)到父親與兒子的對(duì)話(huà) 第二幕第二幕：父親獨(dú)自一人在街頭閑逛，看見(jiàn)一對(duì)父子，此時(shí)的他若有所思，回想起當(dāng)年 自己與兒子也是這般情景，如今卻是物是人非 第三幕第三幕：父親回到家中，依然不見(jiàn)兒子蹤影，打電話(huà)給兒子，得到的卻是兒子的責(zé) 罵此刻的父親很傷心，從前的兒子并不是這個(gè)樣子的，父親決定寫(xiě)一封信給兒 子。 第四幕第四幕：早

7、上起床的時(shí)候，兒子看到餐桌上擺著自己最?lèi)?ài)吃的雞蛋，土司面包和牛奶。 牛奶旁邊放著一封信，信封上寫(xiě)著:致我最親愛(ài)的兒子。兒子看完封信之后，很內(nèi) 疚，原來(lái)一直他都忽略了父親的感受了，他甚至是把父親對(duì)自己的關(guān)心當(dāng)成了無(wú) 謂的啰嗦話(huà)，此刻他才發(fā)現(xiàn)到自己的過(guò)失然后兒子打開(kāi)父親的房門(mén)，看見(jiàn)的是 墻上滿(mǎn)是兒子的照片，柜臺(tái)上擺著父親與兒子的唯一一張照片，還有兒子這些年 來(lái)拿給他的錢(qián)，兒子傷心的流下眼淚 第五幕第五幕：日歷的特寫(xiě)，10 月 6 日今天是兒子的生日。父親回憶起從前，公司破產(chǎn)再加 上自己的壞脾氣，把老婆跟女兒逼走了，從此只剩他跟兒子二人相依為命.兒子 最?lèi)?ài)奧特曼超人，但是由于家里窮、沒(méi)有多余的錢(qián)來(lái)給

8、兒子買(mǎi)玩具;現(xiàn)在,父親想 補(bǔ)償兒子，父親到商場(chǎng)上買(mǎi)了最貴的玩具。 第六幕第六幕：父親想把玩具送到兒子公司拿給兒子，在公司前的十字路口，父親進(jìn)退兩難， 他既想第一時(shí)間送到兒子手上，又怕耽誤到兒子工作。另一幕：兒子在馬路上走 神，忽略了旁邊的車(chē)輛。此時(shí)，站在馬路對(duì)面的父親看到了這一幕；神速的沖到 兒子前方。兒子慶幸的逃過(guò)此劫，而父親倒在血泊中。 兒子見(jiàn)父親手上拿著自 己最?lèi)?ài)的機(jī)器人，頓時(shí)醒悟、原來(lái)父親一直在身邊守護(hù)著他，是他摧毀了父親的 愛(ài)，是他害父親丟失了生命，是他 第七幕：第七幕：兒子撫摸著父親的遺照、回憶起曾經(jīng)的點(diǎn)點(diǎn)滴滴 第八幕：第八幕：整個(gè)場(chǎng)景出現(xiàn)黑色場(chǎng)景，然后用一段話(huà)概括父親的偉大及重要

9、性。 第九幕：第九幕：結(jié)尾-鳴謝 第三章第三章 詳細(xì)設(shè)計(jì)以及制作過(guò)程詳細(xì)設(shè)計(jì)以及制作過(guò)程 在這個(gè) flash 作品中，主要完成了以下任務(wù)： 1. 主題與風(fēng)格的確立主題與風(fēng)格的確立 本作品主要的設(shè)計(jì)風(fēng)格統(tǒng)一，有一定的感情色彩。由于本動(dòng)畫(huà)是屬 于回憶類(lèi)動(dòng)畫(huà)，所以色彩方面會(huì)選擇偏沉色的，整個(gè) flash 動(dòng)畫(huà)色彩統(tǒng) 一，選取灰色底。此動(dòng)畫(huà)以“父親”與“兒子”為主，突出“父親”與 “兒子”之間所存在的問(wèn)題。 2. 搜索素材搜索素材 此動(dòng)畫(huà)是用來(lái)提醒我們、要學(xué)會(huì)感恩。本動(dòng)畫(huà)的素材幾乎全部純屬 個(gè)人原創(chuàng)，些許素材是通過(guò)“百度” “站酷”網(wǎng)下載的。原創(chuàng)作品是運(yùn) 用了 potoshop 繪制的，其繪制方式是用

10、鋼筆工具逐個(gè)逐個(gè)繪制出來(lái)的。 3. flash 動(dòng)畫(huà)制作動(dòng)畫(huà)制作 通過(guò)對(duì)圖片的插入、旋轉(zhuǎn)、變換位置、拉伸、創(chuàng)建補(bǔ)間動(dòng)畫(huà)、遮罩等方式 進(jìn)行 flash 動(dòng)畫(huà)編輯與制作。 4.4.動(dòng)畫(huà)的設(shè)計(jì)過(guò)程動(dòng)畫(huà)的設(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)畫(huà)，每 5 幀出現(xiàn)一個(gè)字。 第 104 幀兒子在責(zé)罵父親的畫(huà)面、第 135 幀放大正個(gè)畫(huà)面。第 175 幀父親獨(dú)自 一人在街上行走的畫(huà)面。第 295 幀父親看到路上

11、的一對(duì)父子的對(duì)話(huà)，觸景生情, 第 420 幀是父親回憶從前的畫(huà)面. 場(chǎng)景二：場(chǎng)景二：父親從場(chǎng)景左邊走入，第 75 幀人停留在原地，第 90 幀出現(xiàn)手機(jī)及手， 第 100 幀手機(jī)進(jìn)行補(bǔ)間動(dòng)畫(huà)、由左移至右。第 105 幀補(bǔ)間動(dòng)畫(huà)放大整個(gè)畫(huà)面； 第 117 幀顯示手機(jī)，而手機(jī)處于通話(huà)狀態(tài)。場(chǎng)景三：場(chǎng)景三：兒子補(bǔ)間動(dòng)畫(huà)并放大整個(gè) 畫(huà)面，場(chǎng)景出現(xiàn)“封信”然后“信封”進(jìn)行順時(shí)針旋轉(zhuǎn) 1 次；之后，整封信的 內(nèi)容以逐幀動(dòng)畫(huà)每 5 幀出現(xiàn)一個(gè)字，直至信內(nèi)容結(jié)束。第 1320 幀，兒子在父親 的房間里的畫(huà)面使用補(bǔ)間動(dòng)畫(huà)放大整個(gè)畫(huà)面；第 1360 幀對(duì)兒子眼睛的特寫(xiě)，著 重兒子的眼淚。 場(chǎng)景四：場(chǎng)景四：父親看著日

12、歷 alpha 值逐漸減少，直至 0%。對(duì)“全家?！边M(jìn)行遮罩， 首先是人物逐個(gè)遮罩，然后再把遮罩物放大直到顯示整張全家福；第 180 幀對(duì) “破產(chǎn)”遮罩， “破產(chǎn)”兩個(gè)字會(huì)像水流動(dòng)的效果；第 149 幀進(jìn)行 10 幀的分離 特效。在十字路口，補(bǔ)間動(dòng)畫(huà)讓車(chē)輛前進(jìn)，第 410 幀父親走路的動(dòng)畫(huà)。第 483 幀“120 救護(hù)車(chē)”從上向下前進(jìn)，并逐漸放大救護(hù)車(chē)。 場(chǎng)景五：場(chǎng)景五：父親遺照的特寫(xiě)，第 15 幀放大遺照，然后出現(xiàn)兒子的手用補(bǔ)間動(dòng)畫(huà)對(duì) 父親的遺照上下?lián)崦漠?huà)面；兒子回憶的部分，在第 147 幀放大整個(gè)畫(huà)面并停 留 20 幀；第 185 幀進(jìn)行形狀補(bǔ)間以黑白進(jìn)行切換作為轉(zhuǎn)場(chǎng)動(dòng)畫(huà)。第 205 幀

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