視覺傳達(dá)設(shè)計(jì)的交互動畫特效制作手法探析

潘婕

河北美術(shù)學(xué)院

人們都有追求美的渴望，這種渴望落實(shí)在視覺傳達(dá)設(shè)計(jì)領(lǐng)域，會通過不斷的技術(shù)改進(jìn)使得動畫設(shè)計(jì)制作能夠給受眾以更佳的視覺效果體驗(yàn)來呈現(xiàn)。而交互的動畫特效制作中，受眾不但能夠有觀賞權(quán)利，還有互動參與權(quán)限。這能夠讓受眾在該類技術(shù)手法制作下有更好的視覺體驗(yàn)與情感體驗(yàn)。因此，從這個(gè)方面來看，交互的動畫特效制作是能夠有較好的發(fā)展前景與較為廣闊的發(fā)展空間的，值得進(jìn)行深入的研究與分析。

一、動畫特效概述

想要對視覺傳達(dá)設(shè)計(jì)的交互動畫特效制作手法有一個(gè)簡單的研究與分析，必須對動畫特效本身的含義進(jìn)行深入了解。所謂的特效其實(shí)是特殊效果的簡稱，而動畫特效，指的是動畫當(dāng)中的特殊效果。它本身是具有極強(qiáng)感染性的一種展現(xiàn)動畫藝術(shù)美感的技術(shù)。而交互動畫特效，指的是將受眾群體考慮進(jìn)動畫特效制作的情境單元當(dāng)中來，事實(shí)上動畫最后的呈現(xiàn)效果更加符合觀眾期待的一種動畫特效設(shè)計(jì)模式。從這個(gè)角度來看，在整個(gè)交互動畫特效設(shè)計(jì)制作的過程當(dāng)中，會對最后特效的呈現(xiàn)效果產(chǎn)生影響的兩個(gè)工種分別是交互設(shè)計(jì)以及視覺傳達(dá)設(shè)計(jì)。交互設(shè)計(jì)就是通俗意義上的導(dǎo)演，它能夠站在較高的角度對整個(gè)交互動畫制作需要呈現(xiàn)出的效果進(jìn)行設(shè)計(jì)與分析，并且嘗試使用各種可行的辦法使得交互動畫特效的制作效果能夠達(dá)到最佳。視覺傳達(dá)設(shè)計(jì)就是通俗意義上的攝影師，它主要負(fù)責(zé)的是將交互設(shè)計(jì)理念當(dāng)中設(shè)想要達(dá)到的效果通過視覺傳達(dá)設(shè)計(jì)完美地呈現(xiàn)出來，使得最后出現(xiàn)的交互動畫特效能夠達(dá)到預(yù)計(jì)的設(shè)計(jì)效果與要求。

二、視覺傳達(dá)設(shè)計(jì)的交互性分析

所謂的交互性，其實(shí)包含兩層含義。在第一層含義中，如果單從視覺傳達(dá)設(shè)計(jì)的專業(yè)方面來考慮交互性，那么所謂的交互性其實(shí)指的是數(shù)據(jù)信息的交互。在動畫特效制作的過程當(dāng)中，有關(guān)技術(shù)人員也是通過一次次的溝通與嘗試來使得整個(gè)視覺傳達(dá)呈現(xiàn)的效果不斷趨于完美的。在這個(gè)交流與嘗試的過程當(dāng)中，數(shù)據(jù)信息的傳遞與交互便是設(shè)計(jì)人員進(jìn)行溝通與交流的方式之一。這種數(shù)據(jù)信息的傳遞不僅僅意味著工作人員之間的數(shù)據(jù)共享，還意味著以工作人員來進(jìn)行受眾站位，來對視覺傳達(dá)設(shè)計(jì)所能夠呈現(xiàn)的效果進(jìn)行分析與評價(jià)。在第二層含義中，交互性指的便是技術(shù)人員所設(shè)計(jì)出的動畫特效本身與受眾之間的相互碰撞與交流。在傳統(tǒng)意義上，動畫設(shè)計(jì)本身是藝術(shù)的一種呈現(xiàn)形式，這種藝術(shù)呈現(xiàn)形式是單向的，無法獲得反饋的。單向的藝術(shù)呈現(xiàn)意味著受眾只能夠接受，而無法與藝術(shù)形式本身進(jìn)行互動，這對于受眾而言會使得其體驗(yàn)感受到限制，對于動畫設(shè)計(jì)本身而言，會由于無法及時(shí)得到受眾的反饋而無法及時(shí)地對自身的不足進(jìn)行改進(jìn)與完善，這是不利于動畫設(shè)計(jì)行業(yè)進(jìn)步的。但是交互性視覺傳達(dá)方式出現(xiàn)之后，情況便有極大的改變。受眾可以通過交互性的視覺傳達(dá)方式來與動畫本身進(jìn)行交流與互動，而相關(guān)的技術(shù)人員也可以通過受眾的意見反饋來及時(shí)對動畫制作進(jìn)行改進(jìn)與完善。從這個(gè)方面來看，交互性的動畫特效設(shè)計(jì)改變了原本傳統(tǒng)的動畫設(shè)計(jì)形式和動畫的藝術(shù)呈現(xiàn)方式，但卻是一種較為貼合時(shí)代發(fā)展潮流的，能夠?yàn)槭鼙妿砀延^感體驗(yàn)的動畫特效制作方式，因此，應(yīng)當(dāng)不斷地對其進(jìn)行完善與推廣。

