目 录

案例素材
习题答案

第1章 Animate CC动画制作基础 ………………………………………1

1.1 Animate CC的工作环境 …………………………………………………………………1

1.1.1 Animate CC的操作界面 ………………………………………………………………1

1.1.2 设置工作环境 …………………………………………………………………………5

1.2 文档的基本操作……………………………………………………………………………8

1.2.1 新建文档 ………………………………………………………………………………8

1.2.2 设置文档属性 ………………………………………………………………………10

1.2.3 保存文档 ………………………………………………………………………………11

1.2.4 打开和关闭文档 ……………………………………………………………………12

1.3 影片的测试和导出………………………………………………………………………14

1.3.1 预览和测试动画 ……………………………………………………………………14

1.3.2 文件的导出 …………………………………………………………………………15

1.4 文件的发布………………………………………………………………………………15

1.4.1 文件的发布设置 ……………………………………………………………………15

1.4.2 针对HTML5的发布 ………………………………………………………………16

1.5 本章小结…………………………………………………………………………………21

1.6 本章习题…………………………………………………………………………………21

1.7 上机练习与指导…………………………………………………………………………22

1.7.1 Animate CC界面的操作 ……………………………………………………………22

1.7.2 使用模板并发布为可执行文件 ……………………………………………………22

第2章 绘制图形 …………………………………………………………23

2.1 绘制规则图形……………………………………………………………………………23

2.1.1 矩形工具和基本矩形工具 …………………………………………………………23

2.1.2 椭圆工具和基本椭圆工具 …………………………………………………………26

2.1.3 多角星形工具 ………………………………………………………………………28

2.1.4 实战范例—田园农舍 ……………………………………………………………29

2.2 绘制不规则图形…………………………………………………………………………33

2.2.1 线条工具 ……………………………………………………………………………33



Animate动画制作实用教程(微课视频版)

VI

2.2.2 铅笔工具 ……………………………………………………………………………35

2.2.3 钢笔工具 ……………………………………………………………………………36

2.2.4 实战范例—卡通狮子 ……………………………………………………………38

2.3 三种画笔工具……………………………………………………………………………40

2.3.1 传统画笔工具 ………………………………………………………………………40

2.3.2 画笔工具 ……………………………………………………………………………42

2.3.3 流畅画笔工具 ………………………………………………………………………44

2.3.4 实战范例—草地 …………………………………………………………………45

2.4 其他辅助绘图工具………………………………………………………………………49

2.4.1 选取对象 ……………………………………………………………………………49

2.4.2 擦除对象 ……………………………………………………………………………52

2.4.3 查看对象 ……………………………………………………………………………53

2.4.4 实战范例—雨伞 …………………………………………………………………53

2.5 本章小结…………………………………………………………………………………56

2.6 本章练习…………………………………………………………………………………56

2.7 上机练习和指导…………………………………………………………………………57

2.7.1 绘制卡通鱼 …………………………………………………………………………57

2.7.2 绘制足球 ……………………………………………………………………………57

第3章 图形的色彩 ………………………………………………………58

3.1 纯色填充…………………………………………………………………………………58

3.1.1 创建颜色 ……………………………………………………………………………58

3.1.2 填充纯色 ……………………………………………………………………………62

3.1.3 实战范例—线稿上色 ……………………………………………………………64

3.2 渐变填充…………………………………………………………………………………65

3.2.1 创建渐变 ……………………………………………………………………………66

3.2.2 渐变的调整 …………………………………………………………………………67

3.2.3 实战范例—水晶时钟 ……………………………………………………………70

3.3 位图填充…………………………………………………………………………………73

3.3.1 填充位图 ……………………………………………………………………………73

3.3.2 调整位图填充 ………………………………………………………………………74

3.3.3 实战范例—国画卷轴 ……………………………………………………………75

3.4 本章小结…………………………………………………………………………………80

3.5 本章练习…………………………………………………………………………………80

3.6 上机练习和指导…………………………………………………………………………81

3.6.1 苹果 …………………………………………………………………………………81

