FLASH圖形動(dòng)畫(huà)在廣告設(shè)計(jì)中的應(yīng)用

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了FLASH圖形動(dòng)畫(huà)在廣告設(shè)計(jì)中的應(yīng)用范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：論文分析了表情動(dòng)畫(huà)、網(wǎng)絡(luò)動(dòng)畫(huà)、動(dòng)畫(huà)導(dǎo)航及網(wǎng)絡(luò)視頻等動(dòng)態(tài)圖形圖像設(shè)計(jì)的關(guān)鍵技術(shù)與方法，總結(jié)了flash圖形動(dòng)畫(huà)在廣告設(shè)計(jì)中的應(yīng)用。從靜態(tài)圖形的創(chuàng)建到圖案動(dòng)畫(huà)的設(shè)計(jì)，解析了FLASH中位圖與矢量圖形的不同運(yùn)用，并結(jié)合實(shí)例分析了FLASH中運(yùn)用多層的矢量元素去制作運(yùn)動(dòng)補(bǔ)間和關(guān)鍵幀運(yùn)動(dòng)的方法。制作基于圖案的Flash動(dòng)畫(huà)。該方法可為廣告設(shè)計(jì)中的電腦動(dòng)畫(huà)課程教學(xué)提供參考。

關(guān)鍵詞：矢量圖形影片剪輯動(dòng)態(tài)圖形

引言

動(dòng)態(tài)圖形作為一種獨(dú)特的設(shè)計(jì)語(yǔ)言，是視覺(jué)傳達(dá)設(shè)計(jì)目前常用的媒介和作用方式。在不同時(shí)代動(dòng)畫(huà)受藝術(shù)，美學(xué)與音樂(lè)的發(fā)展影響，引發(fā)的對(duì)互聯(lián)網(wǎng)及動(dòng)漫娛樂(lè)產(chǎn)品的需求，讓越來(lái)越多的動(dòng)畫(huà)師、交互設(shè)計(jì)師、游戲開(kāi)發(fā)者、數(shù)碼藝術(shù)家們將更多的細(xì)節(jié)擴(kuò)展到網(wǎng)絡(luò)經(jīng)營(yíng)的更大空間。例如Macromedia公司的Flash軟件是一款多媒體動(dòng)畫(huà)軟件，隨著HTML和CSS的發(fā)展，F(xiàn)lash軟件還在不同領(lǐng)域運(yùn)用，F(xiàn)lash是傳統(tǒng)的動(dòng)畫(huà)技術(shù)的自動(dòng)化和智能化版本，如補(bǔ)間，變形，洋蔥般皮膚等，其格式和工作區(qū)操作簡(jiǎn)便，因此可以縮短制作周期并減少項(xiàng)目預(yù)算，具有運(yùn)用多層的矢量元素去制作運(yùn)動(dòng)補(bǔ)間和關(guān)鍵幀運(yùn)動(dòng)的動(dòng)態(tài)圖形設(shè)計(jì)能力，以及對(duì)矢量圖的應(yīng)用能力以及文件量小，傳輸快的特點(diǎn)，可用來(lái)制作互動(dòng)界面與基于圖案的動(dòng)畫(huà)。

一、FLASH在廣告設(shè)計(jì)中的影響

