Cinema 4D + After Effects动态图形设计案例解析
上QQ阅读APP看书,第一时间看更新

第1章 动态图形设计概述

本章介绍

由于互联网的快速发展,网络上呈现了众多创意突出的扁平化风格的动态图形作品,让人印象深刻,使得Motion Graphics一词被众多人误以为指的是这一类型,实则不然,这正是本章内容的重点,主要让读者了解动态图形设计行业的来龙去脉,更深入地了解动态图形设计。

1.1 什么是动态图形

动态图形是影像家族的成员之一,伴随着电影产业而发展起来的一种视觉艺术,它作为一种新兴的视觉呈现形态,在国内仍处于起步发展阶段。而西方发达国家早已获得了广泛的认知,产业链发展也较为成熟。

早期的影像摄制工具

早期的电影

著名的Motion Graphics网站:www.motionserved.com

动态图形的名称翻译来源于英文Motion Graphics,意思是“随时间流动而改变形态的图形”,简单来说动态图形可以解释为会动的图形设计。

广义上来讲,Motion Graphics是一种融合了电影与图形设计的语言,基于时间流动而设计的视觉表现形式。

Discovery频道动态图形ID

动态图形有点像平面设计与动画片之间的一种产物,动态图形在视觉表现上使用的是基于平面设计的规则,在技术上使用的是动画制作手段。

传统的平面设计是静态的视觉表现,主要是针对平面媒介服务;而动态图形则是站在平面设计的基础上去制作一段以动态影像为基础的视觉符号,也就是将静态的设计元素赋予动态化。也许对于初学者来说很难分辨动画片和动态图形设计之间的具体区别,如果加以区分的话,那么前者大多时候是以角色叙事而存在,动态图形设计则是相对抽象的视觉表现,更多的时候是一种图形化的呈现。就好像平面设计与漫画书,即使它们同样是在平面媒介上来制作,区别之处在于一个是设计平面的视觉表现形式,而另一个则是运用图像为内容叙事而服务。

平面家族

平面设计

影像家族

动态图形设计

漫画书

动画片

一般来说,动态图形是基于时间流动而变化的非叙述性、非具象化的视觉设计。其中,非叙述性、非具象化特点是动态图形区分传统的影视动画艺术的最大不同点,强调它是基于时间流动的视觉设计艺术。

动态图形作为一种艺术形式,也具备多样性的传达语言,说它非叙述性也并非绝对。以色列艺术家YOAV BRILL就用动态图形艺术叙述了一段自己的经历,短片中运用非常简单的彩色圆形来代表不同角色的区别和性格,通过图形的移动和抖动表现角色内心的紧张、孤独和怯懦。故事中他是一个看不见色彩的人,在他12岁的某一天,校领导决定将餐厅的餐盘换成五颜六色,这项决策让他的秘密被暴露出来,并因此而出糗,他开始刻意隐藏自己,让自己变得和所有人都一样。从此以后,这便成了只有他一个人知道的秘密,他学会和他人一样去“感受”身边的事物,直到有一天去海边旅游时,一个人陌生人转过头来对他说“原来海在这个时候会变成红色”,从此他心底的秘密又被打开。

Ishihara

在科技高速发展的今天,动态图形综合了现代图形艺术和影像艺术的美学原则,使得影像、图形、文字和声音等各种艺术表现统一后组成一个整体去发挥它的作用,为人们制造更加丰富而立体的感官体验。

动态图形艺术欣赏

1.2 动态图形的历史和发展

许多人认为动态图形是最近十几年才出现的新兴事物,实际上,动态图形的存在至少已经有了50多年的历史。也有人认为动态图形的出现时间最早可以追溯到电影技术的发明。1832年,比利时物理学家约瑟夫·普拉陶(Joseph Plateau)发明了费纳奇镜(Phenakistoscope),首次在人们眼前制造了运动的图像,同年奥地利人西蒙·冯施坦普费尔(Simon von Stampfer)也发明了类似的动画装置Stroboscope。

费纳奇镜(Phenakistoscope)

而首次使用术语“Motion Graphics”的是美国著名动画师约翰·惠特尼(John Whitney),他在1960年创立了一家名为Motion Graphics的公司,并使用机械模拟计算机技术制作电影电视片头及广告。他最著名的作品是在1958年和著名设计师索尔·巴斯(Saul Bass)一起合作为希区柯克电影《迷魂记》(Vertigo)制作的片头。

