三維軟件在動態海報中的設計應用研究

趙子謙 馮羽萱 楊柳

摘要：研究以CINEMA 4D為例的三維軟件在動態海報設計中的應用方式。通過對當下動態海報中的三維表現元素的分析，結合CINEMA 4D的應用實踐，窺探三維軟件設計動態海報的方法。通過CINEMA 4D的實際操作，得到三維動態海報。該方法可為以CINEMA 4D為例的三維軟件在動態海報設計提供參考。

關鍵詞：三維設計 信息可視化 動態海報 CINEMA 4D 世界坐標 對象坐標

中圖分類號：J 文獻標識碼：A

文章編號：1003-0069（2023）17-0129-05

Abstract：Study the application of 3D software in dynamic poster design with CINEMA 4D as an example. Through the analysis of the three-dimensional expression elements in the current dynamic posters，combined with the application practice of CINEMA 4D，the method of 3d software design dynamic posters is explored. 3D dynamic posters are obtained through the actual operation of CINEMA 4D. This method can provide reference for 3d software in dynamic poster design with CINEMA 4D as an example.

Keywords：3D design Information visualization Dynamic posters CINEMA 4D World coordinate Object coordinate

引言

隨著屏幕時代的到來以及設計技術的進步，動態海報逐步走進受眾的視域。動態海報是以動態的表現形式去傳遞信息，通過圖像、文字、色彩的動態展示進行信息的傳達。相比較靜態海報，動態海報展現方式新穎，能給受眾以強烈的畫面動態感，塑造強烈的視覺體驗與信息可視化感受。當代動態海報不僅展現了二維圖形的動態表現，還延伸出三維的動態表現形式，包括從二維坐標向世界坐標軸與對象坐標軸的轉變、三維軟件材質庫的運用以及時間軸、幀率的改變。本文以CINEMA 4D為例，對三維軟件在動態海報中的應用進行研究。

一、動態海報及CINEMA 4D概述

在海報呈現結構中，無論是何種設計、編排方式，為了讓受眾充分接收海報中的內容，設計者需要利用字體、圖像將信息完整地表述出來。而動態海報里的視覺信息因具備運動條件，因此可脫離傳統一次呈現閱讀方式束縛，以時間層次感讓視覺信息完整表述出來。[1] Cinema 4D、Blender、3D Max、Maya等三維設計軟件是當下三維設計領域比較熱門的軟件，此類三維設計軟件不僅運用在產品級的效果圖渲染與輸出、影視動畫制作、3D模型制作等方面，還廣泛運用在3D信息導視設計、靜態海報與動態海報的制作與輸出方面。

（一）動態海報的定義。王煒麗和王錦洪認為，動態海報是指利用多媒體技術，采用圖形、動態圖形、聲音等聲效搭配，進而對主題內容如產品、活動、企業等進行宣傳的廣告形式。動態海報是在多媒體技術的支持下，由傳統的靜態海報衍生而成。[2]包艷秋和潘云華認為，所謂動態海報，是指在新媒體的條件下，以動態的形式進行的廣告傳播，以聲音和運動元素區別于傳統海報。[3]然而，從設計技術、表現方式和承載媒介來看，動態海報區別于靜態海報。首先，動態海報在設計的技術手段上增加了時間軸的概念，就是由連續性的靜態圖畫組成的動態圖像（在不考慮音樂等附加素材的情況下），是區別于靜態海報的本質特征。其次，動態海報的表現方式結合音樂等其他元素，呈現出逐幀效果，即畫面的連續性動態，動態海報相比靜態海報固定的敘事表現與信息導視，更加能夠塑造情境，引起受眾的視覺關注。最后，靜態海報可以依附于紙質媒介、塑料媒介、布料媒介、電子媒介等，動態海報的承載媒介較為局限，現主要由電子媒介承載，通過屏幕進行信息傳達。