計(jì)算機(jī)以矢量圖形或位圖格式顯示圖形，而flash善于處理矢量圖像，使用Flash可以創(chuàng)建壓縮矢量圖形，并將它們制作為動(dòng)畫(huà)，也可以導(dǎo)入和處理在其他應(yīng)用程序中創(chuàng)建的矢量圖形和位圖圖像，或者在“舞臺(tái)”區(qū)域直接繪制圖形。在編輯矢量圖形時(shí)，可以修改描述圖形形狀的線條和曲線屬性，也可以對(duì)矢量圖形進(jìn)行移動(dòng)、調(diào)整大小、重定形狀及更改顏色的操作，而不更改其外觀品質(zhì)。在Flash中繪圖時(shí)，創(chuàng)建的是矢量圖形，它是由數(shù)學(xué)公式所定義的直線和曲線組成的。矢量圖形是與分辨率無(wú)關(guān)的，因此，可以將圖形重新調(diào)整到任意大小，或以任何分辨率顯示它，而不會(huì)影響其清晰度。另外，與下載類(lèi)似的位圖圖像相比，下載矢量圖形的速度比較快。可以導(dǎo)入ILLUSTRATOR制作的矢量圖并制作動(dòng)畫(huà)效果，也可以直接在舞臺(tái)上繪制圖形。在FLASH中，不同版本對(duì)工作區(qū)域的大小設(shè)置是不同的，如Flash3.0的工作區(qū)域要求在1-2880像素之間，而CC可以做到無(wú)限制的工作區(qū)域，滿足了輕松管理大型背景或之外的內(nèi)容的要求。簡(jiǎn)潔整齊的用戶(hù)界面能更好地關(guān)注繪制的內(nèi)容，對(duì)話框和面板方便瀏覽。和其他軟件一樣，F(xiàn)LASH軟件也不斷更新其功能以方便用戶(hù)的使用，作為在線工具和應(yīng)用軟件，還支持ActionScript動(dòng)作腳本，這種腳本語(yǔ)言可以在軟件中實(shí)現(xiàn)交互，進(jìn)行數(shù)據(jù)處理或者制作復(fù)雜的動(dòng)畫(huà)，能夠幫助用戶(hù)更快地完成動(dòng)畫(huà)效果的制作。

二、FLASH在廣告設(shè)計(jì)中的應(yīng)用

（一）表情動(dòng)畫(huà)

網(wǎng)絡(luò)時(shí)代是一個(gè)虛擬的世界繼續(xù)變得立體化的過(guò)程，表情動(dòng)畫(huà)是一種新的不用見(jiàn)面而迅速便捷的即時(shí)溝通手段。在頁(yè)面宣傳廣告中常常應(yīng)用不同的表情動(dòng)畫(huà)表達(dá)不同的情緒，使文字具有趣味性。主要內(nèi)容有根據(jù)人的面部表情或者動(dòng)作制作的一些角色的表情變化，在制作這類(lèi)表情動(dòng)畫(huà)時(shí)，和動(dòng)畫(huà)片的角色設(shè)定類(lèi)似，要確定一個(gè)表演角色；也包括使用文字或者圖形圖像制作的簡(jiǎn)易動(dòng)畫(huà)。當(dāng)表情包制作完成后也會(huì)制作相關(guān)的宣傳廣告，并應(yīng)用于聊天工具中。

（二）網(wǎng)絡(luò)動(dòng)畫(huà)

使用Flash可以設(shè)計(jì)具有視覺(jué)畫(huà)面的動(dòng)畫(huà)，許多商業(yè)網(wǎng)站采用Flash制作網(wǎng)絡(luò)廣告，并將其置于網(wǎng)站之中，引起觀眾的好奇心，主動(dòng)打開(kāi)網(wǎng)站瀏覽動(dòng)畫(huà)廣告以推廣商品。靜態(tài)型廣告條往往放置在網(wǎng)頁(yè)或博客的頂端，靜態(tài)型Flash并不是靜止的，一般采用一張廣告圖片配以動(dòng)畫(huà)點(diǎn)綴元素插入到網(wǎng)頁(yè)中，也可以將布局好的廣告圖片分割出來(lái)，然后在Flash中制作入場(chǎng)動(dòng)畫(huà)。動(dòng)畫(huà)型廣告是最顯眼的廣告方式，可以在花花綠綠的網(wǎng)頁(yè)中讓瀏覽者無(wú)意中注意到廣告內(nèi)容，以達(dá)到宣傳的目的，這樣可以提高廣告的點(diǎn)擊率。

（三）動(dòng)畫(huà)導(dǎo)航

作為主流的圖形視頻處理軟件，F(xiàn)lash主要定位于網(wǎng)絡(luò)制作，這就決定了它具有互動(dòng)性，體積小，色彩鮮艷等特點(diǎn)，并且可以配合其他工具軟件制作出各種形式的動(dòng)態(tài)菜單以及網(wǎng)頁(yè)，目前，手機(jī)應(yīng)用商店中的APP也在不斷推陳出新，例如滴滴打車(chē)作為一款大眾常用的應(yīng)用軟件，其導(dǎo)航使用文字和矢量圖形制作簡(jiǎn)明易懂的動(dòng)畫(huà)，使不同消費(fèi)人群在短時(shí)間內(nèi)對(duì)行程清晰認(rèn)知，不僅節(jié)約了時(shí)間，也減少了溝通障礙。