美国著名动画师约翰·惠特尼(John Whitney)工作照和作品

在动态图形史上最具影响力的先驱者是索尔·巴斯,他为一系列的热门电影设计了非常出色的片头并且影响深远,如1955年的《金臂人》(The Man With The Golden Arm),1958年的《迷魂记》(Vertigo),1959年的《桃色血案》(Anatomy of a Murder)以及1960年的《精神病人》(Psycho)等,这些都是极具动态图形风格的典型作品。

1955年《金臂人》(The Man With The Golden Arm)

1958年《迷魂记》(Vertigo)

1958年《桃色血案》(Anatomy of a Murder)

1960年《精神病人》(Psycho)

索尔·巴斯在20世纪50年代一共创作了21部电影片头,在当时的技术条件下,能有这样的成就是非常的了不起的。

随着动态图形艺术的风靡,美国三大有线电视网络ABC、CBS和NBC率先开始在节目中应用动态图形,不过当时的动态图形较为简单,只是作为企业标识出现,而不是创意与灵感的表达。20世纪80年代,随着彩色电视和有线电视技术的兴起,小型电视频道开始出现,为了区分于三大有线电视网络的固有形象,后起的电视频道纷纷使用动态图形作为树立形象的宣传手段。

70年代

80年代

90年代

除了20世纪80年代有线电视的普及,电子游戏、录像带和各种电子媒体的不断发展所产生的需求为设计师创造了更多的发展机会,在当时的技术制约下,大量需要能够创作动态图形的设计师。在20世纪90年代之后,影响力最为广泛的设计师是基利·库柏(Kyle Cooper),他将印刷设计中的设计理念应用在动态图形设计中,从而把传统设计与新的数字技术结合在一起。他参与设计过的电影、电视剧片头多达150部以上。其中以他在1995年为大卫·芬奇(David Fincher)导演的电影《七宗罪》(Seven)所设计的片头最具代表性。

《七宗罪》海报

《七宗罪》片头精彩画面

随着科技的进步,动态图形的发展日新月异。在20世纪90年代初,大部分设计师只能在价值高昂的专业工作站上开展工作。随着电脑技术的进步和众多CG软件开发厂商开始为个人电脑开发软件,很多的工作任务从工作站转向了数字电脑,这期间出现了越来越多的独立设计师,快速地推动了CG艺术的进步。在这之后,随着数码影像技术革命性地发展,将动态图形推到了一个新的高点。

1973年Xerox Alto

1979年Three Rivers PERQ

1990年Sun SPARCstation早期图形工作站

1997年SGI Octane

随着科技的高速发展,电脑性能的飞跃提升以及技术的普及,根本上改变了设计师的创作手段。现如今,一台普通的家用电脑配合上相应的软件,就已经能够做出质量非常不错的动态图形作品。

动态图形艺术欣赏

1.3 动态图形的应用领域

现代人的生活被各种信息和屏幕包围着,可以承载动态图形的媒介数不胜数,几乎能使图像运动起来的媒介就有动态图形的存在,动态图形已经逐渐成为了我们生活中的一部分。

动态图形具有极强的包容性,它的表现形势丰富多样,总能轻易与各种艺术风格混搭,应用范围也非常广泛。目前,动态图形的主要需求市场集中于节目频道包装、电影电视片头、商业广告、MV、现场舞台屏幕和互动装置等。

SYFY频道导视系统

20世纪Fox电影公司电影片头

NIKE广告

Matta-Release The Freq音乐录像带

X-Factor 2013舞台现场

Time Warp现场装置

此外,还有相关的互动设计领域,比如网站、手机、平板电脑、DVD菜单和电子游戏界面等。

动态图形在互动设计领域的应用

动态图形经常结合各种不同的表现形式,比如动态图形(Motion Graphics)和信息图形(Info Graphics)结合之后便诞生了以信息内容为基础的信息动态图形。

动态图形在信息图形领域的应用

对于商业客户来说,动态图形制作时间和资金的性价比都更易接受,而且创意突出,形式直接,传播效果强,是目前广告宣传中最佳利器。

优秀动态图形设计作品

人们对视听娱乐的要求越来越苛刻,渴望拥有更丰富的立体表现,传统的设计将会被越来越多的客户要求动态展示,动态图形将大有作为。

1.4 动态图形设计师使用什么软件

目前,动态图形(Motion Graphics)的制作手段主要依靠计算机图形(Computer Graphics),简称“CG”制作,属于CG艺术领域的一个分支。