（二）三維軟件，以CINEMA 4D的概述。隨著2.5D風格海報與信息導視圖的興起，Adobe Illustrator、Adobe Photoshop以及CorelDRAW等平面設計軟件在模型制作、材質貼圖、燈光與場景氛圍營造方面有所欠缺，對2.5D風格場景的制作與效果圖輸出呈現出疲乏的狀態，使得三維軟件、影視剪輯軟件與平面設計軟件在2.5D風格以及動態海報設計方面結合越來越緊密。在國內，三維角色模型制作已經有成熟的3Dmax、Maya等軟件，但Cinema 4D仍然憑借其人性化的界面操作、富有創意的功能設計，逐漸成為創意設計領域的3D設計軟件。[4]Cinema 4D（C4D）是一款由德國Maxon Computer公司開發的三維設計軟件，其以極高的運算速度和強大的第三方插件著稱。該軟件以簡捷的人性化設計、難以置信的高效率、可靠和穩定的操作體驗迅速征服三維制作用戶，近幾年在電商廣告制作、影視特效、廣告欄目包裝及工業設計方面應用廣泛。[5]

二、運用CINEMA 4D的動態海報設計方法

早在2001年上映的電影《哈利·波特與魔法石》中，該影片給觀影者帶來了充滿想象力的魔法世界以及震撼的視聽體驗，例如會動的魔法報紙、穿越墻面才能到達的火車站臺、送信的貓頭鷹等都是令人印象深刻的創作細節。盡管現如今科學技術還沒有將“會動的魔法報紙”制作成現實產物，但通過電子媒介已經可以實現圖像的動態傳播。媒體是傳播信息的載體，作為被大眾廣泛接受的一種傳播方式，海報的最終目的是實現信息的有效傳遞。隨著媒體技術的不斷革新，將海報與新興的媒體相連，融合成嶄新的海報樣式，已變成一種新的趨勢。依托于新媒體技術設計的動態海報，能夠突破靜態海報的形式，賦予海報趣味性和強烈的視覺效果。[6]

首先，使用CINEMA 4D的動態海報設計，是一個需要綜合設計軟件的過程，難點在于需要運用多個設計軟件搭配使用，對設計師而言，不僅要求熟練掌握二維軟件、三維軟件以及相關插件，還要求使用設計軟件的融會貫通，熟悉每一軟件之間能夠相互識別的輸出文件格式，例如在材質賦予和場景塑造中，往往通過貼圖的方式對對象材質進行編輯，材質貼圖的編輯需要借助二維設計軟件進行操作，完成之后置入CINEMA 4D；在CINEMA 4D軟件操作中，動態海報設計完成并不能直接輸出GIF格式（常見的動態海報儲存格式），需要使用Adobe Photoshop、Adobe Premiere Pro或Adobe After Effects進行格式轉換與畫面調整。

其次，運用三維軟件的動態海報設計重點在于提升海報信息傳播的有效性。由于設計手段從以二維設計軟件，如Adobe Illustrator、Adobe Photoshop以及CorelDRAW等轉變為CINEMA 4D，動態海報的設計焦點也因此發生轉向，分別是：1.由基于圖層與通道信息層級設計轉向基于世界坐標與對象坐標的信息層級設計方式，達成三維空間的塑造，使得信息傳遞具有三維空間的視覺層級感。2.以濾鏡、圖層層次關系的圖文層級系統轉向文字與圖形信息的融合與變換構成，讓海報文字與圖像信息具有指涉性。3.由畫面相對固定的海報場景與主題設計轉向動態海報中的三維對象材質搭配與場景塑造，賦予動態海報敘事的情境，使得畫面更加輕易地與受眾產生“共情”。4.靜態的表現畫面轉變為結合時間軸的動態輸出，讓海報從靜態的畫面跳躍到動態的表現形式，產生生動的情節敘事的動態畫面。

（一）基于世界坐標軸與對象坐標軸的信息層級設計

