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

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

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

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

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

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

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

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

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

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

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

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