FLASH圖形動畫在廣告設計中的應用

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了FLASH圖形動畫在廣告設計中的應用范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：論文分析了表情動畫、網絡動畫、動畫導航及網絡視頻等動態圖形圖像設計的關鍵技術與方法，總結了flash圖形動畫在廣告設計中的應用。從靜態圖形的創建到圖案動畫的設計，解析了FLASH中位圖與矢量圖形的不同運用，并結合實例分析了FLASH中運用多層的矢量元素去制作運動補間和關鍵幀運動的方法。制作基于圖案的Flash動畫。該方法可為廣告設計中的電腦動畫課程教學提供參考。

關鍵詞：矢量圖形影片剪輯動態圖形

引言

動態圖形作為一種獨特的設計語言，是視覺傳達設計目前常用的媒介和作用方式。在不同時代動畫受藝術，美學與音樂的發展影響，引發的對互聯網及動漫娛樂產品的需求，讓越來越多的動畫師、交互設計師、游戲開發者、數碼藝術家們將更多的細節擴展到網絡經營的更大空間。例如Macromedia公司的Flash軟件是一款多媒體動畫軟件，隨著HTML和CSS的發展，Flash軟件還在不同領域運用，Flash是傳統的動畫技術的自動化和智能化版本，如補間，變形，洋蔥般皮膚等，其格式和工作區操作簡便，因此可以縮短制作周期并減少項目預算，具有運用多層的矢量元素去制作運動補間和關鍵幀運動的動態圖形設計能力，以及對矢量圖的應用能力以及文件量小，傳輸快的特點，可用來制作互動界面與基于圖案的動畫。

一、FLASH在廣告設計中的影響

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

二、FLASH在廣告設計中的應用

（一）表情動畫

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

（二）網絡動畫

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

（三）動畫導航

作為主流的圖形視頻處理軟件，Flash主要定位于網絡制作，這就決定了它具有互動性，體積小，色彩鮮艷等特點，并且可以配合其他工具軟件制作出各種形式的動態菜單以及網頁，目前，手機應用商店中的APP也在不斷推陳出新，例如滴滴打車作為一款大眾常用的應用軟件，其導航使用文字和矢量圖形制作簡明易懂的動畫，使不同消費人群在短時間內對行程清晰認知，不僅節約了時間，也減少了溝通障礙。

（四）網絡視頻

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

三、運用FLASH軟件設計圖形動畫

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

（一）圖形編輯

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

（二）影片剪輯元件

所有的圖形或圖像，在他們多種多樣的表現里，無論是靜態的或是動態的，都是由各種形式將顏色、形狀、線條、字體組合起來。在傳統動畫制作中，主要任務便是繪制始關鍵幀與終關鍵幀，當中的過渡幀每一格都需手工繪制，而在數碼動態制作中，我們只需確定關鍵幀，當中的過渡則都由電腦來生成。正是因為有了關鍵幀，才有了動態的影片剪輯，運動狀態發生改變的那一刻，在設計一段動態時，首先我們要確定的是改變何時開始（開始關鍵幀），何時終止（結尾關鍵幀），如果動態比較復雜，我們更需要在始關鍵幀與終關鍵幀中再加入多處關鍵幀，理解時間與空間段之間的對應關系，對影片剪輯來至關重要。影片剪輯擁有自己獨立于主時間軸的多幀時間軸，可以將影片剪輯看作是主時間軸內的嵌套時間軸，使用影片剪輯元件可以創建可重用的動畫片段。

（三）補間動畫

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

總結

綜上所述，我們生活的世界充滿著各種各樣豐富的動態設計，而創作的關鍵是在于我們應當完成從二維到三維構想思維的過渡，將時間線作為整個動畫創意的根本。隨著影像帶給常規感受模式的美感沖擊，一些音樂頻道的片頭綜合了動畫，廣告，網絡，電子游戲等流行文化視聽特征，不斷豐富著各種媒介所能運用的視點表現手段。在同類型軟件中，使用電腦軟件進行思考具有相同之處，無論是偶然間跳出的想法，還是為了得到特定效果所進行的過程，應該先思考創作動態圖形圖像將會使用哪些工具獲得想要的結果。而不同之處在于Flash目前對位圖的處理能力還比較弱，因為它最初是從矢量處理起始的，所以相對影像設計來說，常用來制作更多的矢量圖形動畫。總之，在動態圖像設計過程中，不同的組合會帶來不同的效果，還需要在設計過程中逐漸發現無限種可能去設置和選擇性地改變各種視覺元素，去創造有動感的和協調的動態圖形。

參考文獻

[1]（英）伊恩•克魯克，彼得•比爾.王洵譯.動態圖形設計基礎[M].北京：中國青年出版社，2016.12.

[2]趙林，侯瓊芳.FLASHCC動畫制作完全自學教程[M].北京：人民郵電出版社，2015.8：457.

[3]張磊，閆永蠶，張榮強.古典家具多曲面逆向設計方法研究[J].設計，2018.17.

[4]鄭亞.基于數字媒體語境下的視覺傳達設計[J].設計，2016（11）：66-67.

[5]王蕊.解讀極簡主義風格的設計語言[J].美術大觀，2016（10）：149.

[6]鄧靚.高校平面設計教學的現狀分析及改革措施研究[J].設計，2015（08）：96.

作者：陳瑤 單位：湖北工業大學