世界坐標與對象坐標共同構成信息元素在定性空間中的區域位置。對于設計師而言，三維設計軟件作為動態海報的設計手段，在一定程度上有利于在動態海報固定的頁面尺寸中處理和加工信息的層級，通過三維模擬空間的操作面板、信息元素參數化調節以及視圖結合對齊工具的相關應用，每一項海報中的信息元素都能夠被有效控制，包括放大、縮小、旋轉，以及配合其他工具實現陣列、克隆、隨機、噪波等多種表現形式，體現動態海報中的空間設計感與信息層級關系。其中，對象坐標軸用于單個信息元素的移動、旋轉、放大、縮小；世界坐標通過一個基點“O”與世界坐標軸，將空間分割為（X，Y）（X1，Y1）（X2，Y2）（X3，Y3）（-X，-Y）（-X1，-Y1）（-X2，-Y2）（-X3，-Y3）幾個區位空間，信息元素排列分布在區位空間當中，具體的坐標信息通過（X，Y，Z）三個坐標參數來說明信息元素在虛擬操作世界中基于世界坐標的位置，如圖1。

世界坐標與對象坐標構成的虛擬操作世界，極大程度地滿足了海報信息元素的層級需求。通過攝像機角度的固定，設計師可以在固定的視角范圍通過調節（X，Y，Z）位置參數對信息的層級進行處理，包括近大遠小、近疏遠密等空間關系，為受眾呈現出具有空間感的、清晰的信息層級關系。

（二）文字與圖形信息的融合與變換構成

在以三維軟件設計的動態海報中，文字、圖形信息呈現出相互融合的表現方式，具體表現為文字與圖形相結合的字體設計，圖形結合文字的物象設計。文字起源于圖形，是在原始圖形的基礎上演進變化而來的，當文字從象形走向寫實之后，文字中原始的圖形因素逐漸淡化模糊，人們只能通過聯想來領悟文字中的涵義。但文字與圖形之間的必然聯系使得設計者能夠在設計時將文字再圖形化，形成了從圖形到文字，再到圖形的一種新的演進過程，但這里面的兩種圖形具有了完全不同的含義，前面的圖形指的是原始圖形，后面的圖形則是指現代設計中的文字圖形化。[7]在文字與圖形信息相互融合的表現方式下，文字與圖形相結合在動態海報中是很常見的，表現為文字嫁接到具體的圖形，以文字為主要設計元素的圖形，通常表現文字的肌理。如圖2所示的海報設計，就將英文字母A和N以三維的方式進行重構，并且賦予三維圖形水泥肌理的效果，使受眾不僅僅對字母重構的涵義產生興趣，同時通過水泥材質觸發受眾視覺和感知覺的刺激，令受眾印象深刻。

圖形結合文字的物象設計。從心理學上講，刺激物的新異性是影響人選擇的重要因素之一。安全陌生和習以為常的形象都不具備新異的特點，都不會引起人們的注意。只有“熟悉的陌生人”才構成新異的刺激物，才能聯結人們好奇的眼神，建立信息傳達的有效路徑。[8]現實物象不僅僅是一種生活的經驗信息，也是在信息傳達的過程中，溝通信息認知與現實產物的引子。如圖3所示，在廣州美術學院2020年畢業展動態海報設計中，“GAFA”作為廣州美術學院的首字母縮寫，將畢業設計展覽形象化，參考年輕畢業生受流行音樂啟發的游戲性圖形元素，與此同時，在整個視覺形象設計中，兩個字母的組合形成一個抽象的三維圖形，一方面可以作為閃耀著霓虹燈透明材質的一個醒目的標志，另一方面，通過字母在一個封閉的圓的基礎上設計出來的三維形象，給予受眾以圓潤、流線性的視覺感受，通過層疊形成一個單一的視覺單元，此視覺單元是引發受眾聯想的現實物象的圖像，某種意義上說，現實物象的攝影圖像是引起觀眾注意的主要部分，是召喚觀眾參與意向再造的骨骼樣式。

（三）三維對象材質搭配與場景塑造

