专栏名称: 优秀网页设计
优设网官方帐号,国内知名设计师学习平台。和大家一起来利用碎片时间学习设计和PS技术吧!
目录
相关文章推荐
庞门正道  ·  关闭口福。 ·  4 天前  
ZaomeDesign  ·  每日灵感丨十一月二十二日 ·  2 天前  
优秀网页设计  ·  权志龙新造型复出!网友:这怕是我妈也能驾驭! ·  5 天前  
交互设计学堂  ·  微信AI音色克隆上线!一场悄然无声的技术革命 ... ·  6 天前  
51好读  ›  专栏  ›  优秀网页设计

想学!做MG酷炫动画前你需要做的4个步骤

优秀网页设计  · 公众号  · 设计  · 2017-05-10 13:06

正文

Motion graphic是什么?简单来说,它们就是讲故事的动效图。这种动效图结合了变换的文字和图像,不仅仅局限于2D,还可以是3D的。由于动效图能够有无限的效果,所以近年来它变得越来越受欢迎。

如果你还是不太明白什么是动效图,可以看看下面这个由Column Five 公司制作的例子:


Column Five - The value of data visualisation on Vimeo

视频的应用日渐增多,动效图也成为了比以前普遍的媒介。这两者都是极好的“说书人”,但是它们的创作方式并不完全相同。一幅让人看了欲罢不能的动效图里面包含了许多重要的元素。

如果想要设计出成功的动效图,你需要认真考虑下面所说的每一个步骤。C5 已经有差不多十年的制作动效图的经验,尽管如此他们还在不断地学习动效当中。为了让初学者能够迅速了解自己需要掌握什么,他们总结了四个动效设计的必备步骤,并且提出了不少小建议。

写一份完整的剧本

这是非常重要的一点,因为动效图的时长很短,你大概只有30 - 90 秒左右的时间去“讲故事”。这就意味着你并没有很多时间,但你又想尽可能把所有信息塞进作品里面,因此你的信息必须是简单明了并且是重中之重的。

写故事以前,问问自己下面这些问题,或许会让你灵感大发。

谁是我的读者/受众
我想要我的他们学到/记住/做什么
我想要他们有什么样的感受
记住: 动效让你可以综合各种方法去讲故事,但是你不需要在各种方法当中重复同样的信息

动效图让你可以使用动作,声音和其他方法来叙述故事,而不是像静态的信息图那样需要依赖视觉和重复的信息。写剧本的时候,考虑一下故事当中,哪些部分是最能通过以下的点来表达传递给受众的。

1. 字幕/文字

像是在商务会议这种场合上,文字比声效要更来的合适。 字幕是很好的讲故事工具之一,它能够抓住你的受众的注意力,因为当人们阅读的时候,注意力会比较集中。

2. 旁白

我们不难发现,很多大公司的广告里面都会有属于他们品牌的“声音”。旁白是一个逐字表达品牌概念的工具,它伴随着屏幕动画出现,跟画面一起并肩作战。但要注意的是,千万不要过度使用旁白,比如让旁白去读你公司去年的销售额是非常浪费的,毕竟这种信息,可以通过屏幕里的数据表格快速和有效的展现出来。

3. 结合上述两者

就如上文提到,旁白和图像的合作对于数据的视觉表达是非常有效的。旁白不仅仅可以更清楚地演示一个视频,更能在你想要说明屏幕上的某些标签的时候提供帮助。

4. 只用图像

尽管这种方法并不常用,但是你还是可以尝试创作一些吸睛的图像去代替文字(想像一下商务演示之类的场合)。

进行头脑风暴和画分镜

画分镜,是一个让剧本和画面结合的阶段,有了它你才能够看到整个设计的雏型。

C5团队画分镜的阶段是由设计组和制作组的成员一同进行头脑风暴开始的,这种合作非常有利于将剧本写手(制作人)和画手(设计师)的想法结合在一起。

在这个阶段,他们通常都是先在在白板上画出框架,反复研究剧本,然后才将想法画出来,一步步把剧本变为作品。

 把分镜变为设计

创作任何视觉作品,风格和色彩的表达就像是讲故事一样。当你想要展示自己的品牌核心的时候,简单明了的方式能给你的受众更深刻的印象。

一旦C5完成了分镜的原型,他们就会着手于将它们转化为实际的设计上。所有在这个阶段所做的工作都会应用到最后的动画当中,因此他们会花大量的时间去细化这些设计,并确保它们能正确地使用。注意:画分镜的人如果能监督这个过程,将会事半功倍。

这个阶段,通常会做一些视觉的记录,方便团队和合作方检查,然后才会将设计稿移交给动画组做最后的编辑。

让设计动起来

这个阶段可谓是将前面的所有准备的结合在一起。只有前期的每一步都做好了,才能继续将它们由静态的变为动态的,每个人都功不可没。这时,动画和其他元素的使用跟剧本一样重要。可以说,确保所有东西在这个阶段保持一致是非常重要的,为此我们需要考虑以下几点 :

1. 动画风格

这不仅仅是指画面的淡入淡出,更是指如何将一个动作的变换贴切地融合到故事里面。场景的切换会切断传达效果,所以a点到b点的变形必须是要讲故事表达连贯。毕竟,你并不想观众观看的时候感到困惑或是震惊。

2. 时间

节奏很大程度影响了你的动效图的阅读量,太快的话人们很有可能捉不住你想说的话,反之,节奏太慢人们可能就没有耐心看下去。节奏能够捉住人们的注意力,考虑一下把握节奏变化去增加整个动效的效果。

3. 音乐

和其他元素一样,音乐也是另外一个引导故事的工具。它能够影响情绪,填补空白以及影响故事的基调。

4. 音效

并不是所有人都用使用音效,有的动画师觉得应该用元素本身的属性来表达故事。但也有认为音效是必不可少的的动画师,但是他们只在关键的部分加入音效,并且这些音效不会抢了故事本身的风头(这一点也适用于我们现在所谈的其他元素)。

如果你把这些步骤都做好了,那么你很可能就会得到像以下的例子差不多的作品:


Column Five - Building iconic destinations on Vimeo

结语

以上就是大团队用经验提炼出来的方法,希望各位小伙伴看了以后可以有所得益,创作出好作品。点击阅读全文可以查看原文链接获得更多关于设计的资讯。

优设译文:岩盐盐盐盐
原文作者:Travis Keith
封面设计:Kota Yamaji