β

平面与动画的结晶-Motion Graphic

一 .什么是Motion Graphic

相对于角色动画而言,Motion Graphic(以下简称MG)最大的不同似乎在于其内容形式的不同。

透过现象看本质,MG与CM(角色动画,Character Movie)的最大区别,在于诞生的土壤,也可以说是诞生的目的。

角色动画是我们常见的,它的目的都是用角色来讲述一个故事,只是承载媒体的不同,其实本身与小说,电影,戏剧并无目的上的不同。

而MG的诞生,在最初是带着实验的性质——各种技术发烧友在尝试各种动态图像的表现可能性。以至于过去MG往往就是“看不懂”的代名词。

下面这个视频有更直观详细的解释:【What is Motion Design(Chinese)】

二. 为什么要谈MG

在现在的互联网环境下,设计师(视觉平面)是最大的资源。基于这个客观条件,和执行的目的这个主观条件,就有了现在常见的各种MG——以平面设计为基础,以优秀的动态设计和执行为展示方式,去更好的达到目的。

其实说白了,就是以策划(产品)和视觉设计师为主导的动态作品。

无论是设计师为了更好的和开发沟通而制作的,

基于设计师的优秀出品,再次之上做动态优化,

或者是设计师先出基于脚本分镜的画面设计,再通过动画后期制作成短片。

乃至是需要特效或者3D支持的效果,依然需要设计师在前期的效果预览沟通的支持。

所以,MG可以说是互联网行业的客观人员环境下的必然产物,重要性不言而喻。

这里放一个很典型的[平面设计→MG]作品,来自阿根廷 的Alejo Accini:【JujubaLand Reel 2011】

可以看到作品中的素材很多都是传统的平面设计作品,通过设计师的动态设计,呈现出一种丰富多彩的视觉体验。

既然是从视觉设计开始谈,那么就不得不研究下视觉的基本元素的动态设计。

任何一个画面都是由点,线,面构成的,只是复杂程度不同。

而在IOS 7推出后,扁平化设计更是来到了一个里程碑似的阶段。越来越多的设计偏向极致的简约,所以基础的点,线,面动态设计的研究价值就显得非常大了。

文字是几乎所有画面都会出现的元素,很多时候更是画面呈现的核心,那么除了简单的渐出渐现外,拥有丰富造型及多种多样字体的文字动态设计就有大把花样可以玩了。

图片素材是设计师构建画面的工具,就纯粹的照片而言,经过后期的加工,也可以呈现动态立体的感觉,极大的丰富了图片本身的表现力。

三 Motion Graphic的制作

形式(呈现的效果)与方式(制作的方法)总是互相影响的。一个出品MG的团队,最初可能会以形式(设计师)为主导,动画师负责呈现,而很多时候双方都会相互限制,比如很好的平面效果却不适合动画表现,或者动画的制作水平限制了平面设计师的设计空间。

经过了更多的磨合后,最好的结果能达到一个互相促进的状态:设计师更加了解动画的表现手段,制作出更适合动态表现的前期作品,动画师也建立起快速有效的制作方法,留出更多时间支持后期的制作。

 平面与动画的结晶-Motion Graphic      平面与动画的结晶-Motion Graphic

平面与动画的结晶-Motion Graphic      平面与动画的结晶-Motion Graphic

平面与动画的结晶-Motion Graphic

平面与动画的结晶-Motion Graphic      平面与动画的结晶-Motion Graphic      平面与动画的结晶-Motion Graphic

以上内容只能说是以一叶去谈秋。MG本身就是一种对于动态视觉呈现的探索,就软件而言,只是工具,更重要的还是在于工具本身是否能最好的达到目的。

但是掌握主流的表现工具对于工作而言是非常重要的,以后有机会再深入谈具体的制作。

四. 小结

无论是提升设计的表现力,或者是以已有团队为基础出品动画作品,MG都是一个避不开的话题。

笔者就自己的经验,小小了总结了两种制作的套路,以供参考。

以效果为导向,也就是找到合适达到目的的表现方式,以参考效果为指标,结合需要表现的内容,去制作作品。流程如下:

1 .效果(预想,参考)

找到合适的参考效果,或者制作预想的效果平面图,以此为效果图乃至分镜。
平面与动画的结晶-Motion Graphic

2 .效果测试,确定制作流程及软件平台,制作DEMO;预估制作周期

确定了效果,却不一定是制作者已经熟练或者了解的技术手段,所以需要测试需要用怎样的流程可以达到,尤其特效类,这个过程除了考虑怎么能达到预想的效果,更重要的是考虑制作的周期。一般笔者会把技术预估的周期X1.5,因为不是熟练的手段,所以中间会遇到不少问题,要预留出现意外的时间。


3. 制作,修改。

按照之前定下的制作时间表执行及修改。


 

说明类:以内容(文案,平面)为导向

当下常见的许多网络视频都是这类,结合时下的热点撰写内容,并且以流行的MG形式制作,让受众轻松的接受,一般而言在网络传播,以三分钟以内为佳。流程如下:

1 .确定内容(脚本,旁白)

首先要确定所要讲的所有内容,一般文字量与最后作品的时间可以以1秒钟四个字折算。

2 绘制分镜,确定画面内容

在文字内容大体定下来后,可以结合表现手法做一些调整,让文字内容更匹配整体的节奏。

结合分镜的绘制做最后的调整及确定。

平面与动画的结晶-Motion Graphic

 平面与动画的结晶-Motion Graphic

3. 确定风格细节,制作平面,录制配音

由于工作量较多,一般这类动画都会采用制作团队比较熟练的表现手法。一般不会在画面风格阶段花太多时间(具体要看需求和客户要求)这个阶段一般都需要快速的制作平面,才可以更快的进入动画部分。配音的录制也非常重要,动画需要配合旁白的节奏进行制作。

给客户挑选的风格

平面与动画的结晶-Motion Graphic

平面与动画的结晶-Motion Graphic

确定风格后制作的平面

平面与动画的结晶-Motion Graphic

平面与动画的结晶-Motion Graphic

4 .动画制作及后期

拿到平面之后,动画就可以制作了,一些比较特殊的效果可以预先制作。音效,后期,结合时间和成本还有技术手段去做。

以上都是笔者在工作中累积的经验及学习得出的一些总结,希望对同学们有参考意义,欢迎留言交流讨论学习。

作者:腾讯ISUX - 社交用户体验设计 - Better Experience Through Design
Tencent Internet Social User Experience
原文地址:平面与动画的结晶-Motion Graphic, 感谢原作者分享。

发表评论