MG动画是近年来兴起于互联网的一种新型动画形式。由于MG动画强调信息可视化，具有独特的审美风格，因此在网络上具有极强的传播力，被广泛应用于产品推广、品牌宣传、流程演示、影视片头等众多领域。
本书取材新颖，案例丰富，把握MG发展的前沿；内容通俗易懂，图文并茂，有较强的操作性和指导性。本书的内容特色如下：
一条主线：本书以MG动画制作的完整流程为主线，按照文案、脚本、图形、动作、后期五大步骤详细介绍了具体的制作方法。
两款软件：本书基于After Effects、Photoshop两款软件，分析归纳MG动画的运动规律和操作技巧，通过案例演示详细讲解了MG动画的制作方法和设计思路，培养读者的创造性思维。
三个案例和采访：书中还分享了三个极具艺术水准和商业价值的优秀案例，同时采访到了这三家制作公司的创始人。读者将近距离地了解这些优秀的动态图形设计师是如何形成创意并展开设计的。想要踏入MG领域的初学者或者希望有更好发展的从业者，将从中得到更多的信息和帮助。
书名：MG动画设计5项修炼：文案+脚本+图形+动作+后期
ISBN：978-7-115-48484-0
本书由人民邮电出版社发行数字版。版权所有，侵权必究。
您购买的人民邮电出版社电子书仅供您个人使用，未经授权，不得以任何方式复制和传播本书内容。
我们愿意相信读者具有这样的良知和觉悟，与我们共同保护知识产权。
如果购买者有侵权行为，我们可能对该用户实施包括但不限于关闭该帐号等维权措施，并可能追究法律责任。
编 著 黄临川 赵竹宇
责任编辑 王峰松
人民邮电出版社出版发行 北京市丰台区成寿寺路11号
邮编 100164 电子邮件 315@ptpress.com.cn
读者服务热线：(010)81055410
反盗版热线：(010)81055315
本书以MG动画制作的完整流程为主线，基于After Effects、Photoshop两款软件，分析归纳MG动画的运动规律和操作技巧，通过案例演示详细地讲解MG动画的制作方法和设计思路，培养读者的创造性思维，使其能够独立制作出完整而优秀的MG动画作品。
本书取材新颖，案例丰富，把握MG发展的前沿，内容通俗易懂，图文并茂，有较强的操作性和指导性。本书适用于影视动画爱好者，以及动画制作、平面设计、信息可视化设计等与动态图形专业相关的学生及从业人员。
Motion Graphic，即动态图形动画，简称MG动画，是近年来兴起于互联网的一种新型动画形式。它是在平面设计的基础上，利用动画技术进行的视觉表达，可以将其理解为会动的图形设计。由于MG动画强调信息可视化，同时具有独特的审美风格，它逐渐成为一类相对独立的动画形态，在网络上具有极强的传播力，并且被广泛应用于产品推广、品牌宣传、流程演示、影视片头等众多领域，前景十分广阔。
尽管MG动画是当下热门的传播形式，从事或者希望从事MG动画的设计人员日趋增多，但笔者发现，针对MG动画的全流程和基础案例制作的教程相对较少。本书则希望以MG动画制作的完整流程为主线，以MG动画涉及的After Effects、Photoshop两款软件为基础，通过基础案例详细讲解MG动画中文案、脚本、图形、动画、后期这5大步骤的具体制作方法，掌握软件操作技巧，独立制作出完整而优秀的MG动画作品。
但是请不要误以为本书只是一本MG动画的软件操作指南，在展示具体制作步骤和方法的同时，本书还对MG动画中常用的图形设计法则和动画基本原理进行了归纳总结。比如，如何利用布尔运算将简单的基本图形组合产生新的形体；再比如，如何巧妙地运用挤压和拉伸的原理，表现出图形的弹性，让它的运动看上去更加具有吸引力。笔者希望读者在学习过程中，知其然还能知其所以然，并不是照猫画虎地学会书上的软件操作和参数设置，而是通过对设计法则和运动规律的学习，对MG动画有更深一步的理解，培养读者的创造性思维，做到举一反三。
本书的另一大特色是在最后一章中，为读者呈现了一批极具艺术水准和商业价值的优秀案例。这些案例来自鲸梦文化、LxU、蛮牛等国内顶尖MG动画公司，读者将有机会近距离地了解这些优秀的动态图形设计师是如何形成创意、设计草图以及具体展开制作的。同时，书中还采访到以上三家公司的创始人，他们将对行业现状、个人发展、制作技术等一些具体问题给出针对性的解答。笔者希望通过这样的方式，为想要踏入MG领域的初学者或者希望有更好发展的从业者提供更多的信息和帮助。
本书的写作融入了笔者多年的教学及实践经验，得到了许多的帮助和鼓励。
感谢鲸梦文化刘建、LxU魏婷婷、蛮牛工作室魏编为本书提供了贵公司的珍贵案例，并无私地分享了从业经验，给予了专业意见。
感谢本书的编辑王峰松老师，您的支持与鼓励使本书才能最终完成。
感谢倪晓萌、陆晓嘉为本书绘制了许多优秀的插图和作品，成为本书的一大亮点；孟芯雅、刘相君、房载轩对本书亦有贡献，特此表达衷心感谢。
书中案例所涉及的素材及工程文件，读者朋友可以访问人民邮电出版社异步社区进行下载。
由于笔者水平有限，书中难免存在错误和不足之处，恳请广大读者指正。如果在阅读本书时，有任何想法和意见，欢迎发送至笔者邮箱rosemary0818@163.com或者编辑邮箱wangfengsong@ptpress.com.cn，以便我们及时得到您的反馈。
衷心希望本书能够为热爱MG动画的朋友提供一些帮助，最后还要感谢读者朋友选择这本书，让我们在MG领域中共同成长。
编者
2018年1月
本书由异步社区出品，社区（https://www.epubit.com/）为您提供相关资源和后续服务。
本书提供如下资源：
要获得以上配套资源，请在异步社区本书页面中单击
，跳转到下载界面，按提示进行操作即可。注意：为保证购书读者的权益，该操作会给出相关提示，要求输入提取码进行验证。
作者和编辑尽最大努力来确保书中内容的准确性，但难免会存在疏漏。欢迎您将发现的问题反馈给我们，帮助我们提升图书的质量。
当您发现错误时，请登录异步社区，按书名搜索，进入本书页面，单击“提交勘误”，输入勘误信息，单击“提交”按钮即可。本书的作者和编辑会对您提交的勘误进行审核，确认并接受后，您将获赠异步社区的100积分。积分可用于在异步社区兑换优惠券、样书或奖品。
我们的联系邮箱是contact@epubit.com.cn。
如果您对本书有任何疑问或建议，请您发邮件给我们，并请在邮件标题中注明本书书名，以便我们更高效地做出反馈。
如果您有兴趣出版图书、录制教学视频，或者参与图书翻译、技术审校等工作，可以发邮件给我们；有意出版图书的作者也可以到异步社区在线提交投稿（直接访问www.epubit.com/selfpublish/submission即可）。
如果您是学校、培训机构或企业，想批量购买本书或异步社区出版的其他图书，也可以发邮件给我们。
如果您在网上发现有针对异步社区出品图书的各种形式的盗版行为，包括对图书全部或部分内容的非授权传播，请您将怀疑有侵权行为的链接发邮件给我们。您的这一举动是对作者权益的保护，也是我们持续为您提供有价值的内容的动力之源。
“异步社区”是人民邮电出版社旗下IT专业图书社区，致力于出版精品IT技术图书和相关学习产品，为作、译者提供优质出版服务。异步社区创办于2015年8月，提供大量精品IT技术图书和电子书，以及高品质技术文章和视频课程。更多详情请访问异步社区官网https://www.epubit.com。
“异步图书”是由异步社区编辑团队策划出版的精品IT专业图书的品牌，依托于人民邮电出版社近30年的计算机图书出版积累和专业编辑团队，相关图书在封面上印有异步图书的LOGO。异步图书的出版领域包括软件开发、大数据、AI、测试、前端、网络技术等。
异步社区
微信服务号
如果你经常用手机或者iPad刷朋友圈、读公众号、看新闻，你会发现一切都在改变！随着移动智能终端的普及和网络的提速，人们能够利用坐公车、等飞机、排队的碎片时间吸取更多的知识和信息。短、平、快的视频内容满足信息高效传递的需求，也更加符合人类通过视觉获取信息的习惯，成为当前互联网上信息传递的主力军。而时下最流行的视觉表达形态，则非Motion Graphic莫属。它凭借着信息可视、内容密集、成本可控、传播性强、准入门槛低、制作流程标准化等一系列特点，在商业广告圈和独立动画圈都备受青睐。
Motion Graphic Design简写为MG或者Mograph，通常翻译为动态图形或者运动图形。自20世纪70年代起，它作为一种新兴的视觉设计形态，被广泛应用于电视频道包装、电影电视片头设计等领域。近年来，随着智能手机、平板电脑等移动设备的普及，动态图形的应用领域在不断扩大，并已经成为现代视觉艺术形式中最具广泛性和发展潜力的一个分支，如图1-1、图1-2、图1-3所示。
图1-1 《ABOUT KOREAN》
图1-2 《A Guide to American Football》
图1-3 Room4 media 宣传片《Our Special Formula》
Motion Graphic 动态图形动画（以下简称MG动画），是一种基于时间流动而改变形态的视觉表现形式。在视觉表现和设计理念上，它基于平面设计法则和原理，把MG动画的单帧画面提取出来，其实就是一幅极具形式美感的平面设计作品。画面中，图形、字体、色彩等视觉元素按照构成规律有机地编排，向受众传达更多的语义信息，如图1-4所示。而在技术实现上，MG动画采用了动画制作手段，遵循动画运动规律和电影视听语言的语法。它利用二维、三维动画软件或剪辑后期软件，让静止的视觉元素运动起来。特别是在富有韵律感的音乐和旁白的配合下，先前静止的图形、字体等视觉元素在空间层次、运动方式、运动速度、图形形态等方面发生各种变化，整个画面充满节奏的律动，呈现出丰富多彩的视觉效果。某种程度上，MG动画是平面设计的发展和延伸，简单点说是会运动的平面图形设计，如图1-5所示。
图1-4 MG动画的视觉元素
图1-5 MG动画与平面设计、视频的关系
尽管MG动画以动画技术作为创作的基础，最终呈现的形态也是动态影像，但是它却与传统意义上的动画片完全不同。传统的动画影片，我们也可以把它称为CM动画（角色动画，Character Movie）。它的目的是利用角色来讲述一个故事，需要采用传统的蒙太奇方式去构思创意，从这个意义上说，它与小说、电影、电视并无本质上的不同，只是承载的媒体不同。它更加注重叙事性的表达，有着严谨的叙事逻辑，通过故事情节的推进让观众产生情感上的共鸣。相比之下，MG动画则将故事情节和叙事结构淡化了，不用特别考虑蒙太奇组接手法，更多的是强调画面视觉元素之间的转换和变化，并试图通过这种动态的设计，将信息具象化、可视化，传达出更多的数据、信息和观点。总体来说，一个讲故事，一个传递信息。
提到MG动画，我们都认为它是最近几年才开始广泛流行的视觉表现形式，但实际上，早在电影诞生之初甚至之前，MG动画便初现端倪。可以说，MG动画与电影有着密不可分的联系。
不管是电影、MG动画还是其他的视觉媒体，形成和传播的依据都是视觉暂留现象（Persistence of Vision）。物体在快速运动时，当人眼所看到的画面消失后，人眼仍能继续保留其影像0.1～0.4s左右的图像，这种现象称为视觉暂留。因此，我们的大脑会把一组快速移动的、不同的静态画面误以为是连续的影像。当人类发现了这一现象以后，就尝试着利用它来实现艺术中的动态感。1832年，比利时物理学家约瑟夫•普拉图（Joseph Plateau）和他的儿子发明了费纳奇镜（Phenakistoscope），这个设备被广泛地认为是早期无声电影和动画片的雏形。这个简单的小装置依靠视觉暂留原理制造出动态的画面效果，颠覆了人类以往的视觉体验，带来了巨大的视觉冲击，如图1-6所示。
图1-6 费纳奇镜
创意动画短片《约瑟夫的幻觉》（L'illusion de Joseph）展示了费纳奇镜所呈现的画面奇观，如图1-7所示。该片由Pask D'Amico导演，旨在向约瑟夫•普拉图（Joseph Plateau）致敬。
图1-7 《约瑟夫的幻觉》
如果说费纳奇镜等早期光学发明为电影和动画，包括MG动画提供了技术基础，那么20世纪初，欧洲一部分先锋艺术家进行的一系列动画实验和电影实验，则为MG动画的发展提供了理论和形式上的可能。
瑞典音乐家、画家维金•艾格林（Viking Eggeling）的《对角线交响乐》（Symphonie Diagonale, 1921）被认为是现存最早的抽象动画电影，如图1-8所示。这部逐帧拍摄的动画全长7分钟，几乎花了4年时间才完成。白色的几何图形在黑色的背景上不断变化，而且总是以对角线对称的形式进行运动。短片的场面调度非常严谨，音乐与画面高度匹配，展示了音乐与绘画之间强烈的相互关系。
图1-8 《对角线交响乐》（Symphonie Diagonale）
德国实验电影和动画导演汉斯•里希特（Hans Richter）在1920——1925年制作了三部实验短片：《节奏21号》（Rhythmus 21）（如图1-9所示）、《节奏23号》（Rhythmus 23）、《节奏25号》（Rhythmus 25），成为运用音乐节奏诠释运动和图形节奏的先驱典范。在这些作品中，画面的主要元素是简单的黑白矩形和线条。在管弦乐曲曲调的变化中，矩形的大小、位置、角度、远近也在反复发生变化，不同的矩形在画面上相互叠加、交错、跳跃、变形。音乐与矩形的运动产生了深度的契合，矩形的运动被赋予了一种新奇的节奏韵律感。
图1-9 《节奏21号》（Rhythmus 21）
德国艺术家沃尔特•鲁特曼（Walther Ruttmann）不再满足于自己的静态绘画作品，他在1921年创作出《作品1号》（Lightplay Opus I），这部作品被评论为“一种新的艺术形式”。他在作品中研究了几何图形间的相互作用以及在运动中所呈现出的形态，从而创造出一种全新的抽象动画作品。
我们可以发现，早期的先锋实验动画源于艺术家们对于运动中抽象图形的好奇，他们不再追求故事情节和传统叙事结构，而是强调视觉性，单纯地以运动，包括各种线条和形状的变化来触发观众的情绪。这一反传统的美学观念对其后的动画师和平面设计师产生了深远的影响。探索画面的纯形式美和运动的节奏感，这些先锋实验动画所秉持的美学原则，和当下的MG动画不谋而合。从某种程度上来说，MG动画在20世纪20年代就已略见雏形。
当代意义上的动态图形设计究竟是哪一年诞生还存有争议，但毫无疑问的是，从20世纪50年代开始，一批富有创新精神的平面设计师、动画师和电影人试图将传统的平面设计语言和电影的动态视觉语言结合起来，从此MG动画作为一个相对独立的艺术流派开始流行。
最早使用“motion graphic”动态图形一词的是美国著名的动画师约翰•惠特尼（John Whitney）。他在1960年创立了一家名为motion graphics Inc .的公司，他利用自己发明的模拟计算机制作了商业广告，并为一部分电影制作了片头部分。
而公认的当代动态图形设计的先驱则是索尔•巴斯（Saul Bass）。作为一名成功的平面设计师，他创造性地将平面设计元素融合到电影片头的设计中。索尔•巴斯地通过字体、排版、色彩、图形等方面的变化，巧妙地暗示了影片的主题，让观众在开头短短的几分钟内就能感受到影片的情绪和基调，从而使原本单调乏味的演职人员表提升为电影不可或缺的一部分。其中最具代表性的是1955年他为奥托•普雷明格导演的电影《金臂人》制作的片头，如图1-10所示。影片讲述了一名海洛因瘾君子的故事，片头动态地展示了一条白色剪纸风格的手臂，和片名高度契合，这种全新的尝试获得了空前的成功。其后他还为希区柯克等著名导演的多部电影制作了片头，都引起了不小的轰动，例如《迷魂记》（如图1-11所示）等。
图1-10 《金臂人》片头
索尔•巴斯的片头设计在现在看来非常简单，但是在没有计算机辅助、创作观念还墨守成规的20世纪，无疑是一项开创性的变革。在他的影响下，一批极富开创精神的艺术家积极地投入到电影片头的设计中。莫里斯•宾德（Maurice Binder） 为007系列的《诺博士》（如图1-12所示）、帕布鲁•费罗（Pablo Ferro）为《奇爱博士》（Dr. Strangelove or，1964）制作的片头都成为了影史上的经典。
图1-11 《迷魂记》片头
图1-12 《诺博士》片头
到20世纪90年代，凯尔•库珀（Kyle Cooper）将新的数字技术和传统的设计手法结合起来，在尚且保守的动态图形领域中开辟了新的天地。他为《真实的谎言》《谍中谍》等好莱坞电影制作了炫目的片头，其中1995年他为大卫•芬奇导演的电影《七宗罪》设计的片头最为出色，被人们视为动态图形设计产业的里程碑。凯尔•库珀一直活跃在一线，最新的作品是为美剧《宿敌：贝蒂和琼》设计的片头，利用精彩的极简风格图形暗示了两位女主角的关系和剧情的走向，成功地引起观众的观影兴趣，如图1-13所示。这种表达形式和设计风格的片头在好莱坞是很常见的，2002年斯蒂文•斯皮尔伯格执导的电影《逍遥法外》也采用了动态图形的片头，利用黑色的剪影快速而简洁地勾勒出了故事的梗概和缘由，如图1-14所示。
图1-13 《宿敌：贝蒂和琼》片头
图1-14 《逍遥法外》片头
近年来，中国电影市场迅速发展，大批优秀的国产影片取得了口碑和票房的双丰收，也随之涌现了不少高质量的电影片头、片尾。例如2015年上映的《寻龙诀》，片尾利用点、线、面勾勒出太极、八卦等中国传统符号，展露出浓厚的东方韵味，如图1-15所示。还有《北京遇上西雅图》《黄金大劫案》等电影也奉献了非常精彩的片头，如图1-16、图1-17所示。
图1-15 《寻龙诀》片尾
图1-16 《北京遇上西雅图》片头
图1-17 《黄金大劫案》片头
呈现出浓厚的动态图形的片头、片尾，不仅仅用来展示主创的名单，而是成为了电影、电视的门面，成为一门相对独立的艺术，帮助导演表情达意。目前，动态图形越来越受到业界的认可和观众的欢迎，逐渐走出了片头、片尾的范畴，在各个领域都有了更加广泛的应用。
在很长的一段时间里，兴起于电影片头的MG动画，一直没能摆脱“片头”这个属性，它最常见的应用就是电影电视等传统媒体当中的片头片尾、栏目包装、影视广告等。随着互联网，尤其是移动互联网的崛起，新媒体的更新迭代以及观众对于视觉影像的新需求，使得MG动画越来越多地应用到一些崭新的领域，例如商业推广、交互设计、空间展示、手机动画等。在这些新的领域中，MG动画体现出不同的功能。
MG动画最核心的功能就是信息传达。我们最常见到的MG动画就是一些信息说明类动画。它们往往有一个抓人眼球的标题，整个短片都围绕一个主要话题展开。这个话题可以是社会热点、科普知识、公益宣传、生活常识等。整个动画通常3～5分钟，一般会配上轻松调侃的旁白，将不那么有趣的内容，有趣地展现在观众面前。特别是话题中经常涉及大量的数据和晦涩难懂的知识点，MG动画通过它特有的图形动态演绎，将这些抽象的信息直观而具象地表达出来。这样的MG动画，不仅给我们提供了极佳的视觉体验，更重要的是，我们能在有限的时间内获取大量的信息和知识，而且这些信息变得更加容易理解。简单来说就是一个热门的话题，一段通俗易懂的文案，再加上具象的数据演绎，构成了当前最主流的MG动画，如图1-18所示。
图1-18 信息传达类MG动画
2014年巴西世界杯期间，壹读视频推出了短片《跟着壹读君三分钟了解没有足球的巴西》，用轻松幽默的方式向观众介绍了巴西这个我们平时不太了解的南美国家，如图1-19所示。
图1-19 《跟着壹读君三分钟了解没有足球的巴西》
鲸梦文化制作的一个公益短片，目的是科普穿山甲的相关知识，号召人们保护野生动物，如图1-20所示。尽管这并不是一个轻松的主题，但是短片非常得温馨、文案口语化，将观众带入情景，温和地劝导，而不是进行说教式的宣传。
图1-20 《穿山甲公益科教片——TNC大自然保护协会》
近年来，随着国内外社交媒体的不断壮大，MG动画成为互联网营销的一把利器。越来越多的公司，特别是互联网公司和科技公司纷纷选择MG动画的形式进行品牌和产品宣传，如图1-21和图1-22所示。以前大家看电视碰到广告都会纷纷换台，如果把传统的电视广告投放到互联网上，基本没有人会去主动观看。然而MG动画恰恰相反，它短小精悍、极富创意、传播成本低，特别容易在微博、微信这些社会化媒体上形成病毒式的传播，通过用户间口碑传播的力量帮助企业提升曝光率，塑造品牌和产品形象。
2013年苹果全球开发者大会的这段开场视频在当年一经推出就惊艳众人，整个短片利用点、线、面等抽象的元素完美地展示了苹果的极简主义和设计理念，如图1-21所示。
图1-21 2013苹果全球开发者大会（WWDC）开场视频
图1-22 《今日头条创作者大会宣传片》，鲸梦文化制作
MG动画对于品牌的演绎不仅仅体现在广告和宣传片上，还体现在LOGO的展示方面，如图1-23所示。品牌LOGO的动态化设计是当前设计行业的一个新趋势。通过动画的形式演绎静态LOGO，让受众从视觉、听觉多方面感知LOGO，吸引受众的广泛注意，促进产品与品牌的传播。
图1-23 动态LOGO演绎
当手机等移动智能终端成为我们生活中不可或缺的一部分，人机之间的交互体验也成为开发者们越来越重视的一个内容。最常见的就是在APP的加载、刷新、发送等界面中，加入一些有趣的动态效果，增加界面的活力，减少用户等待过程中的焦虑感，让用户感到愉悦，如图1-24所示。又比如，APP里一般包含有多个界面，动态的转场能够更直观地诠释界面之间的逻辑和层级关系，让用户更加清晰地了解当前所处界面的位置，给予用户明确的指引和提示，如图1-25所示，而空白页面处的动态效果如图1-26所示。这些动态效果是设计师们在前期设计完成、交付开发人员最终实现的。UI动效设计师制作出动效原型，通过MG动画的形式更好地展示既有的交互视觉设计、概念设计、服务流程等，使开发人员能够更好地理解设计效果，完美地还原到产品中去。
图1-24 Food rush APP加载动画
图1-25 页面翻转动画
图1-26 404空白页面动画
