“胖子賣包子”宣傳動畫設(shè)計(jì)與制作畢業(yè)設(shè)計(jì)論文

PAGE畢業(yè)設(shè)計(jì)畢業(yè)設(shè)計(jì)題“胖子賣包子”宣傳動畫設(shè)計(jì)與制作畢業(yè)設(shè)計(jì)類型□ 產(chǎn)品設(shè)計(jì)□工藝設(shè)計(jì)□方案設(shè)計(jì)姓名班級所屬系部物流信息系專業(yè)電子商務(wù)指導(dǎo)教師職稱完成時(shí)間

摘要Flash制作出來的動畫，廣泛用于網(wǎng)頁廣告、短片宣傳、課件制作等領(lǐng)域，是一款實(shí)用易學(xué)的多媒體制作軟件。它是目前應(yīng)用最為廣泛的基于Windows的網(wǎng)頁動畫制作、圖形圖像設(shè)計(jì)和制作的優(yōu)秀軟件。它集繪畫、制作、設(shè)計(jì)、編輯、合成和高品質(zhì)輸出為一體，利用它可以方便、快捷地制作出各種各樣的效果，也可以用它來制作各種基本圖形、動畫以及MTV等專業(yè)藝術(shù)品。Flash動畫的三大基本功能是一切Flash動畫應(yīng)用的基礎(chǔ)。但現(xiàn)在Flash已經(jīng)是一個(gè)非常強(qiáng)大的平臺，他是一個(gè)富媒體環(huán)境。目前Flash對位圖的處理功能還比較弱，因?yàn)樗畛跏菑氖噶刻幚砥鹗嫉?，加之矢量圖形是Flash

GUI設(shè)計(jì)之基石，所以估計(jì)還會沿著矢量處理的道路繼續(xù)前進(jìn)。不過最近的濾鏡和圖像混合模式也向位圖處理領(lǐng)域邁出一大步。相信未來會有更多更好的這方面的功能加進(jìn)來。

Flash的功能可能越來越復(fù)雜，如何系統(tǒng)地掌握這項(xiàng)技術(shù)就顯得非常重要。系統(tǒng)地掌握一門技術(shù)有兩個(gè)好處：一個(gè)是對目前的功能有清晰的認(rèn)識；第二，就是能夠從容應(yīng)對更復(fù)雜的知識。了解這些對于一個(gè)初入門的動畫設(shè)計(jì)者是非常有意義的，正是將這些功能邏輯的整理出來，有利于用戶建立正確的、邏輯的知識體系，而不是再在黑夜里徘徊了。關(guān)鍵詞：Flash動畫設(shè)計(jì)胖子賣包子廣告宣傳

目錄引言 1第1章動畫短片介紹 21.1設(shè)計(jì)目的 21.2創(chuàng)作靈感 21.3動畫整體構(gòu)架 2第2章動畫設(shè)計(jì)構(gòu)思 32.1設(shè)計(jì)主要內(nèi)容 32.2素材準(zhǔn)備 32.3場景的設(shè)計(jì) 42.4人物的設(shè)計(jì) 62.5元件的設(shè)計(jì) 7第3章設(shè)計(jì)中所使用的技術(shù) 83.1Flash補(bǔ)間動畫設(shè)計(jì) 83.2Flash圖形元件設(shè)計(jì) 83.3Flash影片剪輯元件設(shè)計(jì) 93.4聲音的導(dǎo)入 11第4章動畫制作流程 124.1前期制作 124.2中期制作 124.3后期制作 12第5章困難及解決方案 135.1困難 135.2解決方案 13總結(jié) 14致謝 15參考文獻(xiàn) 16PAGE24引言作為富媒體營銷概念中的重要手段，很長一段時(shí)間，或者說，在未來。富媒體技術(shù)的不斷完善，F(xiàn)lash動畫廣告的優(yōu)勢會越來越明顯。一個(gè)畫面精美，生動活潑的互動Flash動畫廣告，比其他廣告形式更加吸引你我的眼球。這就是Flash動畫的優(yōu)勢。Flash動畫并不就是富媒體告，但Flash動畫可以作為富媒體廣告的核心代表。以往的廣告形式，主要以傳統(tǒng)媒體為主，而互聯(lián)網(wǎng)廣告的興起，并不只是范圍廣而已，它還具有“專，精，準(zhǔn)”的特點(diǎn)而以Flash動畫廣告為代表的富媒體廣告，則引進(jìn)了更加先進(jìn)，更加高效的“拉式”營銷廣告。不僅達(dá)到了全民互動的效果、更有利于培養(yǎng)用戶的忠誠度。而在這其中，F(xiàn)lash動畫各種優(yōu)勢也便不言而喻。一品威客網(wǎng)集結(jié)眾多動畫FLASH專業(yè)制作者，將以專業(yè)的制作水平，使您在短時(shí)間內(nèi)得到最滿意，最易宣傳推廣的動畫效果。本設(shè)計(jì)主要利用Flash、Photoshop等一系列技術(shù)圍繞“胖子賣包子”為主題制作動畫，制作過程分為：確定主題、尋找動畫與背景音樂素材、設(shè)計(jì)動畫角色與場景、元件制作等幾個(gè)部分。

