基于Flash的動(dòng)畫廣告“綠色不息”的設(shè)計(jì)與制作

胡珊珊++徐小雙

摘要：在網(wǎng)絡(luò)廣告的發(fā)展歷程中，簡(jiǎn)單的靜態(tài)廣告形式已經(jīng)不能滿足客戶的要求，F(xiàn)lash動(dòng)畫實(shí)現(xiàn)了動(dòng)態(tài)頁(yè)面，生成了一種新的表現(xiàn)形式，在未來(lái)Flash廣告將大有所為。該文對(duì)選題背景、廣告設(shè)計(jì)原則和構(gòu)思、素材準(zhǔn)備和場(chǎng)景制作過(guò)程進(jìn)行了闡述，并對(duì)主要鏡頭進(jìn)行了說(shuō)明。

關(guān)鍵詞：Flash動(dòng)畫；廣告；元件；場(chǎng)景

中圖分類號(hào)：TP37 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）30-0205-04

Design and Manufacture of Animation Advertisement "Green Without Interest" Based on Flash

HU Shan-shan， XU Xiao-shuang

（Huanggang Normal University， Huanggang 438000， China）

Abstract： In the course of development of Internet advertising in a simple form of static advertising has been unable to meet the requirements of customers， Flash animation to achieve a dynamic page， create a new form of advertising in the future， Flash will be as big.This paper describes the background of the topic， the principles and ideas of advertising design， the preparation of materials and the process of making scenes， and describes the main lenses.

Keywords： Flash animation； advertising； components； scenes

1 概述

當(dāng)前世界越來(lái)越重視生態(tài)環(huán)境的保護(hù)，每個(gè)人都應(yīng)為此保護(hù)貢獻(xiàn)出自己的一份力量，為此選擇了“綠色不息”動(dòng)畫廣告的制作，把保護(hù)環(huán)境的重要性生動(dòng)形象的表現(xiàn)在大家眼前，希望可以用此動(dòng)畫來(lái)引起人們的共鳴，喚起人們保護(hù)生態(tài)，保護(hù)森林的意識(shí)，呼吁大家保護(hù)森林，減少水土流失的情況，共同創(chuàng)建我們美好的家園。

2 動(dòng)畫廣告的設(shè)計(jì)

2.1 動(dòng)畫廣告的設(shè)計(jì)原則

因?yàn)楸咀髌穼儆诠鎻V告，所以它的創(chuàng)作既要遵循一般廣告創(chuàng)作的原則，又要體現(xiàn)公益廣告的個(gè)性原則。

1） 思想政治性：

公益廣告推銷的是觀念。觀念屬于上層建筑，思想政治性原則是第一要旨。

2） 倡導(dǎo)性原則：

公益廣告是向公眾推銷觀念或行為準(zhǔn)則，應(yīng)該以倡導(dǎo)的方式進(jìn)行，傳授雙方應(yīng)該是平等的交流。

3） 情感性原則：

人的態(tài)度，是扎根于情感之中的。如果能讓觀念依附在較易被感知的情感成分上，就會(huì)很容易地引起人的共鳴，尤其是重感情的東方民族。

4） 公益廣告的創(chuàng)意：

如何讓觀眾在感到有趣、好奇、輕松、耐看，從而巧妙地使觀眾發(fā)自內(nèi)心的接受，是制作者的首要課題。

2.2 元件設(shè)計(jì)

元件是Flash中的重要概念之一。元件是在Flash中創(chuàng)建的圖形、按鈕或影片剪輯，它們都保存在“庫(kù)”面板中。元件只需要?jiǎng)?chuàng)建一次，即可在整個(gè)文檔中重復(fù)使用；當(dāng)修改元件的內(nèi)容后，所修改的內(nèi)容就會(huì)運(yùn)用到所有此元件的文件中，這樣就使得用戶對(duì)影片的編輯更加容易；在文檔中使用元件會(huì)明顯地減少文件的大小，便于在網(wǎng)上觀看和下載。選擇“插入”—“新建元件”命令，在“創(chuàng)建新元件”對(duì)話框中選擇元件類型，輸入元件名稱，單擊“確定”按鈕，即可進(jìn)入新元件編輯模式。

