MG 動畫在標志設計中的運用探析

高敏欽，陳曼曼

（福建農業職業技術學院，福建福州 350300）

MG是Motion Graphic動畫的簡稱，是視聽信息傳播的新媒介[1]，通俗地講就是將扁平的信息動態化，使傳統標志擁有新的表現力和生命力，適應新媒體時代的傳播需求。不同于傳統的靜態圖標，動態圖標可以把標志所要傳達的信息更加直觀、更加生動、更加具象化地傳遞給大眾，讓大眾擁有更好的視覺體驗，符合新媒體時代的審美趨勢和傳播需求。

動態圖標不僅比靜態圖標更有吸引力，更具時代氣息和時尚感，而且在制作上相比于傳統的動畫制作也更加簡便、高效，不僅制作周期短，對制作者的專業技能要求也不是特別高。因此，為了更加直觀地展現標志設計，讓傳統標志設計在信息傳播、交互設計以及視覺效果上更有優勢，可以將MG動畫與傳統標志設計進行有機結合，以實現標志的動態化設計。

一、軟件的選擇和分析

MG動畫制作過程分為圖形設計和動畫設計兩個階段[2]。圖形設計階段雖然相對比較簡單，但MG動畫的圖形設計有別于傳統的美術設計，基本上是以矢量圖形的形式呈現，可以選擇的軟件有Photoshop、Illustrator等圖形繪制軟件。在動畫設計階段，主要包含動作和節奏的設計，強調的是通過圖形的動作和節奏設計，實現聲音的可視化，軟件上則可以選擇Flash、After Effecets等軟件。

二、標志動態設計的基本原則

（一）可識別性

標志從本質上說是一種標識符號，它最主要的功能是屬性的識別，可識別性是標志最基本的功能。因此，在進行標志的動態設計時，首先要兼顧的是標志的可識別性，而后才是動態視覺效果的設計。

（二）便于記憶性

動態標志設計分為平面設計和動態設計兩個階段[3-4]。在平面設計階段，盡量摒棄繁瑣的修飾，保持標志的簡潔性。在動態設計階段，不能為了豐富標志的動態效果而破壞標志的簡潔性。

（三）適用性

動態標志設計的最終目的是要用于傳播和宣傳，如果無法讓觀眾直觀地看到動態標志設計的效果，或者說需要使用專業的軟件才能看到標志的動態效果，那么這個動態標志的設計將毫無意義。因此，MG動畫在標志設計中應用的最終呈現效果一般都采用GIF格式，主要目的也是擴大受眾群體，達到直觀的展示效果。

（四）時代性

標志設計并不是一勞永逸的，平面標志是與企業或產品的形象共存和發展，它的更迭周期一般是10年一周期[5]，動態標志所展示出來的風格特點同樣要與時代契合，與時俱進，保持動態標志的新鮮感和技術性。

三、動態標志設計的常見手段和方法

標志的基本構成要素包括點、線、面和色彩等4個元素[6-8]。點、線、面以不同的方式進行組合，可以演變出不同的形狀。標志的所有構成要素都可以進行動態改變，為了讓標志有更好的視覺表達效果，可以賦予標志各種類型的材料質感，結合軟件的效果制作方法，形成動態標志并添加聲音，提升標志信息傳播的感染力。

與平面標志設計的限制因素不同，動態標志設計最主要的限制因素是軟件技術，不同的軟件技術和手段制作出的動態標志差異性較大，效果不盡相同。本文從色彩、空間形狀、質感和特效等元素進行分析，總結歸納動態標志設計的常用方法和技巧，幫助平面設計者更加簡便、高效地實現動態標志的設計。

（一）色彩

當對一些以色塊為主的標志進行動態設計時，可以側重于色彩的動態展示，最簡單的手段是用PS軟件進行GIF動圖設計。文章中以PHOTOSHOP為例，從顏色設置和時間軸設置進行文字的動態效果圖制作。

1.顏色設置

色彩是標志的主要構成元素，是視覺傳達的第一要素[9-10]。動態標志的色彩除了遵循平面標志色彩設計的基本原則和方法外，更側重于色彩的動態展示效果。為了更好地突出案例中文字色彩的多樣性，案例中給每個字母設置的了赤橙黃綠青藍紫等不同的顏色。

2.時間軸設置

在PS軟件中制作GIF動圖的基本方法是時間軸的設置，時間軸就是動畫的幀，每個動圖都由若干個時間軸組成，時間軸的連續播放就形成了完整的動圖過程。如圖1所示，先將PHTOSHOP單詞中的每個字母逐個建立圖層，打開“時間軸”工作窗口，將第一個字母圖層作為起始的動畫幀，第二個幀即對應第二個字母圖層，以此類推。

圖1 PS 動圖時間軸設置

延遲時間的設置以及圖層位置的設計直接影響動態的視覺效果，因此，在完成時間軸的基本設置后，還需要對播放效果進行調試，以達到最優的視覺效果，最后再保存為GIF動圖格式。