第1章動畫短片介紹1.1設(shè)計(jì)目的在這個(gè)電商時(shí)代。出現(xiàn)了越來越多的營銷模式、我們要根據(jù)自身的條件，環(huán)境去更好的營銷自己。本mtv的設(shè)計(jì)目的是為了宣傳“營銷方式”的重要性。1.2創(chuàng)作靈感平時(shí)走在商業(yè)繁華的街上；看到不同的標(biāo)語，不同的吆喝聲、心想能不能用動漫的方式形象的表現(xiàn)出來呢、于是我想到了兩家賣包子的故事。1.3動畫整體構(gòu)架Flash動畫設(shè)計(jì)的三大基本功能是整個(gè)Flash動畫設(shè)計(jì)知識體系中最重要、也是最基礎(chǔ)的，包括：繪圖和編輯圖形、補(bǔ)間動畫和遮罩。這是三個(gè)緊密相連的邏輯功能，并且這三個(gè)功能自Flash誕生以來就存在。動畫模塊動畫模塊音頻模塊片頭動畫片中動畫片尾動畫圖1-1整體構(gòu)架胖子老字號胖子老字號整體構(gòu)架老高包子借勢營銷賣包子甩手式營銷圖1-2故事構(gòu)架

第2章動畫設(shè)計(jì)構(gòu)思2.1設(shè)計(jì)主要內(nèi)容本短片是介紹胖子賣包子的故事;通過賣包子的方式體現(xiàn)了兩種的營銷方式:老高包子的甩手式營銷：{只說三句業(yè)務(wù)行話。第一句：這是我們的產(chǎn)品。第二句：我XXXX價(jià)格可以交易。（說出自己能承受的價(jià)格）第三句：這是我們的聯(lián)系方式};胖子老字號借勢營銷策略(利用名人所具有的優(yōu)勢來推介產(chǎn)品，快速提升產(chǎn)品的知名度，促進(jìn)產(chǎn)品的銷售，實(shí)現(xiàn)快速營銷的目的。名人廣告的具有的優(yōu)勢使許多企業(yè)不惜巨資請名人做廣告).有兩家賣包子的。起初胖子老字號的生意興隆、老高見形勢不對、吆喝著以低價(jià)賣，顧客聽說有更便宜的立馬就都去老高哪里買，可胖子也不是等閑之輩、一思考便有了好點(diǎn)子。掛出了有名的美女圖畫，跟人們講某某美女吃過我這的包子、人們看了美女居然也在胖子那吃過，又紛紛都去胖子那里。2.2素材準(zhǔn)備 這是工程最龐大的一塊，當(dāng)靠Flash是遠(yuǎn)遠(yuǎn)不夠的，還需要用到Photoshop等軟件。不同的情景需要不同的場景襯托，又要考慮到整體的色彩的搭配，因此尋找背景素材是相當(dāng)費(fèi)神的。在場景中也涉及到很多小的修飾。為了使其真實(shí)、形象有的則是通過圖片再進(jìn)行處理放入場景中去的。在FLASH中開發(fā)產(chǎn)品外觀很容易，人們可以在短時(shí)間內(nèi)為角色，道具或者背景制作出很多不同的版本。通過調(diào)整、轉(zhuǎn)換或者忽略去角色的外貌特征就可以創(chuàng)作出很多不同的版本。通過調(diào)整，轉(zhuǎn)換或者略去角色的外貌特征就可以創(chuàng)作出很多變體。也可以掃描一幅或多幅畫稿的合成圖,然后對其進(jìn)行調(diào)節(jié)。還可以把角色快速地放在不同的背景中，以查看它們在一起的效果。在FLASH中開發(fā)產(chǎn)品的一個(gè)主要原因就是可以在整個(gè)過程中自始自終地處在一個(gè)程序中來解決各種問題，F(xiàn)LASH可以制作元件化的資產(chǎn)。動畫是一個(gè)多媒體的載體，各種聲音素材必不可少，把從網(wǎng)上搜集的聲音素材導(dǎo)入源文件。動畫制作過程中，音頻元素在塑造動畫角色，創(chuàng)造時(shí)空環(huán)境方面具有獨(dú)特的功能，可以作為畫龍點(diǎn)睛的一部分。添加音樂以及音效可以豐富動畫的內(nèi)容，強(qiáng)化動畫的風(fēng)格，更能體現(xiàn)動畫的意義。結(jié)合動畫的風(fēng)格，本次設(shè)計(jì)的音樂選擇節(jié)奏輕柔的音樂，音效是發(fā)揮創(chuàng)造性的重要方面，本片選擇簡單輕柔音效，增加整體效果。2.3場景的設(shè)計(jì)場景設(shè)計(jì)要貼合劇情，要讓觀眾一目了然，能清晰的分出地點(diǎn)。好的場景能讓故事更具感染力。分鏡，是貫穿整個(gè)故事的，能讓制作者更清晰所制作的故事的發(fā)展，更好的調(diào)處生動的動畫。以下是設(shè)計(jì)場景圖，如下圖2-1,2-2幾所示：圖2-1老高包子圖2-2胖子老字號圖2-3交易市場2.4人物的設(shè)計(jì)動畫設(shè)計(jì)的角色要貼合整個(gè)故事的背景，角色的著裝設(shè)計(jì)要貼合設(shè)計(jì)中角色的個(gè)性，著裝的顏色搭配要怎樣才能更符合角色特性，這是很重要的，這能讓觀眾有個(gè)清晰感官判斷，也是突入角色個(gè)性的重要手段。本設(shè)計(jì)主要角色——淘淘，人物設(shè)計(jì)采取了橢圓工具、鉛筆工具、鋼筆工具繪畫出圖形，然后使用顏料桶工具填充顏色。其造型如下圖所示：（如下圖2-4、2-5所示）圖2-4角色圖2-5角色2.5元件的設(shè)計(jì)元件是一些可以重復(fù)使用的圖像、動畫或者按鈕，他們被保存在庫中。元件的應(yīng)用可以使影片的編輯更加容易，在對許多重復(fù)的元素進(jìn)行修改時(shí)，只要對于元件做出修改則該元件的所有實(shí)例都會自動更新。運(yùn)用元件可以顯著減小文件的尺寸，還可以加快影片的播放。本動畫中運(yùn)用了圖形元件與影片剪輯元件。人物頭像的設(shè)計(jì)運(yùn)用了橢圓工具、鉛筆工具、鋼筆工具繪畫出圖形，然后使用顏料桶工具填充顏色。如下圖2-7所示：圖2-7元件

