PPT学习交流
21
• 文本
动态图形设计与平面设计
▸ 动态图形的平面设计原理 ▸ 基本形态要素：圆、方、三角
PPT学习交流
22
• 文本
动态图形在标志设计中的运用
▸ 平面基本形的构成方法：联合法、接触法、分割法、重叠法、透
叠法、差叠法、分离法、重合法
PPT学习交流
23
• 文本
动态图形设计在片头中的运用
Graphics”来描述这种“随时间改变形状的图形”成像技术。随着半个世纪的发展，MG动画在电影片头、LOGO、 网页、移动APP、广告等领域得到了广泛的应用。 ▸ 20世纪50年代初，MG技术仅限于影视作品和广告的制作。例如，1958年希区柯克电影《迷魂记》是由约翰·惠特 尼（John Whitney）和设计师索尔·巴斯（Saul Bass）一起工作。 ▸ 此后，美国三大有线电视网络（ABC、CBS、NBC）率先使用这种技术来展示自己的企业标识，并且在20世纪80年 代，当彩色电视和有线电视技术出现时，大量中小型电视频道也争相效仿，将MG技术用于自己形象的推广。此外， 电子游戏、录像带和各种电子媒体在这一时期的发展也成为MG动画进一步发展的重要驱动力。 ▸ 90年代后，动态图形工程师基利·库柏（Kyle Cooper）将开创性的MG动画应用于印刷设计，打破传统的设计和数 字技术之间的差距。他的杰作包括1995年为大卫·芬奇（David Finch）导演的电影《七宗罪》（Seven）设计的电 影片头。然而，不幸的是，虽然MG动画此时已取得长足的发展，但由于设备和技术的限制，在上世纪90年代初只 有少数幸运的设计师能有机会去价格高昂的专业工作站工作，极大地限制了MG动画的进一步发展。
▸ 2.动态图形设计在哪些领域中有运用？它与其他领域如何结合产生碰
撞的？
▸ 3.传统数字动画与MG动画的区别和联系？ ▸ 4.观看并选择一部任意动态图形风格的动画作拉片处理，还原其文本
动态图形与MG场景
▸ 场景的角度及出现方式 ▸ 缓动的概念
PPT学习交流
28
• 文本
动态图形与MG动画解说词
▸ 所说即说见（参考壹读视频/飞碟说）
PPT学习交流
29
• 文本
场景气氛的塑造
PPT学习交流
30
• 文本
思考和作业：
▸ 1.动态图形的概念及其延展，你认为生活中有什么样的动态图形，是
如何呈现的？
• MOTION GRAPHICS
动态图形设计
PPT学习交流
1
• 文本
导入
▸ 环境氛围：纸媒-》电脑、手机、app、 ▸ 运用领域：微博、微信、多媒体平台、公众号等 ▸ 涉及平台：html5等
PPT学习交流
2
• 文本
课程目标：
▸ 通过扁平化图形设计及动画设计这一切入点，来进行创造性的设
计，并结合软件及创意性构思完成最终的动画作品。
PPT学习交流
4
• 文本
新媒体时代的到来
▸ 手机、微信、微博等的朋友圈短视频
PPT学习交流
5
• 文本
新媒体时代的到来
▸ 知名城市电子化标识及公共区域视觉效果
PPT学习交流
6
• 文本
新媒体时代的到来
▸ 电子化的发展趋势
PPT学习交流
7
• 什么是动态图形设计？
MG的起源与发展
▸ MG动画，全名英文：Motion Graphics，是一种在我们的日常生活随处可见的动态图形或图形动画。 ▸ 自1960年以来，美国动画师约翰·惠特尼（John Whitney）创立了Motion Graphics公司，并首次使用“Motion
▸ 动态图形与动画设计（动画、场景、角色、剧情等） ▸ 动态图形与平面设计（标志、文字、排版、色彩等）
PPT学习交流
12
• 文本
思考
▸ 《飞碟说》、《壹读》视频，他们与一般等动画有什么区别吗？
PPT学习交流
13
• 文本
动态图形设计的本质特征
▸ 动态图形设计三条主线：图形设计、动态设计、时间设计
PPT学习交流
14
• 文本
流程
▸ 动态图形设计脚本-〉图形素材设计-〉合成成片
PPT学习交流
15
• 文本
动态图形在其它领域中的运用
▸ 在视觉设计中、影视包装、电影片头、交互式app等中的运用 ▸ 案例：《part of me》、《猫狗大战》、MIT多媒体实验室多形
态标志
PPT学习交流
16
• 文本
PPT学习交流
术上使用的是动画制作手段。
PPT学习交流
10
• 文本
动态图形设计的设计特点
▸ 阅读视频化、有趣的形式 ▸ 技术的革新 ▸ 轻量化的形式 ▸ 快速传播、成本控制、设计流程简单 ▸ 服务于信息传播领域，符合时代的特点 ▸ 动图在标志、片头、广告、包装、摄影领域
PPT学习交流
11
• 文本
动态图形设计的本质特征
PPT学习交流
8
• 文本
什么是动态图形设计？
▸ 视频演示
PPT学习交流
9
• 文本
基本概念
▸ 广义上来讲，Motion Graphics是一种融合了电影与图形设计的语言，基于时间流动而设计的视觉表现形式。 ▸ 动态图形有点像是平面设计与动画片之间的一种产物，动态图形在视觉表现上使用的是基于平面设计的规则，在技
PPT学习交流
24
• 文本
动态图形设计在平面中的运用
PPT学习交流
25
• 文本
常用软件
▸ 二维图形软件：Photoshop、Ai、An等 ▸ 后期：AE、Pr等 ▸ 三维：C4d、MAYA等
PPT学习交流
26
• AE基本工具及属性
动态图形与MG角色
▸ 常用“角色”及作用
PPT学习交流
27
• AE基本工具及属性
▸ 三个项目： ▸ 1.完成基础创意构思 ▸ 2.加强专业软件学习及制作 ▸ 3.提升自身审美水平和专业综合能力
PБайду номын сангаасT学习交流
3
• 动态图形设计概述
动态图形设计概述（MOTION GRAPHICS）
▸ 新媒体时代的到来： ▸ 什么是动态图形设计： ▸ 动态图形设计的本质特征： ▸ 动态图形设计在其他领域的运用： ▸ 动态图形设计的流程： ▸ 所用工具： ▸ 案例：
17
• 文本
动态图形在其它领域中的运用
PPT学习交流
18
• 文本
宣传视频
PPT学习交流
19
• 文本
动态图形在其它领域中的运用
PPT学习交流
20
• 案例
苹果2013MG推介动画
▸ MG动画形式不止适用于知识类短视频，还常见于品牌甚至政府
机构的宣传片。自从苹果公司在2013年发布了自家的MG动画 广告之后，各大公司就纷纷推出了符合自己品牌的MG动画广告， 来推广自家品牌。