2.3 場(chǎng)景的設(shè)計(jì)

Flash動(dòng)畫中場(chǎng)景設(shè)計(jì)是動(dòng)畫作品中重要的組成部分，場(chǎng)景是特指使劇情展開(kāi)的、具體的、物質(zhì)的單元場(chǎng)景，因此它要適合角色的活動(dòng)。場(chǎng)景不但是襯托主體，展現(xiàn)內(nèi)容不可缺少的要素，更是營(yíng)造氣氛、增強(qiáng)節(jié)目藝術(shù)效果和感染力、吸引觀眾的有效手段。

場(chǎng)景設(shè)計(jì)要符合劇本中的要求，分清楚場(chǎng)景的類型，要有與角色表演貼切的周圍環(huán)境。場(chǎng)景的設(shè)計(jì)要根據(jù)分鏡頭要求，繪制出各種需要的角度，并且要體現(xiàn)短片的主題。場(chǎng)景的美術(shù)風(fēng)格要保持一致。場(chǎng)景設(shè)計(jì)不但影響著角色與劇情，還影響著動(dòng)畫的欣賞，在欣賞過(guò)程中，觀眾最直接感受到的還是場(chǎng)景設(shè)計(jì)所傳達(dá)出來(lái)的情緒。場(chǎng)景設(shè)計(jì)通過(guò)色彩、構(gòu)圖、光影等設(shè)計(jì)手法來(lái)強(qiáng)化視覺(jué)表現(xiàn)。

2.4 音頻設(shè)計(jì)

一部好的動(dòng)畫廣告不僅需要畫面，還需要為畫面添加聲音。根據(jù)動(dòng)畫的內(nèi)容為動(dòng)畫配音，畫面與聲音要求要相匹配。畫面中涉及的聲音可以直接在網(wǎng)上下載，如果素材不能直接引用的話，可以用Audition音頻編輯軟件來(lái)加工處理，將其處理成所需要的音頻素材。動(dòng)畫制作的關(guān)鍵一點(diǎn)是要求影音同步，動(dòng)畫制作完成后，將處理好的音效、錄音和背景音樂(lè)導(dǎo)入到Flash文件中，使動(dòng)畫更生動(dòng)形象，內(nèi)容生動(dòng)飽滿。還要做到錄音與文字同步，這是制作動(dòng)畫的一種嚴(yán)謹(jǐn)性規(guī)范性體現(xiàn)。

2.5Flash動(dòng)畫制作的一般流程

Flash動(dòng)畫的制作一般包括三個(gè)階段，即前期素材的收集和準(zhǔn)備階段、中期動(dòng)畫制作階段、后期合成階段。如圖1所示，前期流程是：先創(chuàng)建劇本，再根據(jù)劇本編寫分鏡頭腳本，同時(shí)開(kāi)始角色設(shè)計(jì)、場(chǎng)景設(shè)計(jì)等，接著收集相關(guān)素材。

圖1 前期準(zhǔn)備階段

中期制作階段包括動(dòng)作設(shè)計(jì)和動(dòng)畫的制作，F(xiàn)lash動(dòng)畫的動(dòng)畫方式有很多，如逐幀動(dòng)畫、補(bǔ)間動(dòng)畫、路徑動(dòng)畫、遮罩動(dòng)畫等，中期還包括校對(duì)檢查和特效的制作。

后期合成階段：音樂(lè)、語(yǔ)音和音效的制作；動(dòng)畫的測(cè)試和優(yōu)化；影片的導(dǎo)出或發(fā)布。

3 動(dòng)畫廣告的制作

3.1 前期準(zhǔn)備

在動(dòng)畫制作之前，我們需要將前期的準(zhǔn)備工作做到位，這樣才能高效地創(chuàng)作動(dòng)畫，節(jié)省不必要的時(shí)間。

3.1.1 劇本創(chuàng)作

首先確定動(dòng)畫廣告的主題，再根據(jù)主題編寫劇本，目前環(huán)境問(wèn)題是全世界人們面臨的幾個(gè)主要問(wèn)題之一，環(huán)境保護(hù)逐漸被提上日程，因此圍繞動(dòng)畫廣告的主題“植樹(shù)造林，讓綠色生生不息”編寫了分鏡頭腳本。表1為分鏡頭腳本。

