《动画设计与制作 从新手到高手》一书包含10章，第1~6章为理论部分，介绍一些基本概念及软件操作；第7~10章都为MG动画设计的案例，包括MBE风格运动动画、图形标志演绎动画、产品展示动画、趣味场景动画，内容丰富且全面。本书包含丰富的知识点、案例及制作技巧，并配套相关效果文件、案例源文件、教学视频和习题资源，可供读者多方位深入学习。 本书适用于动态图形设计初学者、互联网产品设计师及其他对动态图形感兴趣的从业者阅读使用，也可作为相关设计院校的参考教材。

MG动画设计与制作实战类图书。
MG动画初学者从入门到精通。
剖析Illustrator、After Effects、Photoshop动画设计技巧。
涵盖LOGO动效、UI动效、点线风格、MBE风格、人物角色、羊驼奔跑等。

随着移动互联网、5G技术的发展，视频已经成为了人们日常生活中最普遍的一种信息载体。视频不仅可以用来传播内容，也可以用来传播营销类的广告信息。MG动画作为时下流行的营销广告内容的传播形式之一，受到越来越多企业的追捧。

MG是Motion Graphic的缩写，可以直译为图形动画或动态图形，即通过动态的图形变换表现出各种引人入胜的画面，最终达到传播内容的目的。

MG动画的制作流程相对复杂，涉及的软件种类较多，所以MG动画师的门槛也相对偏高。除了要会画分镜，还要懂平面和动画，但也正因如此，一名合格的MG动画师在行业内的薪资报酬也很可观。本书的主要内容就是教会读者如何一步步从零开始成为一名合格的MG动画师。

1. 编写目的
鉴于制作MG动画的流程相对复杂，我们力图编写一本可以让一名小白从零开始学MG动画的书。所以本书从MG动画的基本概念讲起，全面介绍了各MG动画主流制作软件的应用方法，并附有大量的案例练习，力求读者能在学完本书内容之后，可以输出属于自己的MG动画作品。

2. 内容安排
本书共11章，有理论，有实操。讲解软件时，会从软件的基本功能讲起，并附有案例练习，让读者通过边学边练的方式掌握书中的知识。本书最后几章更是针对目前市面上的主流风格，有针对性地设计了几个案例。

全书具体内容安排

第1章 MG动画概述 介绍MG动画的基本概念，MG动画制作的常用软件，以及MG动画的一般制作流程。

第2章 动画设计风格的确立 介绍MG动画的几种常见风格，讲解MG动画的配色原理和技巧。

第3章 Illustrator在MG动画中的应用 介绍Illustrator软件，从基本操作讲起，涉及绘图工具、图形绘制技巧等。

第4章 After Effects在MG动画中的应用 介绍After Effects软件，从基本操作讲起，涉及动画属性、关键帧和表达式等重点知识。

第5章 Photoshop在MG动画中的应用 介绍Photoshop软件，从基础操作讲起，涉及工具组、图层等重点知识。

第6章 点线风格MG动画 从零开始制作一个点线风格的MG动画，从动画分析讲起，依次完成每一个分镜，最后将所有分镜组合成一个完整的MG动画。

第7章 LOGO动效MG动画 从零开始制作一个LOGO动效，从出场到停留，再到收尾，每个部分都会告诉读者如何制作。

第8章 UI动效MG动画 从零开始制作一个UI动效，使用素材库提供的psd素材，制作两个UI的转场动效。

第9章 MBE风格MG动画 从零开始制作一个MBE风格的动画，从元素绘制到动画制作，全流程讲解。

第10章 人物角色MG动画 从零开始制作一个人物角色动画，使用软件提供的aep文件，将绘制好的人物形象制作成一个不断奔跑的状态。

第11章 羊驼奔跑MG动画 通过制作一个奔跑的羊驼动画，掌握切换形态的制作技巧，学习After Effects路径动画的灵活应用。