（二）空間形狀

MG動畫在標志中的運用從本質上說是讓標志動起來，標志動起來的表現形式主要有兩種：一種是形狀上的變化；一種是空間感的變化。在實際應用中，為了更好地展示動態效果，一般是將兩種形式有機結合，從形狀上展示標志的細節動態效果，從空間感展示標志的整體動態效果，文章以東京奧運會的射擊動態logo制作為例進行探析。

1.AI基礎圖形繪制

打開AI軟件，設置合適的畫布大小。該案例中的射擊圖標是一個簡化的圖標，其中基礎圖形的繪制直接運用矩形工具和直線工具繪制，非規整圖形的手臂和弓箭部分則是通過布爾運算進行圖形的疊加完成繪制。然后，新建一個圖層，應用鋼筆工具在射擊圖形的邊緣上創建動畫路徑。動畫路徑需要使用單獨的形狀，以方便后期的合成。

2.AE合成

該案例中的動態的效果包括旋轉和位移，動態過程不是單一元素，直接用PS軟件無法完成，因此，需要應用AE軟件中的關鍵幀來實現。在AE軟件中，通過設置關鍵幀實現射擊動作的位移、旋轉，并通過Overshoot表達式來實現圖形元素的彈跳效果，讓設計運動更加流暢。

打開A E 軟件，創建一個新的合成，大小為800*600，持續時間設置為3秒，其他參數默認。接著新建一個固態層，回到AI軟件中，復制第一條路徑粘貼到AE固態層中，運用同樣的方法將其他路徑逐一復制到固態層中，即給每一條路徑創建一個新的固態層。

該案例中要形成淡入的效果，因此，先將第一個關鍵幀的透明度設置為0%，后一個關鍵幀的透明度設置為100%，制作過程中設計者可以根據實際的效果需求設置合適的參數。為了確保預期的效果，案例中一條路徑一個固態層，將開始和結束的關鍵幀位置錯開。

完成調試后添加蒙版，再從AE軟件系統中選擇合適的預設特效，最終效果圖如圖2所示。

圖2 射擊動態標志

（三）質感和特效

標志設計中常見的微質感有玻璃質感、塑料質感、金屬質感、木質質感等，新媒體時代背景下，伴隨著技術的發展和進步，讓特效在標志中的應用成為了可能，有效提升了標志動態設計的視覺效果[6]。文章中以火影忍者寫輪眼為例進行質感和特效的制作。

1.寫眼輪基礎圖形繪制

首先，在PS軟件中新建一個合適大小的文件，接著運用形狀工具結合布爾運算繪制出寫眼輪的基礎圖形，主要是眼睛背景和扇葉的繪制。完成基礎圖形的繪制后，給圖形添加木質紋理、內陰影、光澤、高光等圖層樣式效果。隨后，新建圖層，用鋼筆工具在圖形邊緣上創建動畫路徑，為了更好的效果，創建了6條路徑，這些路徑主要用于制作動效。

2.動態效果制作

打開AE，創建新的合成，為路徑逐一建立固態層。接著，添加“描邊”特效，選擇“在透明通道上”繪制風格。寫眼輪的動態效果主要是旋轉，首先將需要旋轉的扇葉圖形合并成組，設置好旋轉角度，該案例中設置的是30°。接著，復制15個旋轉圖層，并將固定不動的眼眶背景圖復制到多個時間軸中，逐個對應好時間幀與圖層，接著設置幀與幀之間的延遲時間，該案例中設置的延遲時間是0.3秒，以達到快速旋轉的效果。

3.調試和優化

AE中緩動的類型有很多種，右擊關鍵幀進行選擇，該案例選擇的是柔緩曲線，預覽下動畫效果，如果不合適可以更換緩動類型，調試到滿意。完成調試后，對動畫進行優化渲染，選擇“圖像合成＞添加到渲染隊列”，選擇合適的輸出位置和格式，案例中選擇的是GIF格式。最終效果圖如圖3所示。

圖3 寫輪眼動態標志

四、結束語

伴隨著新媒體時代的發展以及軟件技術的不斷進步，傳統的平面標志設計已不能完全適應市場的需求，動態標志應運而生。動態標志設計相對來說是一種比較新的標志形態，不同于傳統的標志設計，動態圖標的設計方法和技巧不斷的推陳出新，除了需要在平面軟件中完成基本標志圖形的繪制，還需要使用動畫軟件對標志進行合成，完成動態制作，設計工作者的設計需要與時俱進，與技術共同進步。本文通過理論知識和軟件技術的研究，在傳統標志設計中引入MG動畫對標志進行動態化設計，分析標志動態設計的基本原則，從圖形的色彩、空間形狀、質感以及特效使用等四個方面，對動態標志的類型進行分析，總結了MG動畫在標志設計中應用的常用的基本方法和技巧，幫助平面設計者更加簡便、高效地實現動態標志的設計。