1、教育科学 科 学 咨询 第17 期(总第815 期)252MG 是Motion Graphic动画的简 称，是视听 信 息 传播 的新媒介1，通俗 地讲 就 是 将扁 平 的信 息动态 化，使传 统 标 志 拥 有 新 的 表 现 力和生 命 力，适 应 新 媒 体 时 代的 传 播 需 求。不 同于 传 统 的 静 态 图标，动 态 图标 可 以把标志 所要 传 达的信 息 更加直 观、更加生 动、更加具象 化 地 传 递 给 大众，让大众拥有 更 好的视觉 体 验，符合 新媒 体时 代的审美 趋 势 和传播 需 求。动 态 图 标 不仅 比 静 态 图 标 更 有 吸 引力，更 具 时 代
2、气 息 和 时 尚 感，而且在 制 作上 相 比 于 传 统 的 动 画 制 作也更 加 简 便、高 效，不仅制 作周期 短，对 制 作 者 的 专业技 能 要 求 也 不 是 特 别 高。因 此，为 了 更 加 直观地 展 现 标志 设计，让 传 统 标 志 设计 在 信 息 传 播、交互 设计 以及 视觉 效 果 上 更 有 优 势，可 以 将 MG动画与传 统 标 志设 计 进行 有机 结合，以实现标志 的动态化 设 计。一、软件的选择和分析MG 动画制作 过 程 分为图形 设 计 和动画 设 计两个 阶段2。图形 设 计阶段 虽然 相 对 比较简单，但MG动 画的图 形 设 计有别 于
3、 传 统 的 美 术 设 计，基 本上 是以矢 量 图 形 的 形 式 呈 现，可 以 选 择的软 件 有Photoshop、Illustrator 等 图 形 绘 制 软 件。在 动 画 设 计阶 段，主要包含 动作 和 节 奏 的 设 计，强 调 的是 通 过 图 形 的 动作 和 节奏 设 计，实现 声音的可视化，软件 上 则可以 选 择Flash、After Effecets 等 软 件。MG 动画 在 标 志设 计中的 运 用探 析高 敏 钦，陈 曼 曼（福建农业职业技术学院，福建福州 350300）摘 要：文章主 要 研 究 在 新 媒 体 时代背 景下，基于 PS、AI、AE 等
4、软件，通过理论知识和软件技术的研究，在传统标志设计中引入 MG动画对标志进行动态化设计，通过分析标志动态设计的基本原则，从图形的色彩、空间形状、质感以及特效使用等方面，对动态标志的类型进行分析，总结了MG动画在标志设计中应用的常用基本方法和技巧，帮助平面设计者更加简便、高效地实现动态标志的设计，拓展和丰富标志的表现形式，适应新媒体领域的传播需求。关键词：MG动画；标志设计；动态标志基金项目：2021年度福建省中青年教师教育科研项目（科 技 类）（项 目 编 号：JAT210789。项目名称：MG动画在 标 志设 计中的 运 用 探 析）。作者简介：高 敏钦（1984），女，福建福州人，讲师，硕
5、士，主要从事计算机应用研究。二、标志动态设计的基本原则（一）可 识 别 性标 志从本 质 上 说 是 一 种 标 识符 号，它 最 主 要 的 功能 是属 性的识别，可 识别性 是标志最 基 本的功能。因此，在 进行标志的动态 设 计 时，首 先要兼 顾的是标志的可识 别 性，而后才是 动 态 视 觉 效 果 的 设 计。（二）便于记忆性动 态 标志 设计 分 为 平 面 设计和 动 态设计 两 个阶段3-4。在平面设 计阶段，尽 量摒 弃繁 琐的修 饰，保 持标志的简洁 性。在动态 设 计阶段，不 能为 了 丰 富标志的动态效 果 而 破 坏 标志的简洁 性。（三）适 用性动态标 志设 计
6、的最 终目 的是 要用于传 播 和宣传，如果 无法 让 观 众 直 观 地 看 到 动 态 标志 设 计的 效 果，或 者说 需要 使用 专 业的软 件 才能 看到 标志的动态效 果，那么 这 个 动 态 标 志的 设 计将 毫 无 意义。因此，MG 动画 在标志设 计中应 用的最终呈现 效 果一 般 都采用GIF格 式，主要 目 的也是扩大受众群体，达 到直 观的展 示效 果。（四）时代 性标志 设 计 并 不 是 一 劳永 逸的，平 面 标志 是 与 企 业或 产 品 的 形 象 共 存 和 发 展，它 的 更 迭 周 期 一 般 是 10 年一周期5，动态标志 所 展 示 出 来的 风
7、格 特 点 同样 要 与时代契合，与时俱 进，保 持 动态标志的新 鲜 感 和技 术性。三、动态标志设计的常见手段和方法标 志 的 基 本 构 成 要 素 包 括 点、线、面 和 色 彩 等 4 个元素6-8。点、线、面以不同的 方 式进行 组合，可以演 变出不 同 的形 状。标 志的 所有 构 成 要 素 都 可 以 进 行 动 态改变，为 了 让 标志有 更 好的 视觉 表 达效 果，可 以赋予 标志各种 类 型 的 材料质感，结 合软件的 效 果制作 方 法，形成动态标志并添加声音，提升 标志 信 息 传播的感染力。与平 面 标 志设 计 的限 制因素不 同，动 态 标 志设 计第17
8、期(总第815 期)科学咨询 教育科学253最 主 要 的限 制因素是 软件 技 术，不 同的 软件 技 术 和 手段 制作 出 的动态标志差异性 较 大，效 果 不 尽 相 同。本文从 色 彩、空间 形 状、质感 和特 效等 元 素 进行 分 析，总 结归 纳 动 态 标 志设 计 的 常 用方 法 和 技 巧，帮助 平 面 设 计者更 加简便、高 效 地 实现动态标 志的 设 计。（一）色 彩当对 一 些 以 色块 为 主的 标 志进 行 动态 设 计 时，可以侧 重于 色 彩 的 动 态 展 示，最 简单 的 手段 是 用PS软件进行GIF动 图 设 计。文 章 中 以 PHOTOSHO
9、P为 例，从 颜色设 置 和时间轴 设 置 进行 文 字的动态效 果图制作。1.颜色设置色 彩 是 标志 的 主要构 成 元 素，是 视觉 传 达的 第 一要素9-10。动态标 志的色 彩除 了 遵 循平面标 志 色 彩 设计 的基 本 原 则 和 方 法 外，更 侧 重 于 色 彩的 动 态展 示 效果。为 了更 好地突出 案例 中文 字色 彩的多样 性，案例 中给 每个 字 母设 置 的 了 赤 橙 黄 绿 青 蓝 紫 等 不 同 的 颜 色。2.时间轴设置在PS软件中制作GIF动图的 基 本 方 法 是 时 间 轴 的设 置，时间轴就是 动 画 的帧，每 个 动 图都 由 若 干个 时间
10、轴组 成，时间轴的连续播放 就 形成 了 完 整的动图过 程。如图1所 示，先 将 PHTOSHOP 单 词 中 的每 个字 母 逐个建立 图 层，打 开“时 间 轴”工 作 窗 口，将 第 一 个 字 母图 层作 为 起 始 的 动画 帧，第二个 帧 即 对应 第二个 字母 图 层，以此 类推。延 迟时间 的设 置 以 及 图层位 置的设 计 直 接影响动态的 视觉效 果，因此，在 完成时间轴的基 本 设 置 后，还需要对 播 放 效 果 进行 调 试，以 达 到 最优的 视觉效 果，最 后再 保存为GIF动图格 式。图 1 PS动图时间轴设置（二）空 间 形 状MG 动 画 在 标志 中
11、的运用 从 本 质上 说是 让 标志 动起 来，标志 动 起 来 的表现形 式主要有两 种：一 种是形状 上 的变 化；一 种 是 空 间感 的变 化。在实 际 应 用 中，为了更好地展 示动态效 果，一 般是将两种形 式有机 结合，从 形 状 上 展 示 标 志 的 细 节 动 态 效 果，从 空 间 感 展示标 志的整 体 动 态 效 果，文 章 以 东 京 奥 运会 的 射击 动态logo 制 作 为例进行 探析。1.AI基础图形绘制打开AI 软 件，设 置 合 适的 画布大小。该案 例 中 的射击 图标 是 一 个 简 化 的 图标，其 中 基 础图形 的 绘 制 直接 运 用矩 形工
12、具 和 直 线 工具 绘 制，非 规 整 图 形 的 手 臂和弓箭 部 分 则 是 通 过 布 尔 运 算 进 行 图 形 的 叠 加 完 成绘 制。然后，新 建一 个图 层，应 用 钢笔 工 具 在 射击图形的边 缘 上 创 建 动 画路径。动 画路径 需 要 使 用 单 独 的形状，以 方 便 后 期 的 合 成。2.AE合成该案例 中的动态的效 果包括旋 转和位移，动态过 程 不 是 单 一 元 素，直 接 用 PS软 件无 法 完 成，因 此，需 要应 用AE软 件 中 的 关 键 帧 来 实 现。在 AE软 件 中，通 过设 置关键帧实现 射 击 动作的位移、旋 转，并通 过Over
13、shoot表 达 式 来 实现图形元 素的弹 跳 效 果，让 设 计运 动更 加流畅。打开AE软件，创建一个新的合成，大小为800*600，持 续 时 间 设 置 为 3秒，其 他 参 数 默 认。接 着 新建一 个固态层，回到AI 软 件 中，复 制 第 一条路 径粘 贴 到AE 固态层 中，运用 同样的 方 法 将 其他 路径 逐 一复 制 到固态层 中，即给 每 一条路径 创建一 个 新的固态层。该案例 中要形成 淡 入 的 效 果，因此，先 将第一 个关键帧的透明 度 设 置 为0%，后一 个关键帧的透明 度 设 置为100%，制 作过 程 中 设 计 者 可 以根 据实 际 的效 果
14、需 求设 置合 适的参 数。为 了 确保 预期的效 果，案例 中一条路径 一 个固态层，将 开 始 和结 束的 关键帧 位 置错 开。完 成 调 试 后 添 加 蒙 版，再 从 AE软件系 统中选 择 合适 的 预 设 特 效，最 终 效 果 图 如 图 2 所 示。图 2 射击动态标志（三）质 感 和 特 效标志设 计中常 见的微 质感 有玻璃质感、塑料 质感、金 属 质 感、木 质 质 感 等，新 媒 体 时 代 背 景 下，伴 随着 技 术的 发展和进 步，让特 效在 标志 中 的 应用 成 为 了可 能，有 效 提 升 了 标 志 动 态 设 计 的 视 觉 效 果6。文 章 中以 火
15、 影忍 者 写 轮眼为例进行 质感 和特 效的制 作。1.写眼轮基础图形绘制首 先，在 PS软件中新 建 一 个 合 适 大 小 的 文件，接着 运 用形 状 工具 结 合布尔 运 算 绘 制出写眼轮 的 基 础 图形，主要是眼睛 背景和 扇 叶的绘 制。完成 基 础 图 形的绘 制 后，给 图 形 添 加 木 质 纹 理、内阴影、光 泽、高 光 等教育科学 科 学 咨询 第17 期(总第815 期)254图层样式 效 果。随 后，新 建图层，用 钢笔 工 具 在 图 形 边缘 上 创建 动画路径，为 了更 好的效 果，创建 了6条 路 径，这些 路径 主要 用 于 制作动效。2.动态效果制作
16、 打开AE，创建 新的合成，为路径 逐一建 立固态层。接 着，添 加“描 边”特 效，选 择“在 透 明通 道 上”绘 制风格。写 眼 轮的动态效 果主要是 旋 转，首 先将 需要 旋 转的扇叶图形合并 成 组，设 置 好旋 转 角 度，该案例 中设 置 的是30。接 着，复 制 15个 旋 转 图 层，并 将 固 定 不 动 的 眼 眶背景 图 复 制 到 多个 时间轴 中，逐个 对 应 好 时间 帧 与 图层，接 着 设置 帧 与 帧 之 间 的 延 迟 时 间，该 案 例 中 设置 的延 迟 时间是0.3秒，以 达 到快 速 旋 转的效 果。3.调试和优化AE 中缓 动 的 类 型 有很
17、 多 种，右 击 关 键 帧 进 行 选择，该 案 例 选 择 的 是 柔 缓 曲 线，预 览 下 动 画 效 果，如 果不合 适可以 更 换缓 动 类 型，调 试 到满 意。完 成调 试 后，对 动 画进行优 化渲 染，选 择“图 像 合 成 添 加到渲 染队列”，选 择合适的输 出 位 置 和格式，案例 中选 择的是GIF格 式。最 终 效 果 图 如 图 3 所 示。图 3 写轮眼动态标志四、结 束 语伴随 着 新媒 体时 代 的 发 展 以 及 软 件 技 术的 不断 进步，传 统的平面标志设 计已不能完 全 适应 市场的需 求，动 态 标 志应 运而生。动 态 标 志设 计 相 对来
18、说 是 一种 比较 新的 标志 形态，不同于传 统 的 标志设 计，动态 图标的设 计 方 法 和 技 巧 不 断 的 推 陈出新，除 了 需 要 在平 面 软件中完 成 基 本 标 志图 形 的 绘 制，还 需 要 使 用动画 软件对 标志进行合 成，完成动态制作，设 计 工 作 者的设 计 需要与 时 俱进，与 技术 共 同 进步。本 文通过理论知 识 和软 件 技 术 的 研 究，在 传 统 标 志 设 计 中 引 入 MG 动画 对标志进行 动态化设 计，分析标志动态 设 计的基 本原则，从图形的色 彩、空间形 状、质感以 及特 效使 用 等四个方面，对 动 态 标 志 的 类 型 进
19、 行 分 析，总 结 了 MG 动画 在 标志 设 计 中应 用的 常用的 基 本 方 法 和 技 巧，帮助 平 面 设计 者更 加简便、高 效 地实现动态标 志的 设 计。参考文献：1 王洋.新媒体时代下 MG 动画动态图形传播的优势 J.今传媒,2020(7):65-67.2 鲍晓宇.动态图形在视觉传达设计中的发展与应用 J.大众文艺,2017(21):109-110.3 许一兵,许肖潇.动态图形设计 M.上海:上海人民美术出版社,2013.4 范霖.数字媒体时代下的动态标志设计研究 J.绿色包装,2021(7):100-103.5 马玉婉.浅析东京奥运会中动态标志设计的应用J.流行色,2
20、022(2):37-39.6 梁伟.动态标志设计特征与应用研究 J.包装工程,2017(12):57-58.7 周春月.浅谈 MG 动画在新媒体环境下的发展与应用 J.美术大观,2016(10):138-139.8 宋慧敏.MG 动画市场应用前景分析 J.中国市场,2017(24):74-75.9 沈亚彬.色彩在平面设计中的应用趋势 J.中国包装工业,2015(13):67.10 于洋.色彩构成在游戏动漫与平面设计专业的应用 J.电脑编程技巧与维护,2014(12):145-147.The application of Motion Graphic in logo designGao Minq
21、in,Chen Manman(Fujian V ocational College of Agriculture,Fuzhou,350000,P.R.China)Abstract:In this paper,under the background of new media era,based on PS,AI,AE and FLASH software,MG animation is introduced into traditional logo design to carry out dynamic logo design,through the four aspects of colo
22、r,space shape,texture and special effects,this paper analyzes the types of dynamic signs,sums up the ways and methods of dynamic design of signs,and expands and enriches the forms of expression of signs,adapt to the communication needs of the new media field.Key words:Motion Graphic;Logo design;Dnamic design