3. 本书写作特色
本书主要以理论结合实战的方式，讲解制作MG动画所需要的各项知识点，力求读者学完之后，自己也能动手制作自己的MG动画。本书有如下特点。

由易到难，循序渐进。
先从基础理论讲起，再过渡到简单案例，最后用综合案例结尾。学习过程由易到难，循序渐进，力求让读者在学习过程中不会卡壳。

图文视频，相得益彰。
本书采用文字配合图片的讲解方式，图片为主，文字为辅。案例部分除了图文，还配有详细的视频教程，即便是新手，也能跟着视频完成操作。

注重落地，学以致用。
由于本书涉及的知识较多、较广，为了确保读者能将所学知识学以致用，本书的最后6章都是综合案例。

4. 配套资源及技术支持

本书的配套素材及视频教学文件请用微信扫描下面的二维码进行下载，如果有技术性问题，请用微信扫描下面的技术支持二维码，联系相关人员进行解决。如果在配套资源下载过程中碰到问题，请联系陈老师，联系邮箱：chenlch@tup.tsinghua.edu.cn。

2023年5月

洪兴隆
网名：我是破美工

设计自媒体创作者，前爱奇艺高级设计师。
腾讯课堂、站酷高高手、喜马拉雅等平台动效合作讲师。
接触AfterEffects 11年，从事设计行业9年。
全网粉丝20万 ，视频总播放量500万
先后帮助500名0基础学员完成动效设计的体系化学习。

基础篇
第1章 MG动画概述
1.1 什么是MG动画 1
1.2 MG动画的传播优势 ·1
1.2.1 可加载的信息量大 ·1
1.2.2 成本低，制作周期短 1
1.2.3 画面品质标准化 2
1.2.4 传播载体多样化 2
1.3 MG动画制作常用软件 ·2
1.3.1 Illustrator2
1.3.2 After Effects 3
1.3.3 Cinema 4D 3
1.3.4 Photoshop ·3
1.4 MG动画制作的一般流程 4
1.4.1 剧本文案 ·4
1.4.2 美术设定 ·5
1.4.3 设计分镜头 6
1.4.4 绘制素材 ·6
1.4.5 声音的创作 7
1.4.6 后期剪辑 ·7
1.5 本章小结7

第2章 动画设计风格的确立
2.1 MG动画的常见风格 ·8
2.1.1 MBE风格 ·8
2.1.2 线条风格 ·8
2.1.3 扁平风格 ·8
2.1.4 插画风格 ·9
2.1.5 点线科技风格 ·9
2.2 色彩搭配原理 9
2.2.1 主色和辅色的作用 ·9
2.2.2 色轮工具 ·10
2.2.3 色相、饱和度及明度 10
2.2.4 配色公式 ·11
2.3 MG动画的配色技巧 ·12
2.3.1 色差的比例调配 12
2.3.2 利用色彩的反差 12
2.3.3 选择合适的配色方案 13
2.3.4 巧妙运用黑色 ·13
2.3.5 从大自然中提取颜色 14
2.3.6 从图案中提取颜色 ·14
2.3.7 根据情绪和心理活动选择颜色 14
2.4 本章小结15

第3章 Illustrator在MG动画中的应用
3.1 Illustrator软件概述·16
3.2 文档的基本操作·17
3.2.1 新建文档 · 17
3.2.2 打开文档 · 17
3.2.3 置入文档 · 18
3.3 认识绘图工具 18
3.3.1 线条工具 · 18
3.3.2 图形工具 · 20
3.3.3 实战绘制极简风格图标 · 22
3.3.4 钢笔工具 · 24
3.3.5 实战绘制雪人卡通插画 · 27
3.4 图形的填充 30
3.4.1 单色填充 · 30
3.4.2 渐变填充 · 30
3.4.3 渐变网格 · 31
3.4.4 文字工具 · 31
3.5 编辑图形对象 32
3.5.1 变换控件 · 32
3.5.2 旋转工具 · 33
3.5.3 比例缩放工具 · 33
3.5.4 镜像工具 · 34
3.5.5 倾斜工具 · 34
3.5.6 不透明度属性 · 35
3.6 综合案例绘制江南水乡场35
3.7 本章小结· 38