（四）網(wǎng)絡(luò)視頻

在進(jìn)行商業(yè)推廣時(shí)，可以使用flash制作宣傳視頻，這樣的視頻一般體積小，適合網(wǎng)絡(luò)傳播，并且具有交互性。對(duì)比同類(lèi)型軟件，F(xiàn)lash和AE同樣具有靜態(tài)物體，視頻，音頻的功能，而且Flash具備的Actionscript編程語(yǔ)言更是AE所不具備的。Actionscript支持具有相當(dāng)復(fù)雜程度的互動(dòng)功能，因而被廣泛地運(yùn)用到網(wǎng)頁(yè)及其他一些動(dòng)態(tài)界面設(shè)計(jì)中。由Flash制作的動(dòng)態(tài)作品既有矢量元素，也有圖像元素，而AE生成的動(dòng)態(tài)作品是由Bitmap位圖所組成。AE可以用來(lái)制作電影，視頻，數(shù)碼視頻，光盤(pán)，網(wǎng)頁(yè)及二維印刷品。AE可以渲出各種精度的作品，甚至立體電影。AE可以生成的特效是Flash遠(yuǎn)遠(yuǎn)所不及的。只有AE專(zhuān)門(mén)用來(lái)制作動(dòng)畫(huà)，不能制作任何互動(dòng)界面。AE生成的動(dòng)態(tài)影像可以被用到Flash中進(jìn)行與其他元素的進(jìn)一步合成，AE基于時(shí)段，F(xiàn)lash基于幀數(shù)，因而在AE中，對(duì)時(shí)間的改變比較自由，一段30秒的電影可以被拉長(zhǎng)到3分鐘，然而動(dòng)畫(huà)元素之間的關(guān)系可以保持不變，F(xiàn)lash就達(dá)不到這種需求了。例如音樂(lè)設(shè)計(jì)的視覺(jué)思維就是巧妙地運(yùn)用圖形（線條，色彩，體量等）和攝影蒙太奇處理將音樂(lè)的旋律，風(fēng)格和意境呈現(xiàn)出來(lái)，其音畫(huà)創(chuàng)意注重視覺(jué)形式構(gòu)成元素和抒情元素的美感追求，注重畫(huà)面的節(jié)律與敘事結(jié)構(gòu)，從而使音樂(lè)給視覺(jué)的享受絲毫不亞于它帶給聽(tīng)覺(jué)的。

三、運(yùn)用FLASH軟件設(shè)計(jì)圖形動(dòng)畫(huà)

全球有超過(guò)6億在線用戶(hù)安裝了FLASHPLAYER，這使得瀏覽者可以不需要下載和安裝插件，直接欣賞到高清的Flash動(dòng)畫(huà)。由于它能夠減少游戲中電影片段所占的數(shù)據(jù)量，因此可以節(jié)省更多的空間。無(wú)論是矢量圖形或位圖圖像，新版本的CC能夠把需要導(dǎo)出的內(nèi)容導(dǎo)出為全高清（HD）視頻和音頻，即便是導(dǎo)出擁有比較復(fù)雜的時(shí)間表和腳本驅(qū)動(dòng)的動(dòng)畫(huà)，也不會(huì)丟幀。網(wǎng)站中的廣告要遵循少即是多的原則，例如網(wǎng)絡(luò)廣告設(shè)計(jì)要簡(jiǎn)潔，圖片和文字的移動(dòng)和變化并不需要過(guò)于復(fù)雜，只要有效地傳遞信息就可以了，F(xiàn)LASH動(dòng)畫(huà)設(shè)計(jì)應(yīng)該顯眼易讀，能夠吸引受眾的注意力。第一次接觸到某工具時(shí)，只要能大概知道它的作用就可以了，至于Flash具體應(yīng)用以及不斷更新的軟件在功能上的增強(qiáng)，則需要通過(guò)一個(gè)個(gè)實(shí)實(shí)在在的例子去慢慢體會(huì)和理解。FLASH軟件用戶(hù)有很多種方法實(shí)現(xiàn)圖案動(dòng)畫(huà)的創(chuàng)建，而圖形構(gòu)造不失為一個(gè)很好的切入點(diǎn)，例如從靜態(tài)圖形開(kāi)始再來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果，在制作前要先了解一些基本創(chuàng)建方式。