三、制作手法分析

較為常見的交互式動畫特效制作手法有很多，本文對較為常見的一些手法進(jìn)行研究與分析。但是需要引起注意的是，現(xiàn)階段存在的交互式動畫特效制作手法只能夠代表現(xiàn)階段的交互式動畫特效制作水平，并不能代表未來的交互式動畫化制作手法不會有更加貼合時(shí)代發(fā)展的發(fā)明與改進(jìn)。

（一）GIF小動畫制作

GIF小動畫制作是現(xiàn)如今經(jīng)常用到的動畫特效制作手法，在視覺傳達(dá)設(shè)計(jì)中，占有十分重要的地位。這種動畫特效的制作手法，由于制作方式簡單，用途廣泛，意義涵蓋范圍較大，互動性較高而受到了廣大用戶的喜愛。GIF小動畫的容量較小，方便使用與輸出，并且能夠制作它的軟件有很多，因此，在日常的社會交際中，人們也經(jīng)常使用到GIF小動畫來進(jìn)行網(wǎng)絡(luò)社交。通過圖像化的藝術(shù)呈現(xiàn)形式來輔助反映自己的情緒以及想要表達(dá)的語言內(nèi)容，在緩解氣氛、拉近社交距離以及完善使用者的語言表達(dá)能力方面，都有較為奇特的效果。因此，在信息時(shí)代來臨之后，GIF小動畫就開始有了較為廣闊的運(yùn)用市場，在未來應(yīng)當(dāng)也會有較為寬泛的運(yùn)用途徑與運(yùn)用空間。

（二）逐幀動畫

所謂的逐幀動畫，其實(shí)就是將符合要求的動畫分解成圖片，即利用一張等間距的動畫分解逐幀圖片。它有兩種制作方式：一種制作方式是使用JavaScript來進(jìn)行腳本的模擬編寫；另外一種是使用CSS3的一個(gè)新屬性steps來進(jìn)行逐幀動畫制作。兩種制作方式比較而言各有千秋，但是需要注意的是，逐幀動畫是需要運(yùn)用到移動端的動畫制作手法，故而相比JavaScript而言，CSS3要更具有優(yōu)勢一些。原因很簡單，因?yàn)镃SS3在移動客戶端的兼容性要比JavaScript在移動客戶端的兼容性好很多。但是CSS3的普及程度沒有JavaScript的普及程度高，在未來CSS3的發(fā)展與普及有較為光明的前景。當(dāng)然，逐幀動畫雖然與GIF小動畫有較為相似的地方，但實(shí)際上兩者并不相同。相比GIF小動畫而言，逐幀動畫本身是有控制動畫幀數(shù)快慢的功能的，也有隨時(shí)暫停的功能，而這些都是GIF小動畫所沒有的。并且相比GIF小動畫而言，逐幀動畫還有可以進(jìn)行透明度修改的小功能，故而相比GIF小動畫而言，逐幀動畫的技術(shù)性要高一些。

（三）CSS3制作技術(shù)