第4章?After Effects在MG动画中的应用
4.1 After Effects软件概述 39
4.2 After Effects的基本操作· 39
4.2.1 新建项目 · 40
4.2.2 新建合成 · 40
4.2.3 导入素材 · 40
4.2.4 实战将AI文件导入After Effects · 41
4.3 图层的基本操作· 42
4.3.1 新建图层 · 42
4.3.2 图层的混合模式 42
4.3.3 常用的图层类型 43
4.4 图层的基本动画属性 44
4.4.1 锚点 · 44
4.4.2 位置 · 44
4.4.3 缩放 · 45
4.4.4 旋转 · 45
4.4.5 不透明度 · 45
4.4.6 实战树叶飘动进度条 46
4.5 蒙版与遮罩 51
4.5.1 创建蒙版的工具 51
4.5.2 蒙版属性的修改 52
4.6 关键帧与表达式· 54
4.6.1 添加关键帧 54
4.6.2 查看关键帧 54
4.6.3 编辑关键帧 54
4.6.4 关键帧类型 55
4.6.5 图表编辑器 56
4.6.6 几个常用的表达式 ·56
4.6.7 实战飞舞的雪花动画 58
4.7 综合案例变形弹跳 62
4.8 本章小结66

第5章 Photoshop在MG动画中的应用
5.1 Photoshop软件概述 67
5.2 Photoshop工具组 67
5.2.1 选区工具组 67
5.2.2 形状工具组 68
5.2.3 实战使用形状工具绘制机器人图标 ·71
5.3 综合案例绘制相机图标 ·73
5.4 本章小结78

实战篇
第6章 点线风格MG动画
6.1 动画分析79
6.2 创建第一幕：开始动画 80
6.2.1 创建合成 ·80
6.2.2 创建背景 ·80
6.2.3 制作圆点动画 ·80
6.2.4 制作冲击波 83
6.2.5 制作速度线 83
6.2.6 制作粒子汇集 ·84
6.3 创建第二幕：生成动画 85
6.4 制作第三幕：结尾动画 92

第7章 LOGO动效MG动画
7.1 动画分析95
7.2 创建第一幕：种子动画 96
7.3 创建第二幕：苹果动画 97
7.3.1 线条动画 ·97
7.3.2 苹果掉落动画 ·98
7.4 创建第三幕：字母动画 101

第8章 UI动效MG动画
8.1 动画分析106
8.2 创建第一幕：转场动画 107
8.3 创建第二幕：返回动画 111

第9章 MBE风格MG动画
9.1 动画分析113
9.2 制作雷达图标的MG动画 113
9.2.1 调整MBE效果 113
9.2.2 制作雷达动画 115
9.3 制作UFO的MG动画·116
9.3.1 UFO动画 116
9.3.2 吸收动画 119
9.3.3 修饰动画 122

第10章 人物角色MG动画
10.1 动画分析124
10.2 绑定骨骼125
10.3 制作腿部动画 ·126
10.4 制作身体动画 ·128
10.5 制作手臂动画 ·128
10.6 完善细节动画 ·130

第11章 羊驼奔跑MG动画
11.1 动画分析 ·131
11.2 正常奔跑 ·131
11.2.1 导入 131
11.2.2 腿部和身体动画 ·132
11.2.3 身体细节调整 135
11.2.4 头部细节调整 136
11.2.5 五官细节调整 136
11.2.6 眼镜动画制作 138
11.2.7 制作围巾上的斑点 139
11.2.8 制作地面上的阴影 141
11.3 衔接动画 ·142
11.4 直立行走动画 146
11.5 整合动画 ·150