（一）圖形編輯

圖形編輯是Flash重要的功能之一，了解了一些基本的繪圖方法之后，就可以從繪圖工具欄里選擇不同的工具以及它們的修飾功能鍵來(lái)創(chuàng)建、選擇、分割圖形等。當(dāng)選擇了不同的工具時(shí)，圖形工具欄外觀會(huì)跟著發(fā)生一些變化，且修飾功能鍵以及下拉菜單將出現(xiàn)在工具欄的下半部分。修飾功能鍵大大擴(kuò)展了此工具的使用功能，加強(qiáng)了此工具的實(shí)用性和靈活性。由于FLASH對(duì)矢量圖的應(yīng)用和對(duì)視頻，聲音的處理能力，多媒體播放的兼容性，使得FLASH成為網(wǎng)絡(luò)動(dòng)畫(huà)的重要制作工具之一。

（二）影片剪輯元件

所有的圖形或圖像，在他們多種多樣的表現(xiàn)里，無(wú)論是靜態(tài)的或是動(dòng)態(tài)的，都是由各種形式將顏色、形狀、線條、字體組合起來(lái)。在傳統(tǒng)動(dòng)畫(huà)制作中，主要任務(wù)便是繪制始關(guān)鍵幀與終關(guān)鍵幀，當(dāng)中的過(guò)渡幀每一格都需手工繪制，而在數(shù)碼動(dòng)態(tài)制作中，我們只需確定關(guān)鍵幀，當(dāng)中的過(guò)渡則都由電腦來(lái)生成。正是因?yàn)橛辛岁P(guān)鍵幀，才有了動(dòng)態(tài)的影片剪輯，運(yùn)動(dòng)狀態(tài)發(fā)生改變的那一刻，在設(shè)計(jì)一段動(dòng)態(tài)時(shí)，首先我們要確定的是改變何時(shí)開(kāi)始（開(kāi)始關(guān)鍵幀），何時(shí)終止（結(jié)尾關(guān)鍵幀），如果動(dòng)態(tài)比較復(fù)雜，我們更需要在始關(guān)鍵幀與終關(guān)鍵幀中再加入多處關(guān)鍵幀，理解時(shí)間與空間段之間的對(duì)應(yīng)關(guān)系，對(duì)影片剪輯來(lái)至關(guān)重要。影片剪輯擁有自己獨(dú)立于主時(shí)間軸的多幀時(shí)間軸，可以將影片剪輯看作是主時(shí)間軸內(nèi)的嵌套時(shí)間軸，使用影片剪輯元件可以創(chuàng)建可重用的動(dòng)畫(huà)片段。

（三）補(bǔ)間動(dòng)畫(huà)

