动态设计的思考

Motiongrapher更新了一篇专栏文章,标题叫「6个关于动态设计教育的问题」。文章罗列了一些动态设计教育里出现的主要问题,比如本科课程时间太短、师资质量问题、学费过于昂贵,甚至是「动态设计」(motion design)本身的定义模糊,与传统动画艺术教育碰撞,所带来的一些不兼容问题。

首先可以看出,对于国人来说,还远远不到需要为这些问题担忧的时候,因为目前国内几乎还没有叫「动态设计」的课程或专业,也没有专门针对「动态设计」的系列课程。不过作为一个动态设计师,还是多未雨绸缪一些比较好。

身为动态设计师,必须直视「动态设计」与传统艺术形式的诸多不同之处。动态设计融合了平面设计、动画、电影,每一种将其拆开,都会是捆庞大的分支,这意味着动态设计师需要专精更多的方面。在现今互联网技术和交互多媒体的快速兴起之势下,动态艺术家也许还需要掌握编程技能。

这是一篇很有启发性的文章,推荐学习动态设计的同好阅读。不过我对文章下的一篇评论更感兴趣。评论的作者叫Casimir Fornalski,本身也是一位教授动态设计的老师。他讲了几个在做动态设计时,经常碰到的问题或是心得看法,看过很是赞同。所以特地搬过来,简要翻译一下,欢迎交流。

———————————————————————————————————————————————

Casimir Fornalski 

April 1st, 2015

I really appreciate how you called out the importance of good producers on projects and couldn’t agree more. The best projects I’ve worked on have always been under the supervision of a sharp producer with a keen understanding of the motion workflow and how scheduling, feedback rounds and client communication affects the process. They may not be doing the nitty gritty animation work themselves, but their own hard work and unwavering ability to stay on top of things is invaluable to a project.

我非常理解,一个好的制作人是多么的重要!我所参与过的项目里,那些最出彩的项目,通常都有一个很犀利的制作人来负责整个流程,包括时间表安排、命令反馈、与客户的沟通等等。他们也许不会参与很细节的制作,但他们的努力与坚持,为整个项目的成功作出巨大贡献。

Since I’ve taught motion design I can offer you some insights into how I structured the course:

因为我也教动态设计,所以我可以谈谈我的经验:

Fundamentals in Graphic Design

平面设计基础

Many of my students were fresh out of high school, so they had no experience with graphic design. I made sure to spend time—up front—covering the basics of good layout, grid systems, typography and color theory. We spent several weeks on this (not nearly enough, I know) before we even opened After Effects, and while the students were a little miffed up front, most of them expressed to me afterwards how valuable this primer section of the course was in improving their skills.

我的很多学生刚从高中毕业,完全没有平面设计的经验。我就必须先教一些基础的内容,比如版式设计、排版、色彩理论之类的。这要花去好几个星期,然后才开始用AE。我的学生回忆说,这些前期学习,对他们之后的动态设计制作帮助巨大。

Motion Design vs. Traditional Animation

运动设计 vs 传统动画

I made it a point to emphasize, as you said, that motion design is “graphic design + motion.” Since I had a few students who wanted to be character animators and work on Pixar-ish 3D films, I felt it was important to call out this distinction. The term “animation” is often used as a general descriptor and can cause confusion, especially when artists specialize in one field but a job requires another. I don’t think there’s anything wrong with specialization, and I encouraged my students to pick an area they really felt comfortable with and hone their skills in that rather than trying to master all trades and techniques. It’s not necessary to know how to do everything, and my experience has been that agencies will always find and bring you in as a specialist if they know you’re exceptionally good at that particular skill.

有一个笼统的称呼——「动画」——容易与动态设计引发混淆。有时候你说你是做动态设计的,但用人方说他们要招的是动画师。不过我没有觉得有什么专业上的不妥。只要你觉得合适,专注于这个领域,不断磨练自己的技能就行。你没必要什么都会。我的经验是,如果用人方知道你在这方面很强,他们就会把你当作专家,招你进来。

Lead the Eye

引导观众的视线