基于CINEMA 4D的動態海報設計，顏色、材質搭配以及場景塑造在使用的工具上不僅僅局限于軟件自帶的常規材質編輯器與渲染器，還包括Cycles 4D、Redshift、Vray、Octane、Arnold等外掛渲染插件，相比較CINEMA 4D的常規渲染器，外掛插件渲染器的實時渲染窗口結合對象材質與環境光照的編輯中采用節點與參數化調節的編輯模式能夠在極大程度上提高生產效率。動態海報對象材質搭配與環境氛圍的塑造，有利于引起受眾對視覺動態信息的關注，并且引導受眾結合自身對相關環境、材質的感知覺“經驗”進行信息分析。

安德森所著《怦然心動-情感化交互設計指南》中闡述了受眾在訪問網站和軟件時，購買實體產品或被某人吸引時的心理狀態，這種交互化的心理就是當人與產品產生互動行為時，產生情感化的溝通與互動。這種互動理念基礎與動態海報傳遞的情感基礎是一致的。[9]例如受眾在觀看一張動態海報中具有兩個綠色果凍材質主體物發生碰撞的場景時，綠色的果凍材質信息會使得受眾對主體物的果凍口味產生聯想，這是青蘋果口味的嗎？與此同時，在兩個主體物碰撞的時間節點，通過材質碰撞物柔體的質感，使得對象碰撞產生彈性，迎合受眾日常生活對此類材質對象的實踐經驗，引發受眾的“共情”體驗。在上述的基礎上加入賦予整個場景霓虹燈的裝飾效果，則會使受眾聯想到電子科技與食品相關信息，產生新的信息反饋結論。通過引導受眾感受主體對象果凍材質碰撞的視覺、聽覺與嗅覺的感官信息與場景氛圍的塑造，使得動態海報在信息傳播方面，更加有視覺吸引力，讓受眾更加輕松地進入結合個體經驗接收、處理信息再到產生信息反饋的過程。

（四）結合時間軸的動態輸出

動態海報與靜態海報的本質區別在于畫面的動態表現與靜態表現，在保存與輸出的格式上，靜態海報儲存為JPEG、PDF、TIFF等，動態海報儲存一般儲存為GIF、MOV、MP4，在設計的技術上體現為時間軸的介入與輸出。以時間軸為核心的動態海報，賦予動態海報單位時間的概念，即將有連續性的圖畫通過逐幀的方式進行時域映射，每一幀都是一個單獨的靜態畫面，通過畫面的連續播放構成動態輸出。動態海報設計師根據需要制作的單位時間進行設定，轉化為統一時間尺度上的錨點操作，進行定點執行。幀率（Frames Per Second）指的是每一秒鐘所含連續性圖畫的數量，幀率越高，畫面連接性越好，畫面相對平穩，反之亦然。我國國內幀率一般為電影每秒24幀、電視每秒25幀或者30幀，在這個常用數值的設置下，肉眼捕捉動圖相對不會出現畫面不流暢或者跳幀的情況。

三、CINEMA 4D動態海報設計方法

運用CINEMA 4D制作的動態海報，輸出的信息層級上具有三維視覺感、文字與圖形相互融合產生新的物象、場景敘事性強烈以及畫面的動態表現幾個特點，具體設計方法如下所示：

（一）CINEMA 4D動態海報設計流程

運用CINEMA 4D的動態海報設計，相對于靜態海報的信息與整理，主要的設計流程還應包括以下幾個部分：（1）參數化與多邊形模型搭建。（2）結合時間軸、關鍵幀、運動圖形效果器實現畫面動態化。（3）外掛實時渲染插件以及模擬渲染。（4）材質賦予與環境燈光調節。（5）參數設置、輸出與格式轉換。

1.參數化與多邊形模型搭建。利用參數化與多邊形建模方式進行模型搭建，包括裝飾元素、文字、主體物3個部分。首先，通過直接調整數值參數的參數化建模方式，對文字信息與背景進行調節，將模型搭建成功后利用對象坐標與世界坐標、捕捉工具、視圖變化，遵循主次信息層級關系明確、近大遠小、近實遠虛的空間關系，對文字信息的層級進行有目的、有規律的安置。其次，利用多邊形建模方法，在點、線、多邊形3種模式下，利用倒角、擠壓、偏移、焊接、優化等網格、樣條、體積編輯工具對裝飾元素與主體物模型進行搭建，同時根據文字信息調整畫面，具體如圖4所示。

