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

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

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

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

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

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

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

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

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

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

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