This was a mantra of mine in the course and every single exercise and project we went through was weighed against it when it came time to review. If there’s one critical skill in motion design, I believe it’s this: the motion and movement of elements must always be drawing the viewer’s eye to the next important bit of information. This is as much a skill learned in traditional filmmaking as it is graphic design, and yet I felt I was seeing it undervalued in some of the other motion courses I took or observed. It’s one thing to make a sexy, fluid bit of animation that looks sweet as a standalone GIF, but a great motion designer must be able to seamlessly blend that with other moving parts over a period of time and never lose the viewer’s focus.

我觉得做好一个动态设计的关键是:运动元素必须始终引导观众的视线,从一个重要信息点移动到下一个。就像是运用了电影技法的平面设计。做一个优美流畅的GIF动画是一方面,身为一位伟大的动态设计师,必须有能力让运动部分始终不离观众的视线焦点。

Procedural Thinking

制作流程的思考

While I love manual keyframing, it can be woefully inefficient in many cases, especially when deadlines are looming. This is why I set time aside to teach expressions and workflow practices that, while not super-deep (no major coding as this was a general course), still tuned students in to the idea of thinking five steps ahead in everything they do. It’s not enough to worry only about the frame in front of you, you have to be conscious of how elements can connect and drive each other as well as how smart project structuring will lead to faster, more efficient workflows.

我喜欢手动K帧,但很多时候真的无能为力,尤其是临近截稿日期。这就是为什么我要花时间教学生画制作流程表的原因。虽然不会思考得很复杂,但至少要提前五步构思好流程。盯着你眼前的那一帧是没用的,你必须思考各元素彼此连接运动的机制,以及怎么设计整个流程,可以让制作变得更简捷高效。

———————————————————————————————————————————————

个人尤其赞同后两点。引导观众视线看似简单,做到位是需要很丰富的经验的。还有流程思考也真的非常重要。做过动态设计的同好一定深有体会,做到一半发现不对,然后推倒重来的情况时有发生。这个技能也是需要尽力学习与完善的。

AE中圆环的三种做法

AE中三种圆环制作方法的整理。Motion Graphic中常用第一第二种。

形状图形法

1.新建圆形形状图形
2.再添加一个圆形路径
3.添加“路径合并”修改器。模式选择“减”
4.调整第二个圆形大小,得到圆环

「圆」效果法

1.新建固态层,菜单-生成,添加「圆」效果
2.选择边缘类型为“边缘半径”
3.调整“半径”和“边缘半径”,得到圆环

遮罩法

1.新建圆形形状图层
2.Ctrl+Shift+N,新建遮罩,遮罩形状改为“椭圆形”
3.克隆一个遮罩,降低“扩展”值,得到圆环

Motion Graphic 笔记 —— MG的简介

我正在申请太湖学院艺术学院教师的职位,院长说到时候会有一个面试性质的试讲。

目前的状态是万事俱备只欠东风。

我已经准备了一个多月了。我准备的试讲内容正是Motion Graphics,运动图形。我为此查遍了中文互联网,看了不少MG教程,还翻译了MG维基百科(译文请见下文),从历史起源到发展现状,以及基础的AE制作要点,可以说大致摸清了MG的主要脉络。试讲也是一大挑战,我在家里试讲了若干次,请教演讲高手一次,在我妈单位试讲了一次,在我单位试讲了两次,从观众反响看,问题不大。只是院长说最近学校正逢师资调整,暂时不能安排试讲。所以一直拖至现在。但愿一切顺利。

这次试讲的准备让我彻底打算放弃3D,投向AE的怀抱。3D的坑实在太深,而图像与音乐结合的Motion Graphic非常适合我。所以我打算今后专攻AE,而且以MG为主,特效什么的少碰。

下面我把翻译的Motion Graphic维基词条贴出来,加上一些我看过的觉得不错的教程系列,方便感兴趣的人浏览。试讲结束后我会把MG的中文词条补上去。

运动图形(或动态图形,英:motion graphics)是指:用视频素材和(或)动画技术制作出诸如平移旋转等的动态效果,并经常结合音频应用于多媒体项目中。运动图形通常以电子传媒技术来呈现,但亦可通过人工技术显示(如西洋镜,费纳奇镜,频闪观测器,走马灯,手翻书)。

运动图形的历史