2.結合時間軸、關鍵幀、運動圖形效果器實現畫面動態化。主要畫面模型搭建完成后，對時間軸和關鍵幀進行編輯，通過結合時間軸的關鍵幀捕捉海報主體元素的位置、縮放、旋轉信息，編輯單位時間物體運動的速率和強度，實現畫面動態表現，如圖5所示。

4.外掛實時渲染插件以及模擬渲染。由于CINEMA 4D的常規渲染器并不能夠做到實時渲染，通常在設計的過程中將結合外掛渲染插件進行輔助設計，例如Cycles 4D、Redshift、Vray、Octane、Arnold等，從實時渲染窗口的預覽、材質庫的參數化與節點調節、攝像機鏡頭庫等方面提升設計效率，如圖6與圖7所示。

5.材質賦予與環境燈光調節。模型與場景搭建完畢后，由于沒有燈光的照射，輸出的圖片不能呈現出場景元素，這就要求將材質賦予到模型，并且根據場景進行環境燈光的調節。

材質賦予，通過對材質的不同參數進行調節，包括顏色、漫射、發光、透明、反射、環境、凹凸、Alpha、置換等方面，使模型、材質質料、匹配位圖、環境光相契合。

環境燈光包括模擬環境光、模擬日光、HDRI環境貼圖、點光源、面光源幾個部分，通常是結合多種燈光對場景進行光源設計，需要對場景的色溫、強度、冷暖、虛實、投影進行多次調節。

以圖8為例的動態海報設計中，以產品級HDRI環境貼圖為環境光照，兩塊發光板作為主要燈光，負責調節場景的色溫與冷暖，三個點光源作為輔助燈光，負責調節場景的投影與冷暖關系，如圖9和圖10所示。

6.參數設置、輸出與格式轉換。動態海報設計完成后，為了能夠讓設計作品在眾多電子媒介中應用，需要進行參數調節與輸出，由于CINEMA 4D沒有GIF輸出格式，需要先輸出為MP4的格式，再結合Adobe Premiere Pro將其格式轉換為GIF，具體參數設置如圖11所示。

（二）案例設計展示

通過上述CINEMA 4D的動態海報設計流程，得到相關動態海報設計作品，見圖12。

結論

以CINEMA 4D為例的三維軟件在動態海報設計中，通過模擬材質賦予，世界坐標與對象坐標對海報空間關系的塑造以及以時間軸為動態原理的參數化設置，可以為動態海報增添場景塑造的效果，對受眾而言，提高了敘事場景的可視化效果，為動態海報的信息可視化設計提供了有效途徑。

參考文獻

[1]任蹦蹦，王安霞.視覺信息在動態海報中的敘事性研究[J].設計，2020，33（04）：110-111.

[2]王煒麗，王錦洪.動態海報設計研究[J].美術教育研究，2018（13）：58-59.

[3]包艷秋，潘云華.動態海報中的“動點”研究[J].藝術研究，2017（04）：84-85.

[4]陳智勇.基于Cinema4d建模工具在角色模型制作上的應用[J].華東科技，2022（03）：66-68.

[5]孫春燕.Cinema 4D與影視后期合成軟件的交互應用研究[J].西部廣播電視，2021，42（15）：234-236.

[6]鄒勤，許力.sss海報設計的創新實踐探索[J].設計，2018，300（21）：138-139.

[7]魏麗紅.海報設計中的文字圖形化方式研究[J].美苑，2013（03）：52-53.

[8]張軍.風物性靈——海報設計中的現實物象介入[J].美術觀察，2017（03）：96-97.

[9]齊博悅. 動態海報的設計與展示研究[D].北京郵電大學，2017.