3.1.2 素材準(zhǔn)備

用Flash制作一個(gè)廣告動(dòng)畫，需要各種各樣的圖片、文字、聲音等素材，這些素材可以從網(wǎng)上下載，也可以自己制作。動(dòng)畫制作過(guò)程中，音頻元素是很重要的一部分，它們?cè)谒茉靹?dòng)畫角色，創(chuàng)造時(shí)空環(huán)境和渲染氛圍方面具有獨(dú)特的不可替代的功能，可以作為畫龍點(diǎn)睛的一部分。要做好一個(gè)動(dòng)畫，僅僅用Flash可能還不夠，還需要其他的軟件的輔助。

1） 用Photoshop 軟件來(lái)對(duì)圖片進(jìn)行加工處理，制作出更精美的圖片。

2） Audition軟件來(lái)錄制音頻并對(duì)音頻進(jìn)行處理，制作出所需要的音頻。

3.2 主動(dòng)畫的制作

3.2.1 場(chǎng)景的制作

在整部廣告中要考慮鏡頭的組節(jié)問(wèn)題，景別的變化要循序漸進(jìn)，使畫面過(guò)度自然而不突兀。本動(dòng)畫廣告共有三個(gè)鏡頭，每個(gè)鏡頭之間的轉(zhuǎn)換用漸變來(lái)完成。

第一個(gè)鏡頭：把制作好的背景圖片、樹(shù)木、人物和白云等放到各個(gè)圖層的第一個(gè)關(guān)鍵幀中，間隔幾幀后插入關(guān)鍵幀，將舞臺(tái)中的圖形全部選中，向上平移，再在兩幀之間創(chuàng)建補(bǔ)間動(dòng)畫，這樣就創(chuàng)建出鏡頭移動(dòng)的效果。再在舞臺(tái)上設(shè)置小鳥(niǎo)的飛行路徑，文字等效果。

第二個(gè)鏡頭：與鏡頭一的制作差不多，插入背景圖片，再在背景中添加文字、風(fēng)沙等元件，其中文字的出現(xiàn)與消失用到了補(bǔ)間動(dòng)畫和遮罩動(dòng)畫，落葉飛過(guò)用到引導(dǎo)層動(dòng)畫。

第三個(gè)鏡頭：其中小樹(shù)苗長(zhǎng)成大樹(shù)的過(guò)程使用了制補(bǔ)間動(dòng)畫，做出逐漸長(zhǎng)大的效果，文字的出現(xiàn)利用了補(bǔ)間動(dòng)畫的知識(shí)。

3.2.2 元件制作

創(chuàng)作一個(gè)動(dòng)畫需要很多元件，在本部動(dòng)畫中只涉及圖形元件與影片剪輯，在這里選取有代表性的元件進(jìn)行說(shuō)明。

落葉圖形元件：新建一個(gè)圖形元件，在元件中插入葉子位圖，縮小葉子，再“復(fù)制”—“粘貼”葉子，在元件中散亂的分布。

鳥(niǎo)飛逐幀動(dòng)畫：為了保持鳥(niǎo)飛動(dòng)作的流暢，所以選擇逐幀動(dòng)畫來(lái)制作。把鳥(niǎo)飛的動(dòng)作拆分成幾個(gè)動(dòng)作，每一個(gè)動(dòng)作一張圖片，對(duì)圖片中鳥(niǎo)的翅膀形狀進(jìn)行調(diào)整，然后逐漸插入到關(guān)鍵幀。

3.2.3 樹(shù)倒下的制作

在鏡頭一和鏡頭三中都有砍樹(shù)后，樹(shù)倒下的畫面，樹(shù)倒下后，還留下了樹(shù)樁，如圖4所示。

要實(shí)現(xiàn)樹(shù)倒下后，還留下樹(shù)樁的效果，就需要將樹(shù)切割成兩部分，分別置于兩個(gè)圖層，首先將兩部分都置于各圖層的第一幀，再在樹(shù)主體部分的圖層的第97幀與第117幀都處插入關(guān)鍵幀，在第117幀處，將樹(shù)旋轉(zhuǎn)放倒。接著在第97幀與第117幀之間創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫。這樣在測(cè)試中可以看到，大樹(shù)主體逐漸倒下，樹(shù)樁不動(dòng)的效果。