前文已經(jīng)在逐幀動畫的制作中提到了CSS3。當(dāng)然，除了制作逐幀動畫之外，CSS3還能夠制作其他的動畫。事實(shí)上，CSS3是一種在動畫制作領(lǐng)域較為常用的工具軟件，相比其他的動畫制作軟件而言，CSS3是一種在平面層動畫制作領(lǐng)域有較為明顯優(yōu)勢的軟件。正因如此，但凡談?wù)摰絼赢嬛谱?，都不可能越過CSS3。但CSS3雖然較為實(shí)用，但仍然有一定的缺點(diǎn)。CSS3最大的缺點(diǎn)在于其與瀏覽器之間的兼容性存在問題，CSS3當(dāng)中仍然有相當(dāng)一部分的屬性并沒有與瀏覽器取得較好的兼容性。倘若這個(gè)問題得不到解決，那么CSS3就無法得到更進(jìn)一步的發(fā)展。CSS3相比其他軟件而言，仍然有較為獨(dú)特的屬性。第一個(gè)是變形屬性，它能夠?qū)⒅谱鲗ο箅S意的扭曲、移動和變形；第二個(gè)是過渡屬性，所謂過渡屬性，指的是它能夠?qū)χ谱鲗ο蟮膶傩赃M(jìn)行隨意變換與修改，這一點(diǎn)是其他軟件無法做到的；第三個(gè)是動畫屬性，這個(gè)是其他軟件也具備的屬性。倘若CSS3的這幾個(gè)特征屬性當(dāng)中有任何一個(gè)無法正常進(jìn)行工作，那么CSS3也就無法正常進(jìn)行工作。

（四）SVG制作技術(shù)

SVG制作技術(shù)也是動畫制作中經(jīng)常用到的制作方法，在目前的特效制作中的使用非常廣泛，這種制作技術(shù)又被稱作可縮放矢量圖技術(shù)。相比CSS3而言，這種制作技術(shù)在線條動畫的制作中比較有優(yōu)勢。但即便如此，SVG制作技術(shù)也不是完美無缺的，它的缺點(diǎn)仍然集中在與瀏覽器以及操作系統(tǒng)的兼容性問題上，但凡遭遇到IE8的系統(tǒng)，SVG的兼容性問題就很容易暴露出來，并且它還無法在安卓4.2及以下的手機(jī)操作系統(tǒng)中使用。倘若這個(gè)問題無法得到解決，那么SVG制作技術(shù)也同樣無法得到較好的發(fā)展。相比其他的制作技術(shù)而言，由于SVG制作技術(shù)在需要對動畫元素進(jìn)行描邊的過程中能夠發(fā)揮巨大的功用，故而使用SVG技術(shù)有時(shí)可以實(shí)現(xiàn)一些較有難度的動畫制作。在人們?nèi)粘５木W(wǎng)絡(luò)社交當(dāng)中，經(jīng)常會使用到的動態(tài)表情包特效制作，有些就是使用SVG技術(shù)制作出來的。并且與其他制作技術(shù)有所不同的是，由于SVG動畫其本身的生成原理比較特殊，故而可以以文檔的格式保存下來，這是其他類型的制作技術(shù)難以實(shí)現(xiàn)的。

（五）HTML5制作技術(shù)

在對HTML5這一制作技術(shù)進(jìn)行研究與討論之前，首先要將這類制作技術(shù)與其他動畫制作技術(shù)區(qū)分開來。HTML5是沒有辦法直接進(jìn)行動畫的繪制的，想要在HTML5當(dāng)中實(shí)現(xiàn)動畫繪制功能，必須將設(shè)計(jì)繪畫出的圖樣通過JavaScript呈現(xiàn)出來。HTML5是制作動畫的工具，并非繪畫的工具。因此，有關(guān)工作人員可以通過HTML5來進(jìn)行圖形轉(zhuǎn)化、添加字符、添加其他圖片等操作。因此，相對于其他的動畫制作軟件而言，HTML5更像一塊畫板，這也是HTML5的特殊之處。

（六）AE特效制作