几乎所有的CG软件都能应用在动态图形设计上,不过因为工作流程和软件侧重点不同,并非所有软件都适合制作动态图形。动态图形设计师通常需要掌握一款可以制作二维的合成软件和一款三维动画软件,目前在业内最常见也是最佳的组合便是Adobe公司旗下的After Effects和Maxon公司出品的Cinema 4D。另外,Photoshop是所有视觉设计需要师掌握的必备软件,不过在很多动态图形设计师手中经常也会使用AE来替代它工作。

After Effects

Cinema 4D

其他常见的二维软件还有Apple公司的Motion,这是一款服务于剪辑师的软件,可以轻松地制作出一些运动的文字和图形效果。还有Adobe公司的Flash,不过在很多时候Flash动画很难满足更复杂的需求。

Motion

Flash

常见的三维软件还有Maya和3ds Max,它们也有很多的动态图形设计师用户,不过这个数目正在变得越来越少,因为Cinema 4D在业内的流行让人很难不被诱惑。

Maya

3ds Max

有时候,一些项目会有特殊的技术要求,比如偶尔会需要和角色动画师、特效艺术家们一起协作完成项目,这个时候和其他不同的技术部门合作时,偶尔也会使用其他软件来完成工作。但这并不意味着你需要掌握非常多的软件,对于有经验的设计师来说,软件在他们眼中都是相通的,只是变换了按钮的位置,需要其他软件配合时简单地熟悉一下操作就能满足基本需求。

那么,在我们YIYK团队中,软件是如何高效地配合呢?下面概括说明。After Effects的层级操作和时间线操作非常地适合动态图形的设计制作,它的合成概念简单易用,并且有着强大实用的第三方插件支持,足以面对各种要求苛刻的设计需求,After Effects为我们的设计提供了有效的创意技术支持,是业内应用最广泛的动态图形制作工具之一。

Cinema 4D在我们的设计团队YIYK中,它以简洁的人性化设计、难以置信的高效以及可靠而稳定的操作体验等鲜明特点迅速征服了团队成员。在传统三维软件中很多常见效果需要繁杂的步骤再配上足够的耐心才得以实现,到了Cinema 4D中这都不再成为头疼的问题。Cinema 4D使我们得以将更多的精力专注于创意设计本身,团队于2008年迅速完成从Maya、3ds Max等传统三维软件转型到Cinema 4D,是国内最早使用Cinema 4D用于动态图形设计的创意设计团队之一。

在日常的工作中,得益Cinema 4D与After Effects的极佳配合特性,无论是在创意分镜阶段还是动态执行的过程中,我们都可以随时调用三维数据、简易的多通道输出以及借助优良的层级管理等功能来随时更新最优方案,并不断地调整最终效果直至让人满意。

1.5 软件的历史

After Effects简史

After Effects是Adobe公司推出的一款图形影像处理软件,是影视、设计领域最流行的软件之一,其功能强大,可以高效且精确地制作出引人瞩目的动态图形和震撼人心的视觉效果。

After Effects最初是由一家叫作CoSA的小公司所开发的,这个公司当时由4名刚大学毕业的年轻人于1990年在美国罗得岛洲的普罗维登斯创立。

