Animate CC动画制作案例教程

李婷，毕业于湖南大学工业设计系，硕士研究生，现为电子科技大学中山学院艺术设计学院教师，任工业设计系主任，主要从事工业设计及产品设计专业的一线教学，负责的主要课程有：计算机辅助造型设计，产品设计与开发（产品设计）、材料与工艺、人机工程学、模型制作和工程制图等。

第 1章 认识 Animate CC ……………………………………………………… 01

1．1 Animate CC动画概述………………………………………………………………01

1．1．1 Animate CC简介 …………………………………………………………… 01

1．1．2 Animate CC 的新特性 ……………………………………………………… 02

1．2 Animate CC常规工作流程…………………………………………………………04

1．3 Animate CC基本工作界面…………………………………………………………05

1．3．1 【欢迎】界面 ……………………………………………………………… 05

1．3．2 工作界面 …………………………………………………………………… 06

1．3．3 管理窗口和面板 …………………………………………………………… 07

1．3．4 管理工作界面 ……………………………………………………………… 09

1．3．5 在 Animate CC中自定义【工具】面板 …………………………………… 09

1．3．6 在 Animate CC中使用舞台 ………………………………………………… 10

1．3．7 在 Animate CC中使用标尺、辅助线和网格 ……………………………… 12

1．4 Animate CC基本操作………………………………………………………………13

1．4．1 新建 Animate文档 ………………………………………………………… 13

1．4．2 打开 Animate文档 ………………………………………………………… 14

1．4．3 设置 Animate文档属性 …………………………………………………… 15

1．4．4 保存 Animate文档 ………………………………………………………… 16

1．4．5 关闭 Animate文档 ………………………………………………………… 16

1．5 关于位图图像和矢量图像 …………………………………………………………17

1．5．1 总体区别 …………………………………………………………………… 17

1．5．2 文件格式 …………………………………………………………………… 17

- V

1．5．3 易用性区别 ………………………………………………………………… 18

1．5．4 最终成像特征 ……………………………………………………………… 19

1．6 章节练习 ……………………………………………………………………………19

第 2章 Animate CC图形绘制 ………………………………………………… 20

2．1 使用三种绘制模式绘制“基本几何形” …………………………………………20

2．1．1 【合并绘制】模式 ………………………………………………………… 20

2．1．2 【对象绘制】模式 ………………………………………………………… 23

2．1．3 【图元对象绘制】模式 …………………………………………………… 24

2．2 使用基本形状工具绘制“双马尾女孩” …………………………………………25

2．3 使用钢笔工具绘制“寿司店菜单” ………………………………………………31

2．4 使用宽度工具绘制“快乐企鹅” …………………………………………………37

2．5 使用矢量艺术笔刷绘制场景“戈壁” ……………………………………………42

2．6 使用传统画笔工具绘制卡通插画“波比和苹果” ………………………………44

2．7 章节练习 ……………………………………………………………………………48

第 3章 Animate CC元件和库的使用 ………………………………………… 52

3．1 使用元件和库绘制场景“瓢虫” …………………………………………………52

3．1．1 转换为元件 ………………………………………………………………… 52

3．1．2 编辑元件 …………………………………………………………………… 59

3．1．3 新建元件 …………………………………………………………………… 60

3．1．4 图形元件动画 ……………………………………………………………… 61

3．1．5 影片剪辑元件动画 ………………………………………………………… 65

3．2 制作影片剪辑元件 3D动画“蝶恋花” …………………………………………68

3．3 制作影片剪辑元件 3D动画“立体贺卡” ………………………………………73

3．4 制作按钮元件“按钮设置” ………………………………………………………81

3．5 章节练习 ……………………………………………………………………………88

第 4章 Animate CC逐帧动画制作 …………………………………………… 90

4．1 使用逐帧动画制作微信表情包“小狐狸波比” …………………………………90

4．1．1 二维动画制作基础知识 …………………………………………………… 90

4．1．2 具体操作步骤 ……………………………………………………………… 92

4．2 使用逐帧动画制作抖动风格动画“月夜” ………………………………………97

4．3 使用逐帧动画制作“手写字”动画效果 ……………………………………… 107

4．4 使用逐帧动画制作“水滴下落”动画效果 …………………………………… 109

4．5 章节练习 ………………………………………………………………………… 111

第 5章 Animate CC补间动画制作 ………………………………………… 113

5．1 制作传统补间动画“雪地月光” ……………………………………………… 113

5．1．1 补间动画与传统补间 …………………………………………………… 113

5．1．2 场景动画制作步骤 ……………………………………………………… 114

5．1．3 “汽车”动画制作步骤 ………………………………………………… 120

5．2 使用传统补间制作动画“闹钟响铃” ………………………………………… 122

5．3 使用补间动画制作动画“搬砖” ……………………………………………… 140

5．4 制作补间动画“运动文本” …………………………………………………… 150

5．5 章节练习 ………………………………………………………………………… 156

第 6章 Animate CC引导层动画制作 ……………………………………… 159

6．1 制作引导层游戏开机动画“火车熊” ………………………………………… 159

6．2 制作引导层动画“火车行驶” ………………………………………………… 168

6．3 制作引导层动画“火箭绕月” ………………………………………………… 172

6．4 制作引导层动画“小球旋转 Loading” ……………………………………… 180

6．5 章节练习 ………………………………………………………………………… 184

第 7章 Animate CC遮罩层动画制作 ……………………………………… 189

7．1 使用遮罩层完成游戏开机动画“火车熊” …………………………………… 189

7．2 使用遮罩层制作动画“放大镜” ……………………………………………… 191

7．3 使用遮罩层制作动画“金属字体” …………………………………………… 198

7．4 使用遮罩层制作动画“涂鸦熊猫” …………………………………………… 203

7．5 使用遮罩层制作动画“Loading进度条” …………………………………… 214

7．6 章节练习 ………………………………………………………………………… 219

第 8章 Animate CC形变动画制作 ………………………………………… 225

8．1 使用形状补间制作动画“水球” ……………………………………………… 225

8．2 使用形状补间制作动画“海浪” ……………………………………………… 237

8．3 使用资源变形工具制作动画“烛火” ………………………………………… 243

8．4 使用资源变形工具制作动画“小狗走路” …………………………………… 247

8．5 章节练习 ………………………………………………………………………… 254

第 9章 Animate CC骨骼动画制作 ………………………………………… 260

9．1 使用骨骼工具制作动画“手臂运动” ………………………………………… 260

9．2 使用骨骼工具制作动画“山民” ……………………………………………… 265

9．3 使用骨骼工具制作动画“吊灯摆动” ………………………………………… 270

9．4 章节练习 ………………………………………………………………………… 274

第 10章 Animate CC角色动画制作 ……………………………………… 279

10．1 使用父级图层制作角色侧面走路循环动画“上学去”……………………… 279

10．2 使用自动嘴形同步创建动画“专家讲解”…………………………………… 286

10．3 使用动画编辑器编辑角色动画“班主任”…………………………………… 289

10．4 章节练习………………………………………………………………………… 302

第 11章 Animate CC动画技巧 …………………………………………… 307

11．1 通过导入 Photoshop文档制作动画“星光女孩” ………………………… 307

11．2 通过导入 Illustrator文档制作动画“海浪帆船” …………………………… 311

11．3 使用图形滤镜制作动画“奔跑的救护车”…………………………………… 316

11．4 使用摄像头工具制作动画“风吹海浪”……………………………………… 325

11．5 导出和发布……………………………………………………………………… 332

11．5．1 导出 PNG序列 ………………………………………………………… 332

11．5．2 导出图像和动画 GIF ………………………