由于没有公认的运动图形的定义,这种艺术形式究竟何时诞生仍存有争议的。可能早在19世纪就已出现运动图形。第一个对其历史进行考察的人是Michael Betancourt,他主要研究了视觉音乐以及20世纪20年代Walther Ruttmann,、Hans Richter,、Viking Eggeling 和 Oskar Fischinger的一些抽象电影。

第一个使用“motion graphics”一词的人是动画师约翰·惠特尼(John Whitney),他在1960年创办了一家名为Motion Graphics Inc的公司。

另一位重要先驱者是索尔·巴斯(Saul Bass),他推动了运动图形在电影片头中的使用。他制作了许多脍炙人口的电影片头,如金臂人(1955),迷魂记(1958),桃色血案(1959),西北偏北(1959),惊魂记(1960),华府千秋(1962)。他的设计很简捷,但有效地传达出影片氛围。

除此之外,莫里斯·宾德(Maurice Binder)、斯坦·布拉哈格(Stan Brakhage)、诺曼·麦克拉伦(Norman McLaren)、凯尔·库伯(Kyle Cooper),这些大师在各领域的作品,均对运动图形的发展产生了深远影响。

使用计算机制作的运动图形

在计算机被广泛使用前,运动图形制作是昂贵且费时的,因此那时只限用于有着庞大预算的电影和电视制作。20世纪80年代末至90年代中期,许多电视台开始使用英国宽泰公司推出的专用图形系统。宽泰工作站包括Hal,、Henry、Harry、Mirage还有Paintbox ,在当时都是广播图形的标准。随着计算机的出现,运动图形制作成本大大降低,这门学科已被更广泛地运用。诸如Adobe公司的After Effects,Discreet Combustion,和苹果公司的Apple Motion,运动图形制作越来越便利。

“运动图形”的流行源于 Trish Meyer和Chris Meyer所著的《Creating Motion Graphics》(2000)。这是一本Adobe After Effects的教材类书籍。从此,专业视频制作软件开始作为桌面应用程序大量进入个人电脑中。它集合了层的合成、一些特殊效果、以及色彩校正工具,并且涉及到部分视频剪辑与3D化制作。它既不是剪辑软件,也不是三维图形软件,这种“介于两者之间”的运动图形概念及由此产生动画风格,有时被称为2.5D。

运动图形的不断发展使得3D软件也被加入到制作工具中来,如CINEMA 4D、MAYA还有3D Studio Max。

许多运动图形动画师都会学习一些三维图形软件,以保持项目制作的优势。尽管许多特殊效果是基于特定的软件功能,然而软件只是动态设计师将视觉观感引入生活的工具。

以上仅仅是对MG粗浅的发展历史介绍。希望详细了解MG历史的同学,可以参看高路前辈的博文:《在动态的世界奔跑》

MG相关的优秀AE中高级教程 包括但不限于:

动态设计基础(中文字幕版)  http://www.bilibili.com/video/av1401322/

AE高级运动图形教程-从A到Z  http://www.bilibili.com/video/av991280/

AE动画原理12则教程  http://www.bilibili.com/video/av512214/

表达式快速入门   http://www.bilibili.com/video/av530548/

Motion Graphics 一个简单的入门教程  https://www.youtube.com/watch?v=Y6_zY1Db4eA

Flying Liquid Blobs 制作飞动的液状物  https://www.youtube.com/watch?v=x-SK5sdLwSM

Connect Dots一个很棒的制作点线连接效果的教程  https://www.youtube.com/watch?v=elHqinIm4RI

Liquid Ink Drips制作液体表面张力效果的教程  https://www.youtube.com/watch?v=HhA2nzs0lMk

制作水波浪效果的教程  http://blip.tv/aetutsplus/be-water-part-two-4318485

ECAbrams教程系列  https://www.youtube.com/channel/UCF5pdu3Z2Hk8bouDB_C3zFg

Tut+教程系列  http://cgi.tutsplus.com/categories/motion-graphics

真绝一门博客  http://www.zhenjue.net/

以上是我看过的与MG有关我觉得不错的教程和博客,以后有新的推荐教程或是视频我会写在后面的笔记中。AK大神的教程主要以特效为主,跟MG关联不大。不过用来初学AE练手是很不错的。