第3章設(shè)計(jì)中所使用的技術(shù)3.1Flash補(bǔ)間動畫設(shè)計(jì)做Flash動畫時(shí)，在兩個(gè)關(guān)鍵幀中間需要做“補(bǔ)間動畫”，才能實(shí)現(xiàn)圖畫的運(yùn)動；插入補(bǔ)間動畫后兩個(gè)關(guān)鍵幀之間的插補(bǔ)幀是由計(jì)算機(jī)自動運(yùn)算而得到的。Flash動畫制作中補(bǔ)間動畫分兩類，一類是形狀補(bǔ)間，用于形狀的動畫，另一類是動畫補(bǔ)間用于圖形及元件的動畫。步驟：在圖層里創(chuàng)建兩個(gè)關(guān)鍵幀，將光標(biāo)放置在兩個(gè)關(guān)鍵幀之間，點(diǎn)擊插入菜單，插入你所需要的補(bǔ)間動畫。比如本設(shè)計(jì)開始畫面中字體出來的效果，先將字體插入在關(guān)鍵幀中，把位置調(diào)到畫面外，然后隔幾個(gè)關(guān)鍵幀再一次插入文字圖形元件，然后在兩個(gè)關(guān)鍵幀中間創(chuàng)建補(bǔ)間動畫，就可以做出文字跳出的效果。圖3-2補(bǔ)間動畫3.2Flash圖形元件設(shè)計(jì)元件是Flash中的重要概念之一。在一個(gè)動畫中，有時(shí)需要多次使用到某個(gè)圖形或動畫片段，這種情況下可將這個(gè)圖形或動畫片段制作為元件，就能在動畫中需要的位置多次使用這個(gè)元件，不需要重復(fù)制作，同時(shí)不會因?yàn)槎啻问褂枚黾觿赢嬑募拇笮?，能大大提高動畫制作的效率。為了便于修改與縮小源文件體積，本片中的所有動畫元素都分別制作成圖形元件，作為制作整體動畫時(shí)插入關(guān)鍵幀中的內(nèi)容。步驟：點(diǎn)擊插入菜單，選擇新建元件，給元件取個(gè)名字，在類型出選擇圖形，然后就可以繪制你所需要的圖形了。還有一種方法，是先繪制圖形，然后在圖形上點(diǎn)擊鼠標(biāo)右鍵，選擇轉(zhuǎn)化成元件。圖3-3圖形元件3.3Flash影片剪輯元件設(shè)計(jì)影片剪輯是包含在flash影片中的影片片段，有自己的時(shí)間軸和屬性。具有交互性，是用途最廣、功能最多的部分?？梢园换タ刂啤⒙曇粢约捌渌捌糨嫷膶?shí)例，也可以將其放置在按鈕元件的時(shí)間軸中制件動畫按鈕。步驟：點(diǎn)擊插入菜單，選擇新建元件，給元件取個(gè)名字，在類型出選擇影片剪輯，然后就可以做你所需要的影片片段了。還有一種方法，是先繪制圖形，然后在圖形上點(diǎn)擊鼠標(biāo)右鍵，選擇轉(zhuǎn)化成元件。比如本設(shè)計(jì)中人物說話的效果就是采用了影片剪輯元件，先繪制出人物說話嘴巴不同形狀的圖形元件，然后創(chuàng)建影片剪輯元件，將圖形元件按順序逐幀插入，就可以做出人物說話的效果。如下圖3-4所示：圖3-4影片剪輯元件3.4聲音的導(dǎo)入一個(gè)好的動畫作品，畫面和聲音是相輔相成的。步驟：文件導(dǎo)入菜單，選擇導(dǎo)入到庫，然后選擇你要導(dǎo)入的文件，導(dǎo)入以后點(diǎn)擊聲音文件，測試一下歌曲能不能正常播放。如下圖3-5(6)所示：圖3-5聲音導(dǎo)入圖3-6聲音測試

