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动画在标志设计中应用的常用的基本方法和技巧，帮助平面设计者更加简便、高效地实现动态标志的设计。