在AE特效軟件中，濾鏡的使用，使影片時(shí)光超越了時(shí)間，在Flash里逼真動(dòng)畫(huà)的外觀同樣可以通過(guò)補(bǔ)間動(dòng)畫(huà)屬性瞬間創(chuàng)建。補(bǔ)間是英文INBETWEEN的縮寫(xiě)TWEEN.主要用來(lái)完成兩個(gè)關(guān)鍵幀之間缺少的動(dòng)畫(huà)幀，在兩個(gè)關(guān)鍵幀之間建立補(bǔ)間動(dòng)畫(huà)關(guān)系之后，中間會(huì)自動(dòng)生成不見(jiàn)動(dòng)畫(huà)圖形的顯示變化，達(dá)到更流暢的動(dòng)畫(huà)效果。補(bǔ)間動(dòng)畫(huà)可以調(diào)整動(dòng)畫(huà)軌跡，可以給對(duì)象的位置、大小、傾斜、顏色效果，濾鏡等屬性進(jìn)行補(bǔ)間，可將單個(gè)對(duì)象選擇編輯。當(dāng)補(bǔ)間創(chuàng)建完成后，舞臺(tái)中會(huì)出現(xiàn)一條運(yùn)動(dòng)路徑。它是以?xún)蓚€(gè)關(guān)鍵幀的中心點(diǎn)作為連接點(diǎn)的，這條線上每個(gè)小點(diǎn)都代表使用補(bǔ)間呈現(xiàn)出的過(guò)渡幀。補(bǔ)間動(dòng)畫(huà)不僅可做一些簡(jiǎn)單的位移，大小，顏色等動(dòng)畫(huà)，又常備用以便做一些具3D透視的位移或者制作一些鏡頭的推拉搖移。下面運(yùn)用實(shí)例來(lái)了解如何運(yùn)用FLASH軟件來(lái)創(chuàng)建一個(gè)簡(jiǎn)易的靜態(tài)圖形動(dòng)畫(huà)所示。步驟1打開(kāi)一個(gè)新的ash文件，可以看到一個(gè)名為“圖層1”的圖層，在頁(yè)面的頂端有時(shí)間軸。選擇第一幀，使用橢圓工具創(chuàng)建圓形，再使用線條工具和變形工具繪制圖形，然后使用鋼筆工具完成圖標(biāo)，選擇舞臺(tái)中的對(duì)象，“修改>轉(zhuǎn)換到元件”，將圖形轉(zhuǎn)換為元件。在彈出的對(duì)話框中，對(duì)該元件命名，選擇“圖形”選項(xiàng)，按“確定”步驟2在圖層1的下方創(chuàng)建2個(gè)新圖層，一個(gè)命名為“天空”，另一個(gè)命名為“光”，選擇“光”圖層。利用路徑繪制圓形，單擊“沒(méi)有顏色”按鈕繪制正圓，選擇移動(dòng)工具，按住alt鍵復(fù)制多個(gè)圓形，并分別調(diào)整圓形的大小。步驟3選擇天空?qǐng)D層第1幀，通過(guò)“文件>導(dǎo)入>導(dǎo)入到舞臺(tái)”操作，導(dǎo)入天空?qǐng)D片。步驟4創(chuàng)建文字圖層，通過(guò)“文件>導(dǎo)入>導(dǎo)入到舞臺(tái)”操作，導(dǎo)入矢量文字圖形。在接下來(lái)的五個(gè)步驟中，無(wú)論是圖形元件的基本創(chuàng)建方法，還是編輯圖案動(dòng)畫(huà)設(shè)計(jì)的制作方法，都在下述五步中簡(jiǎn)單展示出來(lái)了。步驟1現(xiàn)在為止，繪制的元件處于圖層1的第1幀。在圖層1第50幀添加一個(gè)普通幀將圖形元件延續(xù)。步驟2選擇光圖層第30幀，“插入>時(shí)間軸>關(guān)鍵幀”，創(chuàng)建一個(gè)新的關(guān)鍵幀，重新繪制多個(gè)圓形并填色。仍在第30幀進(jìn)行操作，將圓形元件在舞臺(tái)上進(jìn)行移動(dòng)，選取第1到第29幀之間的任意一幀，在屏幕底端的屬性面板上的“補(bǔ)間”選項(xiàng)中選擇“動(dòng)畫(huà)”，在關(guān)鍵幀之間添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。選擇該圖層第50幀，如上所述創(chuàng)建不同的圓，并選取從30至49幀之間的任意一幀添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。步驟3創(chuàng)建文字動(dòng)畫(huà)，先將文字轉(zhuǎn)換為圖形元件，在視頻最后一幀添加關(guān)鍵幀，在關(guān)鍵幀之間添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)，并修改屬性面板的色彩調(diào)整Alpha命令。步驟4如果想要再現(xiàn)時(shí)光倒流的色彩質(zhì)感，可以使用屬性面板中的透明度調(diào)整色調(diào)，也可以使用屬性面板中濾鏡營(yíng)造褪色效果，模糊濾鏡在動(dòng)畫(huà)制作中常常會(huì)被用到，應(yīng)用濾鏡的對(duì)象需要是“影片剪輯”元件。“按鈕”元件或文本。先將天空?qǐng)D片轉(zhuǎn)化為影片剪輯元件，在1至49幀之間添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)，選擇元件最后一幀，在屬性面板中設(shè)置模糊選擇影片剪輯元件，在屬性面板中單擊添加的濾鏡按鈕，選擇模糊，然后設(shè)置參數(shù)。步驟5如果要添加聲音，先創(chuàng)建一個(gè)新的聲音圖層，然后單擊“文件-導(dǎo)入到庫(kù)-導(dǎo)入聲音素材”，在聲音圖層添加空白關(guān)鍵幀，再將音頻文件從庫(kù)里拖拽到圖層，使其和視頻素材的時(shí)間保持一致，在屬性面板上還可以設(shè)置聲音效果，緩和參數(shù)等。然后選擇“文件>預(yù)覽”可以預(yù)覽動(dòng)畫(huà)效果。