第4章動畫制作流程4.1前期制作動畫的前期制作主要是確定劇本和準(zhǔn)備素材。一個(gè)好的劇本是flash制作的靈魂，只有根據(jù)劇本才能指揮角色、元件、影片剪輯等元素進(jìn)行演出，所以首先要確定劇本。素材非常重要，在一個(gè)flash中，風(fēng)格一定要統(tǒng)一，不然看上去會雜亂無章，很不美觀。在這個(gè)畢業(yè)設(shè)計(jì)中我用的圖片風(fēng)格都是矢量的，有一部分素材是根據(jù)網(wǎng)上的靈感而繪制。音樂是mp3格式，采用了輕柔的背景音樂，營造一個(gè)安靜舒適的氛圍。4.2中期制作動畫的中期制作主要是元件設(shè)計(jì)、角色設(shè)計(jì)和場景設(shè)計(jì)。元件、角色和場景的設(shè)計(jì)和準(zhǔn)備是flash動畫成功的基石。好的設(shè)計(jì)不僅要考慮圖片、場景、人物顏色的搭配，更要在人物的神態(tài)和動作上多下功夫，做到協(xié)調(diào)，一致，和諧。人物淘淘是溫暖亮色設(shè)計(jì)，在場景的選擇上為了配合人物選擇了溫馨舒適的風(fēng)格，讓人物與場景能更好的融合在一起，使畫面和諧一致。如下圖4-1.4-2所示：圖4-1人物設(shè)計(jì)圖4-2場景設(shè)計(jì)4.3后期制作動畫后期制作主要是鏡頭制作與聲音導(dǎo)入。本設(shè)計(jì)采取明亮的色調(diào)，輕柔的音樂，向大家分享一個(gè)積極的小故事——以物易物，希望能使大家感觸，有所行動。新建一個(gè)actionscript2.0的文件，在“文檔屬性”中，將尺寸設(shè)為640×480，單位為像素，背景顏色設(shè)置為白色，并將幀頻設(shè)置為24.00fps。首先在做flash的時(shí)候，應(yīng)該考慮給它遮羞，在場景的最上面的一層繪制一個(gè)大過舞臺的黑色的巨型，然后通過扣除和舞臺一樣大小的黑色塊便可使flash編輯界面中忽略掉其他多余的東西，方便隨時(shí)查看效果。1、動畫開始首先在一個(gè)黃色背景里有兩家賣包子，把制作好的背景圖形元件放入第一個(gè)關(guān)鍵幀，然后隔幾個(gè)幀插入物品的圖形元件的關(guān)鍵幀，在兩個(gè)關(guān)鍵幀之間創(chuàng)建補(bǔ)間動畫，在隔幾個(gè)幀插入文字的關(guān)鍵幀，再次創(chuàng)建補(bǔ)間動畫，制造出動畫開始的效果。如下圖4-3所示：圖4-3胖子生意興隆2、故事情節(jié)將背景圖導(dǎo)入到庫中，然后在關(guān)鍵幀中插入所需背景圖和物品圖形元件，隔幾個(gè)幀創(chuàng)建一個(gè)關(guān)鍵幀，在兩個(gè)關(guān)鍵幀之間創(chuàng)建補(bǔ)間動畫，最后制作出人物動作的效果。如下圖4-4所示：圖4-4老高生意興隆3、動畫做法此動畫做法是把制作好的人物側(cè)面影片剪輯元件與繪制好的文字圖形元件插入關(guān)鍵幀中，然后根據(jù)影片剪輯元件的時(shí)間軸幀長度來確定此動畫的幀長度，做出人物嘴巴在說話的效果。如下圖4-5所示：圖4-5競爭4、顧客選擇此動畫的做法是先將背景圖與顧客放入關(guān)鍵幀中。將顧客位置調(diào)放到圖片的最左邊，然后隔一段幀再插入一個(gè)關(guān)鍵幀，將顧客放入這個(gè)關(guān)鍵幀中，位置調(diào)放到最右邊，然后在兩個(gè)幀之間創(chuàng)建補(bǔ)間動畫。兩次位置調(diào)放要在一條平行線上，這樣就做出顧客行走的效果。如下圖4-6所示：圖4-6顧客選擇5、動畫結(jié)尾此畫面的做法是將做好的黑色矩形元件背景圖與文字放入關(guān)鍵幀中，在這個(gè)關(guān)鍵幀中將文字的透明度調(diào)為0，文字調(diào)小，然后隔幾個(gè)幀再次插入文字元件，將文字大小調(diào)大所需大小，然后在兩個(gè)關(guān)鍵幀之間創(chuàng)建補(bǔ)間動畫，做出由有變無的效果。如下圖4-8所示：圖4-8結(jié)尾7、導(dǎo)入聲音文件導(dǎo)入菜單，選擇導(dǎo)入到庫，然后選擇你要導(dǎo)入的文件，導(dǎo)入以后點(diǎn)擊聲音文件，測試一下歌曲能不能正常播放。圖4-9導(dǎo)入聲音

第5章困難及解決方案5.1困難1、劇本的擬定；2、元件的設(shè)計(jì)與制作；3、幀與幀之間的連接。5.2解決方案1、一個(gè)好的劇本是flash制作的靈魂，劇本除了有意義還要有創(chuàng)意。以胖子賣包子是一個(gè)好的靈感，讓我充分發(fā)揮了想象力，編寫成功了劇本。2、元件的制作需要花費(fèi)大量的時(shí)間與精力，并且需要足夠的細(xì)心與耐心。通過反復(fù)的設(shè)計(jì)與修改，收獲了大量的經(jīng)驗(yàn)，最終在不懈的堅(jiān)持之下完成了制作。3、一個(gè)動畫的制作有許多的幀，使之連接起來，讓整個(gè)動畫流暢自然是動畫制作的關(guān)鍵。在幀與幀的連接上耗費(fèi)了我大量時(shí)間，通過多次的調(diào)試與修改才完成本動畫的制作。

總結(jié)在孫曉慶老師的指導(dǎo)下，本次的畢業(yè)設(shè)計(jì)成功完成。這次的畢業(yè)設(shè)計(jì)完成的是