3.2.4 引導(dǎo)動(dòng)畫的制作

在鏡頭二中的落葉是按照一定路徑移動(dòng)出場(chǎng)的，我們可以清晰地看到一條曲線，落葉就是按照這條曲線移動(dòng)出場(chǎng)的，這里用到的是知識(shí)是引導(dǎo)動(dòng)畫，引導(dǎo)層動(dòng)畫是在Flash中，將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫形式，被引導(dǎo)層上對(duì)象的運(yùn)動(dòng)類型必須是動(dòng)作補(bǔ)間動(dòng)畫。

在圖5中可以很清晰地看見(jiàn)一條曲線，這就是引導(dǎo)線。引導(dǎo)線必須在引導(dǎo)層中畫出，要使落葉能沿著引導(dǎo)線運(yùn)動(dòng)，首先在被引導(dǎo)層第245幀處將落葉拖到曲線的起始端，將落葉中的小圓圈放在引導(dǎo)線的起始點(diǎn)上，貼上引導(dǎo)線。然后再被引導(dǎo)層的第265幀處插入關(guān)鍵幀，在這一幀里，將落葉拖到引導(dǎo)線的末端，同樣的，將落葉中小圓圈放在引導(dǎo)線的終點(diǎn)上。最后在這兩幀之間建立移動(dòng)補(bǔ)間動(dòng)畫。

3.2.5 遮罩動(dòng)畫

在鏡頭二最后字幕的出現(xiàn)，運(yùn)用的是遮罩動(dòng)畫，遮罩動(dòng)畫是Flash中一個(gè)很重要的動(dòng)畫類型，在遮罩層上創(chuàng)建一個(gè)任意形狀的“視窗”，被遮罩層上的對(duì)象通過(guò)該“視窗”顯現(xiàn)出來(lái)，而“視窗”以外的對(duì)象將不會(huì)顯現(xiàn)。如圖6所示。

舞臺(tái)上面的文字一直在，要實(shí)現(xiàn)文字從上到下逐漸顯現(xiàn)的效果，首先在文字圖層的第330幀處，將文字元件拖到舞臺(tái)上合適的位置，再添加圖層，將其屬性設(shè)為遮罩，文字圖層自動(dòng)變?yōu)楸徽谡謱?，在遮罩層的?30幀處將矩形元件拖到文字的上方，再在遮罩層的第350幀處插入關(guān)鍵幀，在這一幀里，將矩形方塊移至文字的下方。最后在遮罩層的兩幀之間創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫。

3.2.6 文字從無(wú)到有效果

在鏡頭二中，有一行文字“森林消失后……”的出場(chǎng)退場(chǎng)方式是從無(wú)到有，它首先是從左到右，平移出來(lái)的，并且從透明逐漸變得清晰，如圖7所示。

這里用到的是補(bǔ)件動(dòng)畫和文字透明度Alpha值的改變，文字從無(wú)到有的關(guān)鍵是文字的Alpha值設(shè)置，在文字圖層的第260幀出將文字拖放到舞臺(tái)上，并在屬性面板中將文字的Alpha值設(shè)為0，再在圖層的第280幀處插入關(guān)鍵幀，在屬性面板中將文字的Alpha值設(shè)為100，并縮小文字，最后在這兩幀之間創(chuàng)建補(bǔ)間動(dòng)畫。

3.3 音頻制作

3.3.1 聲音的錄制處理

錄音：用Audition軟件錄制聲音，在單軌編輯模式下，點(diǎn)擊傳送器中的紅色錄音按鈕，開(kāi)始錄音，按空格鍵結(jié)束錄音。按播放鍵試聽(tīng)錄音，效果不好可以重新錄制。endprint

降噪：錄音過(guò)后，要進(jìn)行降噪處理，首先選取一段只有噪音的波形，采集降噪預(yù)置噪聲，再選擇整個(gè)波形，在效果菜單中選擇降噪器，進(jìn)行降噪，降噪的時(shí)候還可以試聽(tīng)，最后單擊“確定”按鈕。