当时公司成立目标是做世界级的内容提供商,想让艺术家和程序员坐在一起制作多媒体内容。在MacWorld年度大会上,他们制作了一些免费的CD—ROM用来促销,并让人知道他们能做什么,当他们从工厂拿回光盘后发现在CD—ROM中播放图像缓慢得让人难以忍受,促使他们自己开始开发PACo,一个图片编辑器。当PACo越来越成熟时,公司的目标慢慢发生了改变,这个软件和Apple公司开发的Quick Time不谋而合,但是要与Apple公司竞争无异于以卵击石,于是公司决策重新开发一款制作特殊效果的软件,他们从一家越南餐馆的菜单上获得灵感,将产品代号命名为Lort。后来的开发代号都是从同一份菜单上选择(这一传统至少延续到了AE#3.1版本)。

1992年公司从一家媒体公司彻底转型成软件公司,软件的第二个版本叫作Egg,这是菜单上的第二个菜。同年8月的MacWorld上开始了公开测试,给很多测试者留下了深刻的印象。

1993年软件名称正式更名为After Effects,并一直沿用至今,此时版本号为1.0。这家公司逐渐受到了越来越多的关注,同年7月CoSA被Aldus收购。一年以后Aldus和Adobe公司合并。尽管经历了这些公司的变迁,After Effects开发团队始终站在一起,一直到今天,很多当年的团队成员仍然在为这个软件工作。

Cinema 4D简史

Cinema 4D是一套由Maxon Computer公司开发的三维图像软件,以极高的运算速度和强大的第三方支持插件著称。Cinema 4D应用广泛,在广告、电影和工业设计等方面都有出色的表现。

其最大特点是它对艺术家友善的界面,避免其他软件包中复杂繁琐的技术按钮,而且因为其功能的模块结构简单,使其能保持低廉价格。Cinema 4D的高性价比以及重视个人用户的特点也是他得以拥有众多粉丝的条件之一。

Cinema 4D前身为FastRay,于1989年开发完成,最初只发表在Amiga平台上,Amiga是早期的个人电脑系统,当时还没有图形界面,这个软件这时还没有涉及三维领域。1993年FastRay正式更名为Cinema 4D#1.0开始迈向三维的世界,在1996年,Cinema 4D开始从Amiga平台转向MAC与Windows系统,此时版本为Cinema 4D V4,从此逐渐进入人们的视野。2006年Cinema 4D 9.6版本发布,首次加入MoGraph系统(Motion Graphics动态图形系统),为此后的迅猛发展埋下了种子,它将矩阵式的制作模式变得极为高效方便,一个单一的物体,经过奇妙的排列和组合,并且配合各种效果器的帮助,你会发现单调的简单图形也会有不可思议的效果,为艺术家们提供了一个全新维度的高效创作手段。此后的几年里,Cinema 4D积累了大量的动态图形设计师。到现在动态图形设计师已经是Cinema 4D最庞大的用户群体之一。2013年Maxon已经开发到R15版本,Cinema 4D已经成长为3D图像软件的主流之一。

After Effects版本更新历史

1990年6月CoSA成立

1990年9月PACo开发开始

1991年5月PACo 1.0和QuickPics 1.0发布

1992年2月PACo Producer 2.0发布

1992年4月Lort开发开始

1992年6月Egg开发开始

1993年1月After Effects 1.0发布

1993年5月After Effects 1.1发布

1994年1月After Effects 2.0(Teriyaki)发布

1995年10月After Effects 3.0(Nimchow)发布

1996年4月After Effects 3.1发布

1997年5月After Effects 3.1 Windows版本发布

1999年1月After Effects 4.0(Ebeer)发布

1999年9月After Effects 4.1(Batnip)发布

2001年4月After Effects 5.0发布

2002年1月After Effects#5.5发布

2003年8月After Effects#6.0发布

2004年5月After Effects#6.5发布

2006年1月After Effects#7.0发布

2007年7月After Effects CS3(After Effects 8.0)发布

2008年2月After Effects CS3升级8.0.2

2008年9月After Effects CS4(After Effects 9.0)发布

2008年12月After Effects CS4升级9.0.1

2009年5月After Effects CS4升级9.0.2

2010年10月After Effects CS4升级9.0.3

2011年4月After Effects CS5发布

2012年4月26日After Effects CS6正式发布

2013年6月18日After Effects CC正式发布

Cinema 4D版本更新历史

1990年 创始人Christian和Philip Losch在编程比赛中获奖

1991年FastRay在Amiga平台上发布

1993年Cinema 4D V1在Amiga平台上发布

1994年Cinema 4D V2在Amiga平台上发布

1995年Cinema 4D V3在Amiga平台上发布

1996年Cinema 4D V4发布苹果版与PC版

1997年Cinema 4D XL V5发布

1998年Cinema 4D SE V5发布

1999年Cinema 4D GO V5

2000年Cinema 4D XL发布

2001年Cinema 4D ART发布,同年发布Cinema 4D R7

2002年Cinema 4D R8发布

2003年BodyPaint 3D R2版本发布

2004年Cinema 4D R9发布

2005年Cinema 4D R9.5发布

2006年Cinema 4D R9.6发布,首次加入MoGraph系统

2006年10月Cinema 4D R10和BodyPaint 3D R3版本发布

2008年9月Cinema 4D R11动画软件包发布

2009年2月Cinema 4D R11升级编辑包功能更强

2010年9月1日Cinema 4D R12发布

2011年9月正式发行Cinema4D R13版本

2012年8月1日Maxon发布Cinema 4D R14版本

2013年9月Maxon发布Cinema 4D R15版本