三维软件在动态海报中的设计应用研究

2023-10-02赵子谦冯羽萱杨柳

设计 2023年17期

赵子谦冯羽萱杨柳

摘要：研究以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所示。