Animate实例教程

第 1 章 Animate 2020 基础知识 1

1.1　Animate 2020 概述　2

1.2　Animate 2020 应用领域　2

1.2.1　动画影片　2

1.2.2　广告设计　2

1.2.3　网站设计　2

1.2.4　教学设计　3

1.2.5　游戏设计　3

1.3　Animate 2020 的新增功能　3

1.3.1　图像矢量化　4

1.3.2　音频分割　4

1.3.3　图像处理改进　4

1.3.4　画笔镜像　4

1.3.5　帧选择器增强功能　4

1.3.6　纹理贴图集增强功能　4

1.3.7　文件保存优化　4

1.3.8　资源变形　4

1.4　Animate 2020 的操作界面　5

1.4.1　菜单栏　5

1.4.2　工具箱　6

1.4.3　“时间轴”面板　7

1.4.4　场景和舞台　8

1.4.5　“属性”面板　8

1.4.6　浮动面板　9

1.5　Animate 2020 的文件操作　9

1.5.1　新建文件　9

1.5.2　保存文件　10

1.5.3　打开文件　10

1.6　Animate 2020 的系统配置　11

1.6.1　“首选参数”对话框　11

1.6.2　设置浮动面板　14

1.6.3　“历史记录”面板　15

第　2 章 图形的绘制与编辑　17

2.1　图形的绘制与选择　18

2.1.1　课堂案例——绘制引导页中的插画　18

2.1.2　“线条”工具　22

2.1.3　“铅笔”工具　23

2.1.4　“椭圆”工具　24

2.1.5　“基本椭圆”工具　24

2.1.6　“画笔”工具　25

2.1.7　“矩形”工具　26

2.1.8　“基本矩形”工具　27

2.1.9　“多角星形”工具　27

2.1.10　“钢笔”工具　28

2.1.11　“选择”工具　29

2.1.12　“部分选取”工具　30

2.1.13　“套索”工具　31

2.1.14　“多边形”工具　31

2.1.15　“魔术棒”工具　31

2.2　图形的编辑　32

2.2.1　课堂案例——绘制卡通太空插画　32

2.2.2　“墨水瓶”工具　34

2.2.3　“颜料桶”工具　35

2.2.4　“宽度”工具　36

2.2.5　“滴管”工具　36

2.2.6　“橡皮擦”工具　37

2.2.7　“任意变形”工具和“渐变变形”工具　38

2.2.8　“手形”工具和“缩放”工具　40

2.3　图形的色彩　42

2.3.1　课堂案例——绘制引导页中的商店　42

2.3.2　纯色编辑面板　45

2.3.3　“颜色”面板　45

2.3.4　“样本”面板　47

2.4　3D 效果的创建　48

2.4.1　“3D 旋转”工具　48

2.4.2　“3D 平移”工具　49

课堂练习——绘制卡通小汽车　49

课后习题——绘制大嘴鸟插画　50

第3　章 对象的编辑与修饰　51

3.1　对象的变形与操作　52

3.1.1　课堂案例——绘制闪屏页中的插画　52

3.1.2　扭曲对象　56

3.1.3　封套对象　57

3.1.4　缩放对象　57

3.1.5　旋转与倾斜对象　57

3.1.6　翻转对象　58

3.1.7　组合对象　58

3.1.8　分离对象　58

3.1.9　叠放对象　59

3.1.10　对齐对象　59

3.2　对象的修饰　59

3.2.1　课堂案例——绘制风景插画　59

3.2.2　优化曲线　61

3.2.3　将线条转换为填充　61

3.2.4　扩展填充　61

3.2.5　柔化填充边缘　62

3.3　“对齐”面板与“变形”面板的使用　63

3.3.1　课堂案例——制作茶叶网站首页　63

3.3.2　“对齐”面板　66

3.3.3　“变形”面板　67

课堂练习——绘制飞机插画　69

课后习题——绘制卡通形象插画　69

第4　章 文本的编辑　70

4.1　文本的类型及使用　71

4.1.1　课堂案例——制作耳机网站首页　71

4.1.2　创建文本　74

4.1.3　文本属性　74

4.1.4　静态文本　78

4.1.5　动态文本　78

4.1.6　输入文本　78

4.1.7　嵌入字体　79

4.2　文本的转换　80

4.2.1　课堂案例——制作服饰类App主页Banner　80

4.2.2　变形文本　83

4.2.3　填充文本　83

课堂练习——制作水果标牌　84

课后习题——制作博物馆海报　84

第5　章 外部素材的应用　85

5.1　图像素材的应用　86

5.1.1　课堂案例——制作运动鞋广告　86

5.1.2　图像素材的格式　87

5.1.3　导入图像素材　87

5.1.4　设置导入位图的属性　90

5.1.5　将位图转换为图形　92

5.1.6　将位图转换为矢量图　92

5.2　视频素材的应用　93

5.2.1　课堂案例——制作手机界面　93

5.2.2　视频素材的格式　96

5.2.3　导入视频素材　96

5.2.4　视频的属性　97

课堂练习——制作化妆品广告　97

课后习题——制作旅游海报　98

第6　章 元件和库　99

6.1　元件与“库”面板　100

6.1.1　课堂案例——制作新年贺卡　100

6.1.2　元件的类型　103

6.1.3　创建图形元件　103

6.1.4　创建按钮元件　104

6.1.5　创建影片剪辑元件　106

6.1.6　转换元件　107

6.1.7　“库”面板的组成　109

6.2　实例的创建与应用　110

6.2.1　课堂案例——制作教育插画　110

6.2.2　创建实例　113

6.2.3　转换实例的类型　115

6.2.4　替换实例引用的元件　115

6.2.5　改变实例的颜色和透明效果　116

6.2.6　分离实例　118