AE是一個(gè)合成軟件，也可以用來制作特效。并且由于操作簡單、使用便捷被越來越多的影視后期工作人員應(yīng)用進(jìn)行簡單的特效制作，特別是電視和影視包裝、電影電視宣傳片和開場等。通常AE也需要配合其他軟件來進(jìn)行特效制作，如MAYA、C4D等軟件。當(dāng)然，AE的自帶功能并不是獨(dú)有的，其他同類軟件做得比它好的有很多。但是AE是一個(gè)兼容性很好的軟件，端口也很開放，特效、合成、調(diào)色都有對應(yīng)的插件，所以可以說AE是一個(gè)生態(tài)比較強(qiáng)大的軟件。

四、基本特點(diǎn)分析

在了解動畫特效的含義以及交互式動畫特效的制作方法之后，下文對交互式的動畫特效制作的基本特點(diǎn)進(jìn)行分析。通過分析，有關(guān)研究者能夠?qū)υ擃惣夹g(shù)有一個(gè)更深層次的了解，并且對該類技術(shù)在現(xiàn)代社會的廣泛運(yùn)用有一個(gè)較為深刻的體悟。

（一）有利于提升受眾的感知能力以及學(xué)習(xí)效率

正如前文所說，動畫制作作為一種藝術(shù)表現(xiàn)形式，它本身并不是技術(shù)的堆積與累加，而是需要通過技術(shù)化的呈現(xiàn)形式去表達(dá)一個(gè)明確的主題思想以及一系列的價(jià)值感念，甚至是達(dá)到傳遞知識、傳遞理想信念的作用。因此，從這個(gè)角度來對動畫特效進(jìn)行分析，動畫特效的存在不僅僅是為了讓動畫最終呈現(xiàn)出的藝術(shù)效果趨于完美，更是讓受眾在進(jìn)行有關(guān)動畫藝術(shù)的觀賞時(shí)，能夠在更深刻的層面感知到動畫創(chuàng)作團(tuán)隊(duì)背后所想要傳遞的精神內(nèi)核。為了達(dá)到這一效果，很多在視覺傳達(dá)方面的設(shè)計(jì)者會匠心獨(dú)運(yùn)地進(jìn)行某一個(gè)元素的繁復(fù)使用或者排列，或是在場面宏大的靜態(tài)場面展示環(huán)境中融入極具創(chuàng)造力與想象力的動態(tài)元素，以此來吸引受眾的注意力，讓受眾對設(shè)計(jì)者重點(diǎn)想要突出的內(nèi)容加以關(guān)注與留心。換句話說，交互式動畫特效的制作，要比傳統(tǒng)的動畫效果制作更利于信息的傳遞。受眾在接收到相關(guān)的信息后，感知、理解與消化的速率要比在傳統(tǒng)的動畫呈現(xiàn)形式當(dāng)中快得多，這就是交互式的動畫特效制作技術(shù)在視覺傳達(dá)設(shè)計(jì)方面能夠起到的效果。

（二）產(chǎn)生較好的視覺沖擊

動畫制作作為一個(gè)較為靈動的藝術(shù)形式，它具有公共媒體傳播的功能，正因如此，在精神內(nèi)核方面它需要承載一定的社會功用，但倘若一部動畫制作的重點(diǎn)統(tǒng)統(tǒng)都放在了精神文化層面，那么其本身的觀賞性與美感或許會大打折扣。作為一種歷史悠久的藝術(shù)表現(xiàn)形式，動畫制作所需要達(dá)到的，并不是單純的精神世界底蘊(yùn)深厚或者單純的畫質(zhì)精美、制作優(yōu)良，這二者對于一部優(yōu)秀的動畫作品來說是缺一不可的。在上文中談到了交互式動畫特效制作技術(shù)以受眾感知為出發(fā)點(diǎn)應(yīng)當(dāng)注意的制作特點(diǎn)，但是事實(shí)上交互式動畫特效制作技術(shù)的支撐點(diǎn)并非只有這一個(gè)，良好的視覺效果仍然是動畫制作需要注意的重點(diǎn)內(nèi)容之一。交互式的動畫特效技術(shù)是能夠達(dá)到較為良好的視覺沖擊的，這是一種外在美的表現(xiàn)形式，也是吸引受眾進(jìn)入一部動畫的情境設(shè)計(jì)當(dāng)中來的最佳手段。在現(xiàn)階段的交互式動畫特效制作中，通常都會在視覺傳達(dá)設(shè)計(jì)中融入二維或者三維的元素，使得整個(gè)畫面呈現(xiàn)變得更加生動靈巧，能夠?yàn)槭鼙妿砻赖捏w驗(yàn)。

