动态图形设计1
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
MOTION GRAPHICS
动态图形设计
文本
导入
▸ 环境氛围：纸媒-》电脑、手机、app、 ▸ 运用领域：微博、微信、多媒体平台、公众号等 ▸ 涉及平台：html5等
文本
课程目标：
▸ 通过扁平化图形设计及动画设计这一切入点，来进行创造性
的设计，并结合软件及创意性构思完成最终的动画作品。
▸ 三个项目： ▸ 1.完成基础创意构思 ▸ 2.加强专业软件学习及制作 ▸ 3.提升自身审美水平和专业综合能力
是如何呈现的？
▸ 2.动态图形设计在哪些领域中有运用？它与其他领域如何结合产生
碰撞的？
▸ 3.传统数字动画与MG动画的区别和联系？ ▸ 4.观看并选择一部任意动态图形风格的动画作拉片处理，还原其文
本并根据其主题进行再设计，思考动态图形的未来将如何发展。
文本
什么是动态图形设计？
▸ 视频演示
文本
基本概念
▸ 广义上来讲，Motion Graphics是一种融合了电影与图形设计的语言，基于时间流动而设计的视觉表现形式。 ▸ 动态图形有点像是平面设计与动画片之间的一种产物，动态图形在视觉表现上使用的是基于平面设计的规则，在
技术上使用的是动画制作手段。
文本
动态图形设计概述
动态图形设计概述（MOTION GRAPHICS）
▸ 新媒体时代的到来： ▸ 什么是动态图形设计： ▸ 动态图形设计的本质特征： ▸ 动态图形设计在其他领域的运用： ▸ 动态图形设计的流程： ▸ 所用工具： ▸ 案例：
文本
新媒体时代的到来
▸ 手机、微信、微博等的朋友圈短视频
文本
新媒体时代的到来
▸ 知名城市电子化标识及公共区域视觉效果
文本
新媒体时代的到来
▸ 电子化的发展趋势
Fra Baidu bibliotek
什么是动态图形设计？
MG的起源与发展
▸ MG动画，全名英文：Motion Graphics，是一种在我们的日常生活随处可见的动态图形或图形动画。 ▸ 自1960年以来，美国动画师约翰·惠特尼（John Whitney）创立了Motion Graphics公司，并首次使用
AE基本工具及属性
动态图形与MG角色
▸ 常用“角色”及作用
AE基本工具及属性
动态图形与MG场景
▸ 场景的角度及出现方式 ▸ 缓动的概念
文本
动态图形与MG动画解说词
▸ 所说即说见（参考壹读视频/飞碟说）
文本
场景气氛的塑造
文本
思考和作业：
▸ 1.动态图形的概念及其延展，你认为生活中有什么样的动态图形，
文本
动态图形设计与平面设计
▸ 动态图形的平面设计原理 ▸ 基本形态要素：圆、方、三角
文本
动态图形在标志设计中的运用
▸ 平面基本形的构成方法：联合法、接触法、分割法、重叠法
、透叠法、差叠法、分离法、重合法
文本
动态图形设计在片头中的运用
文本
动态图形设计在平面中的运用
文本
常用软件
▸ 二维图形软件：Photoshop、Ai、An等 ▸ 后期：AE、Pr等 ▸ 三维：C4d、MAYA等
“Motion 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动画的进一步发展。
动态图形设计的设计特点
▸ 阅读视频化、有趣的形式 ▸ 技术的革新 ▸ 轻量化的形式 ▸ 快速传播、成本控制、设计流程简单 ▸ 服务于信息传播领域，符合时代的特点 ▸ 动图在标志、片头、广告、包装、摄影领域
文本
动态图形设计的本质特征
▸ 动态图形与动画设计（动画、场景、角色、剧情等） ▸ 动态图形与平面设计（标志、文字、排版、色彩等）
文本
思考
▸ 《飞碟说》、《壹读》视频，他们与一般等动画有什么区别
吗？
文本
动态图形设计的本质特征
▸ 动态图形设计三条主线：图形设计、动态设计、时间设计
文本
流程
▸ 动态图形设计脚本-〉图形素材设计-〉合成成片
文本
动态图形在其它领域中的运用
▸ 在视觉设计中、影视包装、电影片头、交互式app等中的运用 ▸ 案例：《part of me》、《猫狗大战》、MIT多媒体实验室多
形态标志
文本
文本
动态图形在其它领域中的运用
文本
宣传视频
文本
动态图形在其它领域中的运用
案例
苹果2013MG推介动画
▸ MG动画形式不止适用于知识类短视频，还常见于品牌甚至政
府机构的宣传片。自从苹果公司在2013年发布了自家的MG 动画广告之后，各大公司就纷纷推出了符合自己品牌的MG动 画广告，来推广自家品牌。
动态图形设计
文本
导入
▸ 环境氛围：纸媒-》电脑、手机、app、 ▸ 运用领域：微博、微信、多媒体平台、公众号等 ▸ 涉及平台：html5等
文本
课程目标：
▸ 通过扁平化图形设计及动画设计这一切入点，来进行创造性
的设计，并结合软件及创意性构思完成最终的动画作品。
▸ 三个项目： ▸ 1.完成基础创意构思 ▸ 2.加强专业软件学习及制作 ▸ 3.提升自身审美水平和专业综合能力
是如何呈现的？
▸ 2.动态图形设计在哪些领域中有运用？它与其他领域如何结合产生
碰撞的？
▸ 3.传统数字动画与MG动画的区别和联系？ ▸ 4.观看并选择一部任意动态图形风格的动画作拉片处理，还原其文
本并根据其主题进行再设计，思考动态图形的未来将如何发展。
文本
什么是动态图形设计？
▸ 视频演示
文本
基本概念
▸ 广义上来讲，Motion Graphics是一种融合了电影与图形设计的语言，基于时间流动而设计的视觉表现形式。 ▸ 动态图形有点像是平面设计与动画片之间的一种产物，动态图形在视觉表现上使用的是基于平面设计的规则，在
技术上使用的是动画制作手段。
文本
动态图形设计概述
动态图形设计概述（MOTION GRAPHICS）
▸ 新媒体时代的到来： ▸ 什么是动态图形设计： ▸ 动态图形设计的本质特征： ▸ 动态图形设计在其他领域的运用： ▸ 动态图形设计的流程： ▸ 所用工具： ▸ 案例：
文本
新媒体时代的到来
▸ 手机、微信、微博等的朋友圈短视频
文本
新媒体时代的到来
▸ 知名城市电子化标识及公共区域视觉效果
文本
新媒体时代的到来
▸ 电子化的发展趋势
Fra Baidu bibliotek
什么是动态图形设计？
MG的起源与发展
▸ MG动画，全名英文：Motion Graphics，是一种在我们的日常生活随处可见的动态图形或图形动画。 ▸ 自1960年以来，美国动画师约翰·惠特尼（John Whitney）创立了Motion Graphics公司，并首次使用
AE基本工具及属性
动态图形与MG角色
▸ 常用“角色”及作用
AE基本工具及属性
动态图形与MG场景
▸ 场景的角度及出现方式 ▸ 缓动的概念
文本
动态图形与MG动画解说词
▸ 所说即说见（参考壹读视频/飞碟说）
文本
场景气氛的塑造
文本
思考和作业：
▸ 1.动态图形的概念及其延展，你认为生活中有什么样的动态图形，
文本
动态图形设计与平面设计
▸ 动态图形的平面设计原理 ▸ 基本形态要素：圆、方、三角
文本
动态图形在标志设计中的运用
▸ 平面基本形的构成方法：联合法、接触法、分割法、重叠法
、透叠法、差叠法、分离法、重合法
文本
动态图形设计在片头中的运用
文本
动态图形设计在平面中的运用
文本
常用软件
▸ 二维图形软件：Photoshop、Ai、An等 ▸ 后期：AE、Pr等 ▸ 三维：C4d、MAYA等
“Motion 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动画的进一步发展。
动态图形设计的设计特点
▸ 阅读视频化、有趣的形式 ▸ 技术的革新 ▸ 轻量化的形式 ▸ 快速传播、成本控制、设计流程简单 ▸ 服务于信息传播领域，符合时代的特点 ▸ 动图在标志、片头、广告、包装、摄影领域
文本
动态图形设计的本质特征
▸ 动态图形与动画设计（动画、场景、角色、剧情等） ▸ 动态图形与平面设计（标志、文字、排版、色彩等）
文本
思考
▸ 《飞碟说》、《壹读》视频，他们与一般等动画有什么区别
吗？
文本
动态图形设计的本质特征
▸ 动态图形设计三条主线：图形设计、动态设计、时间设计
文本
流程
▸ 动态图形设计脚本-〉图形素材设计-〉合成成片
文本
动态图形在其它领域中的运用
▸ 在视觉设计中、影视包装、电影片头、交互式app等中的运用 ▸ 案例：《part of me》、《猫狗大战》、MIT多媒体实验室多
形态标志
文本
文本
动态图形在其它领域中的运用
文本
宣传视频
文本
动态图形在其它领域中的运用
案例
苹果2013MG推介动画
▸ MG动画形式不止适用于知识类短视频，还常见于品牌甚至政
府机构的宣传片。自从苹果公司在2013年发布了自家的MG 动画广告之后，各大公司就纷纷推出了符合自己品牌的MG动 画广告，来推广自家品牌。