3.6.2 水晶按钮 ……………………………………………………………………………81



目录

VII

第4章 图形的变换 ………………………………………………………82

4.1 对象的变形………………………………………………………………………………82

4.1.1 线条的平滑和伸直 …………………………………………………………………82

4.1.2 对象的任意变形 ……………………………………………………………………83

4.1.3 对象的精确变形 ……………………………………………………………………85

4.1.4 实战范例—礼品盒 ………………………………………………………………86

4.2 对象的对齐和排列………………………………………………………………………92

4.2.1 对象的对齐 …………………………………………………………………………92

4.2.2 对象的排列 …………………………………………………………………………94

4.2.3 对象的贴紧 …………………………………………………………………………94

4.2.4 实战范例—手机 …………………………………………………………………96

4.3 对象的合并和组合………………………………………………………………………99

4.3.1 Animate CC的绘图模式 ……………………………………………………………99

4.3.2 对象的合并 …………………………………………………………………………100

4.3.3 对象的组合 …………………………………………………………………………102

4.3.4 对象的分离 …………………………………………………………………………102

4.3.5 实战范例—清晨 …………………………………………………………………103

4.4 本章小结…………………………………………………………………………………109

4.5 本章练习…………………………………………………………………………………109

4.6 上机练习和指导…………………………………………………………………………109

4.6.1 绘制图案 ……………………………………………………………………………109

4.6.2 绘制各种花朵 ………………………………………………………………………110

第5章 在作品中应用文字 ………………………………………………111

5.1 文本的基本操作…………………………………………………………………………111

5.1.1 创建文本 ……………………………………………………………………………111

5.1.2 文本的选择 …………………………………………………………………………112

5.1.3 设置文本方向 ………………………………………………………………………112

5.1.4 设置字符样式 ………………………………………………………………………113

5.1.5 设置段落样式 ………………………………………………………………………116

5.1.6 输入文本和动态文本 ………………………………………………………………117

5.1.7 嵌入字体 ……………………………………………………………………………119

5.1.8 实战范例—店内广告 ……………………………………………………………120

5.2 使用滤镜…………………………………………………………………………………124

5.2.1 滤镜的操作 …………………………………………………………………………124

5.2.2 滤镜详解 ……………………………………………………………………………125



Animate动画制作实用教程(微课视频版)

5.2.3 实用范例—新年日历 ……………………………………………………………129

5.3 本章小结…………………………………………………………………………………134

5.4 本章练习…………………………………………………………………………………134

5.5 上机练习和指导…………………………………………………………………………135

5.5.1 辉光文字效果 ………………………………………………………………………135

5.5.2 制作文字特效 ………………………………………………………………………136

第6章  AnimateCC基础动画 …………………………………………137

6.1 逐帧动画…………………………………………………………………………………137

6.1.1 时间轴上的帧 ………………………………………………………………………137

6.1.2 图层的管理 …………………………………………………………………………142

6.1.3 实战范例—盛开的雪莲花 ………………………………………………………146

6.2 形状补间动画……………………………………………………………………………149

6.2.1 制作形状补间动画的方法 …………………………………………………………149

6.2.2 形状补间动画的参数设置 …………………………………………………………150

6.2.3 添加形状提示 ………………………………………………………………………150

6.2.4 实战范例—窗帘飘动 ……………………………………………………………151

6.3 传统补间动画……………………………………………………………………………154

6.3.1 传统补间动画的创建方法 …………………………………………………………154

6.3.2 传统补间的参数设置 ………………………………………………………………156

6.3.3 传统补间动画的应用分析 …………………………………………………………158

6.3.4 实战范例—弹簧振子模拟动画 …………………………………………………161

6.4 沿路径运动的传统补间动画……………………………………………………………163

6.4.1 制作路径动画的方法 ………………………………………………………………163

6.4.2 基于笔触的路径动画 ………………………………………………………………165

6.4.3 实战范例—台风模拟演示动画 …………………………………………………168

6.5 自定义缓动效果…………………………………………………………………………170

6.5.1 制作自定义缓动动画的方法 ………………………………………………………170