效果處理：降噪過(guò)后，對(duì)聲音進(jìn)行變調(diào)處理，選擇“效果”—“變速與變調(diào)”—“變調(diào)”命令，在變調(diào)面板中，處理聲音，處理后試聽(tīng)，直到滿意為止，最后將聲音保存為mp3格式。處理過(guò)后的聲音波形如圖8。

3.3.2 聲音導(dǎo)入與應(yīng)用

Flash中提供了幾種聲音使用方式，可以使聲音獨(dú)立于影片播放，也可以是動(dòng)畫和聲音同步播放。

聲音導(dǎo)入：選擇“文件”—“導(dǎo)入”—“導(dǎo)入到庫(kù)”命令，選中要導(dǎo)入的音頻文件，單擊“確定”按鈕，這樣就將處理好的相關(guān)音頻導(dǎo)入到Flash的庫(kù)面板中。

聲音應(yīng)用：在小鳥(niǎo)的圖層上新建圖層“鳥(niǎo)叫”，然后選擇“鳥(niǎo)叫”圖層的第1幀，將庫(kù)面板中的鳥(niǎo)叫聲音文件拖入到舞臺(tái)中，此時(shí)“鳥(niǎo)叫”圖層的時(shí)間軸會(huì)出現(xiàn)藍(lán)色的波形，重復(fù)復(fù)制波形，直至達(dá)到我們需要的長(zhǎng)度。

3.4 影片測(cè)試

動(dòng)畫廣告做好后需要大量的測(cè)試，選擇“控制”—“影片測(cè)試”命令，會(huì)自動(dòng)生成一個(gè)swf文件。測(cè)試的目的是發(fā)現(xiàn)錯(cuò)誤和處理不當(dāng)之處，再對(duì)錯(cuò)誤之處進(jìn)行更正，不當(dāng)之處進(jìn)行調(diào)整，精益求精。

4 結(jié)論

該文主要介紹廣告動(dòng)畫的設(shè)計(jì)和實(shí)際制作過(guò)程，廣告動(dòng)畫主題鮮明，給人以幽默、天真活潑的印象。但也存在不足之處，需要進(jìn)一步改進(jìn)。

1） 人物形象可以進(jìn)一步改進(jìn)。鏡頭三中的植樹(shù)人做得不夠好，種樹(shù)人需要親手彎腰來(lái)種植樹(shù)苗，這一點(diǎn)廣告中沒(méi)有做好，人物不形象缺少靈活性。

2） 場(chǎng)景設(shè)計(jì)不當(dāng)。用flash制作動(dòng)畫，可以用多個(gè)場(chǎng)景來(lái)制作動(dòng)畫，特別是對(duì)于內(nèi)容比較多、比較復(fù)雜的動(dòng)畫來(lái)說(shuō)，更需要運(yùn)用多場(chǎng)景來(lái)制作，這樣可以方便制作、瀏覽和修改。

3） 背景圖片選取可以進(jìn)一步改進(jìn)。本廣告中鏡頭二的背景圖片選擇得不夠恰當(dāng)，應(yīng)該選擇比較卡通一類的圖片作為鏡頭二的背景圖片，與整部動(dòng)畫的風(fēng)格保持一致。

參考文獻(xiàn)：

[1] 張穎. 基于Flash的汽車廣告設(shè)計(jì)與制作[J].電腦知識(shí)與技術(shù)，2010（29）：8343-8344.

[2] 孫英，孫國(guó)罡.談淺flash動(dòng)畫廣告設(shè)計(jì)[J].電腦知識(shí)與技術(shù)，2012（15）：3711-3712+3715.

[3] 劉思琦. 基于flash的地鐵廣告設(shè)計(jì)[J].城市地理，2014（20）：87-88.

[4] 吳定丙. 基于FLASH技術(shù)的中國(guó)傳統(tǒng)棋類游戲的設(shè)計(jì)與實(shí)現(xiàn)[D].大連理工大學(xué)，2013.

[5] 周東. 基于Flash的環(huán)保游戲設(shè)計(jì)[D].華南理工大學(xué)，2011.

[6] 羅楠. Flash動(dòng)畫宣傳片《CG畫廊》的設(shè)計(jì)與實(shí)現(xiàn)[D].山東大學(xué)，2010.endprint