總結(jié)

綜上所述，我們生活的世界充滿著各種各樣豐富的動(dòng)態(tài)設(shè)計(jì)，而創(chuàng)作的關(guān)鍵是在于我們應(yīng)當(dāng)完成從二維到三維構(gòu)想思維的過(guò)渡，將時(shí)間線作為整個(gè)動(dòng)畫(huà)創(chuàng)意的根本。隨著影像帶給常規(guī)感受模式的美感沖擊，一些音樂(lè)頻道的片頭綜合了動(dòng)畫(huà)，廣告，網(wǎng)絡(luò)，電子游戲等流行文化視聽(tīng)特征，不斷豐富著各種媒介所能運(yùn)用的視點(diǎn)表現(xiàn)手段。在同類(lèi)型軟件中，使用電腦軟件進(jìn)行思考具有相同之處，無(wú)論是偶然間跳出的想法，還是為了得到特定效果所進(jìn)行的過(guò)程，應(yīng)該先思考創(chuàng)作動(dòng)態(tài)圖形圖像將會(huì)使用哪些工具獲得想要的結(jié)果。而不同之處在于Flash目前對(duì)位圖的處理能力還比較弱，因?yàn)樗畛跏菑氖噶刻幚砥鹗嫉?，所以相?duì)影像設(shè)計(jì)來(lái)說(shuō)，常用來(lái)制作更多的矢量圖形動(dòng)畫(huà)。總之，在動(dòng)態(tài)圖像設(shè)計(jì)過(guò)程中，不同的組合會(huì)帶來(lái)不同的效果，還需要在設(shè)計(jì)過(guò)程中逐漸發(fā)現(xiàn)無(wú)限種可能去設(shè)置和選擇性地改變各種視覺(jué)元素，去創(chuàng)造有動(dòng)感的和協(xié)調(diào)的動(dòng)態(tài)圖形。

參考文獻(xiàn)

[1]（英）伊恩•克魯克，彼得•比爾.王洵譯.動(dòng)態(tài)圖形設(shè)計(jì)基礎(chǔ)[M].北京：中國(guó)青年出版社，2016.12.

[2]趙林，侯瓊芳.FLASHCC動(dòng)畫(huà)制作完全自學(xué)教程[M].北京：人民郵電出版社，2015.8：457.

[3]張磊，閆永蠶，張榮強(qiáng).古典家具多曲面逆向設(shè)計(jì)方法研究[J].設(shè)計(jì)，2018.17.

[4]鄭亞.基于數(shù)字媒體語(yǔ)境下的視覺(jué)傳達(dá)設(shè)計(jì)[J].設(shè)計(jì)，2016（11）：66-67.

[5]王蕊.解讀極簡(jiǎn)主義風(fēng)格的設(shè)計(jì)語(yǔ)言[J].美術(shù)大觀，2016（10）：149.

[6]鄧靚.高校平面設(shè)計(jì)教學(xué)的現(xiàn)狀分析及改革措施研究[J].設(shè)計(jì)，2015（08）：96.

作者：陳瑤 單位：湖北工業(yè)大學(xué)