（三）發(fā)揮過濾信息的作用

假如單純地從視覺傳達(dá)設(shè)計(jì)的角度來對交互式的動畫特效進(jìn)行分析，那么研究的范圍便可以擴(kuò)大到新媒體運(yùn)用的方方面面。由于在進(jìn)入信息化時(shí)代以來，人類通過新媒體技術(shù)來進(jìn)行信息的攝入以及信息的傳遞已經(jīng)變成了較為司空見慣的事情，而處在信息爆炸的時(shí)代當(dāng)中，人類的精力與腦力都相當(dāng)有限，因此，想要使得某些信息在成千上萬的海量信息當(dāng)中顯得格外惹眼，使用交互式的動畫特效技術(shù)讓有關(guān)信息變得“不容忽視”，不失為一種較為切實(shí)可行的辦法。因此，有很多相關(guān)的設(shè)計(jì)人員，都很愿意使用動態(tài)的文字信息或者動態(tài)的圖片信息來引起各用戶的注意。雖然隨著時(shí)代的發(fā)展，這種引起注意的信息設(shè)計(jì)方式也會被逐漸淘汰，然而就目前而言這仍然是一個(gè)較為常用的信息過濾的方式。

（四）與智能端更加貼合

由于隨著科學(xué)技術(shù)的發(fā)展，人類已經(jīng)逐漸進(jìn)入了智能時(shí)代，故而從視覺傳達(dá)設(shè)計(jì)的角度對交互式的動畫特效制作技術(shù)進(jìn)行考慮，不得不將原本貼合PC端的相應(yīng)技術(shù)設(shè)計(jì)進(jìn)行符合時(shí)代發(fā)展趨勢的改進(jìn)，讓相對應(yīng)的動畫特效制作技術(shù)變得與智能端更加貼合。由于智能端的畫面呈現(xiàn)方式與PC端有很大的不同，因此，有關(guān)技術(shù)人員想要使得動畫特效制作技術(shù)在智能時(shí)代也能夠被廣泛接受與運(yùn)用，就必須抓緊時(shí)間進(jìn)行改進(jìn)。很多交互式的動畫特效制作技術(shù)在PC端看起來并沒有任何問題，但一旦轉(zhuǎn)移到了智能端，就會在視覺傳達(dá)上給人一種扁平化的刻板印象，因此，對于相對應(yīng)的技術(shù)人員而言，如何使得相關(guān)技術(shù)與智能端進(jìn)行完美融合，并且使得其在智能端上的呈現(xiàn)形式變得更加靈活多樣、更加生動，是未來相關(guān)技術(shù)人員應(yīng)當(dāng)進(jìn)行研究與討論的重要問題。除了使扁平化的設(shè)計(jì)變得更加生動外，有關(guān)設(shè)計(jì)理念還需要變得更加符合智能端簡約、流暢的風(fēng)格，去除繁復(fù)、瑣碎的裝飾，使得其設(shè)計(jì)變得更加自然、簡單、一目了然。

五、結(jié)語

總而言之，對于相關(guān)的技術(shù)人員而言，由于信息技術(shù)的不斷發(fā)展，導(dǎo)致交互式動畫制作技術(shù)也在不斷地進(jìn)行改進(jìn)，這種改進(jìn)不是一時(shí)的，而是會一直隨著時(shí)代的發(fā)展而不斷創(chuàng)新變革的。因此，有關(guān)技術(shù)人員必須有良好的職業(yè)心態(tài)以及終身學(xué)習(xí)的職業(yè)信仰，只有如此才能夠在動畫制作競爭壓力中保持健康、良好的心態(tài)，爭取讓自己的職業(yè)技術(shù)保持在較為超前的水平階段。倘若有關(guān)技術(shù)人員在日常的工作中能夠有較為敏感的技術(shù)改革與商業(yè)發(fā)展嗅覺，那么其將會在未來基于視覺傳達(dá)設(shè)計(jì)角度的交互動畫特效制作技術(shù)改進(jìn)中拔得頭籌，領(lǐng)先于和自己進(jìn)行競爭的同行。