6.5.2 对缓动效果进行设置 ………………………………………………………………172

6.5.3 实战范例—逼真弹跳的球 ………………………………………………………173

6.6 本章小结…………………………………………………………………………………176

6.7 本章练习…………………………………………………………………………………177

6.8 上机练习和指导…………………………………………………………………………178

6.8.1 倒计时动画 …………………………………………………………………………178

6.8.2 网络横幅广告 ………………………………………………………………………178

6.8.3 摇曳的烛光 …………………………………………………………………………179

6.8.4 沿路径弹跳的小球 …………………………………………………………………182



目录

第7章 元件和实例 ………………………………………………………183

7.1 初识元件和实例…………………………………………………………………………183

7.1.1 元件 …………………………………………………………………………………183

7.1.2 实例 …………………………………………………………………………………185

7.2 元件的类型和创建元件的方法…………………………………………………………185

7.2.1 元件的类型 …………………………………………………………………………185

7.2.2 元件的创建方法 ……………………………………………………………………186

7.2.3 编辑元件的三种方式 ………………………………………………………………187

7.2.4 元件的基本操作 ……………………………………………………………………188

7.3 影片剪辑元件……………………………………………………………………………192

7.3.1 认识影片剪辑元件 …………………………………………………………………192

7.3.2 影片剪辑的“9切片缩放” …………………………………………………………195

7.3.3 实战范例—争奇斗艳的鲜花 ……………………………………………………196

7.4 按钮元件…………………………………………………………………………………198

7.4.1 实战范例—变色按钮 ……………………………………………………………198

7.4.2 实战范例—文字按钮 ……………………………………………………………201

7.4.3 实战范例—透明按钮 ……………………………………………………………202

7.4.4 实战范例—放电按钮 ……………………………………………………………203

7.5 管理、使用【库】 ………………………………………………………………………206

7.5.1 【库】面板简介 ………………………………………………………………………206

7.5.2 管理元件 ……………………………………………………………………………207

7.5.3 外部库 ………………………………………………………………………………209

7.6 本章小结…………………………………………………………………………………210

7.7 本章习题…………………………………………………………………………………210

7.8 上机练习和指导…………………………………………………………………………211

7.8.1 小鸟飞入 ……………………………………………………………………………211

7.8.2 动态按钮 ……………………………………………………………………………212

第8章 基于对象的补间动画 ……………………………………………213

8.1 创建对象补间动画………………………………………………………………………213

8.1.1 创建对象补间动画的方法 …………………………………………………………213

8.1.2 对补间范围进行操作 ………………………………………………………………218

8.1.3 创建对象补间的基本规则 …………………………………………………………220

8.1.4 实战范例—跳跃的足球 …………………………………………………………222

8.2 使用“动画编辑器” ……………………………………………………………………224

8.2.1 “动画编辑器”面板简介 ……………………………………………………………224



Animate动画制作实用教程(微课视频版)

8.2.2 应用“动画编辑器”面板编辑动画 ………………………………………………225

8.2.3 编辑属性曲线的形状 ………………………………………………………………229

8.2.4 实战范例—汽车广告 ……………………………………………………………231

8.3 动画预设…………………………………………………………………………………238

8.3.1 使用动画预设 ………………………………………………………………………238

8.3.2 实战范例—文字动画特效 ………………………………………………………239

8.4 本章小结…………………………………………………………………………………243

8.5 本章习题…………………………………………………………………………………243

8.6 上机练习与指导…………………………………………………………………………244

8.6.1 补间动画应用—网络广告 ………………………………………………………244

8.6.2 “动画编辑器”的应用—电话来了 ………………………………………………246

8.6.3 预设动画的应用—文字广告 ……………………………………………………247

第9章 Animate CC高级动画制作 ……………………………………249

9.1 遮罩动画…………………………………………………………………………………249

9.1.1 实战范例—图片切换 ……………………………………………………………249

9.1.2 实战范例—电池掉电 ……………………………………………………………252

9.1.3 实战范例—流动的光线 …………………………………………………………254