6.2.7　元件编辑模式　119

课堂练习——制作乡村风景插画　119

课后习题——制作加载条动画　119

第7　章 基本动画的制作　121

7.1　帧与“时间轴”面板　122

7.1.1　课堂案例——制作打字效果　122

7.1.2　动画中帧的概念　124

7.1.3　帧的显示形式　125

7.1.4　“时间轴”面板　126

7.1.5　绘图纸（洋葱皮）功能　127

7.1.6　在“时间轴”面板中设置帧　128

7.2　帧动画的创建　128

7.2.1　课堂案例——制作逐帧动画效果　129

7.2.2　帧动画　130

7.2.3　逐帧动画　131

7.3　形状补间动画的创建　132

7.3.1　课堂案例——制作文化动态海报　132

7.3.2　简单形状补间动画　134

7.3.3　应用变形提示　135

7.4　补间动画的创建　136

7.4.1　课堂案例——制作饰品类公众号封面首图　136

7.4.2　创建补间动画　140

7.4.3　创建传统补间　141

7.4.4　测试动画　143

7.5　骨骼动画的创建　144

7.5.1　课堂案例——制作骨骼动画　144

7.5.2　添加骨骼　146

7.5.3　编辑骨骼　147

7.6　摄像机动画的创建　148

7.6.1　课堂案例——制作镜头动画　148

7.6.2　添加摄像头图层　150

7.6.3　设置摄像头图层的属性　150

课堂练习——制作城市动画　151

课后习题——制作房地产广告　152

第8　章 图层与高级动画　153

8.1　图层、引导层、运动引导层与分散到图层　154

8.1.1　课堂案例——制作电商广告　154

8.1.2　图层的设置　157

8.1.3　图层文件夹　160

8.1.4　普通引导层　161

8.1.5　运动引导层　162

8.1.6　分散到图层　164

8.2　遮罩层与遮罩的动画制作　164

8.2.1　课堂案例——制作化妆品主图动画　165

8.2.2　遮罩层　169

8.2.3　静态遮罩动画　169

8.2.4　动态遮罩动画　170

8.3　场景动画　171

8.3.1　创建场景　171

8.3.2　选择当前场景　171

8.3.3　调整场景动画的播放次序　172

8.3.4　删除场景　172

课堂练习——制作电压力锅广告　172

课后习题——制作飘落的树叶　173

第9　章 声音素材的编辑　174

9.1　声音素材的导入与编辑　175

9.1.1　课堂案例——添加图片按钮音效　175

9.1.2　音频的基本知识　178

9.1.3　声音素材的格式　178

9.1.4　导入声音素材并添加声音　178

9.2　声音素材的编辑　179

9.2.1　“属性”面板　179

9.2.2　压缩声音素材　180

课堂练习——制作横版汽车海报　182

课后习题——制作中秋节海报　183

第　10 章 动作脚本的应用　184

10.1　动作脚本的使用　185

10.1.1　课堂案例——制作系统时钟　185

10.1.2　“动作”面板的使用　187

10.2　数据类型　188

10.3　语法规则　189

10.4　变量　190

10.5　函数　191

10.6　表达式和运算符　191

课堂练习——制作漫天飞雪　192

课后习题——制作鼠标跟随　193

第　11 章 交互式动画的制作　194

11.1　播放和停止动画　195

11.1.1　课堂案例——制作祝福语动态海报　195

11.1.2　播放和停止动画　198

11.2　按钮事件　200

11.3　鼠标效果　201

课堂练习——制作端午节庆海报　202

课后习题——制作动态图标　203

第　12 章 组件和动画预设　204

12.1　组件　205

12.1.1　关于Animate 组件　205

12.1.2　设置组件　205

12.2　使用动画预设　206

12.2.1　课堂案例——制作运动鞋横版海报　206

12.2.2　预览动画预设　210

12.2.3　应用动画预设　210

12.2.4　将补间另存为自定义动画预设　212

12.2.5　导出和导入动画预设　213

12.2.6　删除动画预设　214

课堂练习——制作汽车广告　214

课后习题——制作旅行箱广告　215

第　13 章 作品的测试、优化、输出和发布　216

13.1　影片的测试与优化　217

13.1.1　影片测试窗口　217

13.1.2　作品优化　217

13.2　影片的输出与发布　218

13.2.1　输出影片设置　218

13.2.2　输出影片图像格式　218

13.2.3　发布影片设置　220

13.2.4　发布影片图像格式　221

13.2.5　转换为HTML5 Canvas　224

13.2.6　针对HTML5 的发布　224

第　14 章 综合设计实训　225

14.1　贺卡设计——制作元宵节贺卡　226

14.1.1　项目背景及要求　226

14.1.2　项目创意及制作　226

14.2　电子相册——制作旅游相册　226

14.2.1　项目背景及要求　226

14.2.2　项目创意及制作　227

14.3　广告设计——制作女包广告　227

14.3.1　项目背景及要求　227

14.3.2　项目创意及制作　228

14.4　海报设计——制作油泼面海报　228

14.4.1　项目背景及要求　228

14.4.2　项目创意及制作　228

14.5　节目片头——制作早安片头　229

14.5.1　项目背景及要求　229

14.5.2　项目创意及制作　229

14.6　课堂练习1——设计音乐节目片头　230

14.6.1　项目背景及要求　230

14.6.2　项目创意及制作　230

14.7　课堂练习2——设计空调扇广告　231

14.7.1　项目背景及要求　231

14.7.2　项目创意及制作　231

14.8　课后习题1——设计手机广告　231

14.8.1　项目背景及要求　231

14.8.2　项目创意及制作　232

14.9　课后习题2——设计节日类动态海报　232

14.9.1　项目背景及要求　232

14.9.2　项目创意及制作　232