9.2 3D动画 …………………………………………………………………………………257

9.2.1 影片剪辑的3D变换 ………………………………………………………………257

9.2.2 透视角度和消失点 …………………………………………………………………259

9.2.3 实战范例—旋转立方体 …………………………………………………………261

9.3 骨骼动画…………………………………………………………………………………266

9.3.1 关于骨骼动画 ………………………………………………………………………266

9.3.2 创建骨骼动画 ………………………………………………………………………267

9.3.3 设置骨骼动画属性 …………………………………………………………………270

9.3.4 制作形状骨骼动画 …………………………………………………………………274

9.3.5 实战范例—飞翔 …………………………………………………………………275

9.4 场景动画…………………………………………………………………………………278

9.4.1 制作场景动画 ………………………………………………………………………278

9.4.2 实战范例—远眺 …………………………………………………………………285

9.5 本章小结…………………………………………………………………………………288

9.6 本章习题…………………………………………………………………………………288

9.7 上机练习和指导…………………………………………………………………………289

9.7.1 遮罩动画应用—卷轴画 …………………………………………………………289

9.7.2 3D动画应用—3D文字特效 ……………………………………………………290

9.7.3 3D动画应用—翻书效果 …………………………………………………………291



目录

9.7.4 骨骼动画应用—摇曳 ……………………………………………………………292

9.7.5 骨骼动画应用—人物行走 ………………………………………………………292

9.7.6 场景动画应用—骑自行车 ………………………………………………………293

第10章 Animate CC的多媒体功能 ……………………………………295

10.1 声音在动画中的应用 …………………………………………………………………295

10.1.1 将声音导入动画 ……………………………………………………………………295

10.1.2 声音属性的设置和编辑 ……………………………………………………………296

10.1.3 压缩声音 ……………………………………………………………………………301

10.1.4 实战范例—音乐按钮 ……………………………………………………………304

10.2 视频在动画中的应用 …………………………………………………………………308

10.2.1 Animate CC视频格式简介 ………………………………………………………308

10.2.2 实战范例—嵌入视频 ……………………………………………………………309

10.2.3 实战范例—渐进式下载播放外部视频 …………………………………………314

10.3 本章小结 ………………………………………………………………………………319

10.4 本章习题 ………………………………………………………………………………319

10.5 上机练习和指导 ………………………………………………………………………320

10.5.1 声音和动画的同步效果 ……………………………………………………………320

10.5.2 3D影视墙 …………………………………………………………………………322

第11章 Animate CC的交互动画 ………………………………………323

11.1 ActionScript 3.0开发环境 ……………………………………………………………323

11.1.1 ActionScript的首选参数设置 ……………………………………………………323

11.1.2 【动作】面板 ………………………………………………………………………325

11.1.3 使用代码向导 ………………………………………………………………………327

11.1.4 使用【代码片段】面板 ……………………………………………………………329

11.1.5 实战范例—用代码控制飞鸟飞行 ………………………………………………330

11.2 了解ActionScript 3.0 …………………………………………………………………333

11.2.1 认识类和对象 ………………………………………………………………………333

11.2.2 认识事件 ……………………………………………………………………………339

11.3 ActionScript 3.0应用范例 ……………………………………………………………340

11.3.1 应用范例1—文字的鼠标跟随效果 ……………………………………………341

11.3.2 应用范例2—时钟 ………………………………………………………………345

11.3.3 实战范例3—用鼠标拖动图片 …………………………………………………347

11.3.4 实战范例4—用键盘控制对象的移动 …………………………………………348

11.3.5 实战范例5—简易音乐播放器 …………………………………………………350

11.4 本章小结 ………………………………………………………………………………353



Animate动画制作实用教程(微课视频版)

11.5 本章习题 ………………………………………………………………………………353

11.6 上机练习和指导 ………………………………………………………………………354

11.6.1 随鼠标跳动的小球 …………………………………………………………………354

11.6.2 用鼠标控制的旋转文字 ……………………………………………………………355

11.6.3 下雪动画效果 ………………………………………………………………………357