Animate动画设计教程(Animate CC 2018)(微课版)

项目一 走进Animate动画世界　1
任务一　认识Animate动画 2
一、任务目标 2
二、相关知识 2
（一）Animate动画设计的优势 2
（二）Animate动画的应用领域 3
（三）Animate动画文件类型 5
（四）动画制作流程 5
三、任务实施 6
（一）打开Animate文件 6
（二）预览与发布动画 7
任务二　制作“豹子奔跑”动画 8
一、 任务目标 8
二、相关知识 8
（一）Animate CC 2018的工作界面 9
（二）Animate CC 2018动画文件的基本操作 11
三、任务实施 13
（一）新建Animate文件 13
（二）制作与预览Animate动画 14
实训一　转换“放大镜”动画的类型并发布 14
实训二　调整“宇宙”动画的尺寸大小 15
课后练习 16
技巧提升 17

项目二 绘制与编辑图形 18
任务一　绘制卡通小熊图形 19
一、任务目标 19
二、相关知识 19
（一）图形图像的基础知识 19
（二）几何绘图工具 21
（三）自由绘图工具 25
（四）绘图辅助工具 27
（五）选择类工具 29
三、任务实施 30
（一）绘制小熊头部 30
（二）绘制小熊的身体 32
任务二　为“荷塘月色”填色 33
一、任务目标 33
二、相关知识 34
（一）认识颜色 34
（二）“颜色”面板 34
（三）“样本”面板 35
（四）编辑渐变填充 35
（五）使用填充工具 37
三、任务实施 38
（一）线性渐变填充 38
（二）径向渐变填充 40
任务三　制作郊外场景 41
一、任务目标 41
二、相关知识 41
（一）变形对象 41
（二）翻转对象 43
（三）合并对象 43
（四）组合与分离对象 44
（五）排列与对齐对象 45
三、任务实施 46
（一）调整背景、草地、太阳和云 46
（二）调整树木、房屋和花 47
实训一　绘制脸谱 48
实训二　绘制卡通场景 49
课后练习 50
技巧提升 51

项目三 添加与编辑文本 52
任务一　制作“音乐节”海报 53
一、任务目标 53
二、相关知识 53
（一）文本工具 53
（二）文本工具的“属性”面板 54
（三）“时间轴”面板 54
三、任务实施 56
任务二　制作招聘DM单 59
一、 任务目标 59
二、相关知识 60
（一）文本变形 60
（二）文本填充 61
（三）文本边框 61
三、任务实施 61
（一）制作标题文本 61
（二）添加其他文本 63
实训一　制作中秋横幅广告 64
实训二　制作环保宣传广告 64
课后练习 65
技巧提升 66

项目四 使用元件与素材 67
任务一　制作生日贺卡 68
一、任务目标 68
二、相关知识 68
（一）认识元件和实例 68
（二）创建元件 69
（三）编辑元件 70
（四）为实例添加滤镜效果 70
（五）认识“库”面板 72
（六）调用外部库文件 72
三、任务实施 73
（一）从外部库文件中调用素材 73
（二）创建元件并添加滤镜 74
任务二　制作“水彩画”动画 75
一、 任务目标 75
二、相关知识 75
（一）导入一般位图 75
（二）导入PSD文件 76
（三）导入AI文件 77
（四）将位图转换为矢量图 77
三、任务实施 78
实训一　制作小池场景 80
实训二　制作夏日沙滩场景 81
课后练习 81
技巧提升 83

项目五 制作基本动画 84
任务一　制作“跳动文字”动画 85
一、任务目标 85
二、相关知识 85
（一）帧的编辑 85
（二）图层的运用 87
（三）动画播放控制 91
三、任务实施 92
（一）插入关键帧 92
（二）添加效果 93
任务二　制作“风景相册”动画 94
一、 任务目标 94
二、相关知识 95
（一）Animate的基本动画类型 95
（二）各种动画在时间轴中的标识 96
（三）创建逐帧动画 96
（四）创建补间形状动画 97
（五）创建传统补间动画 97
（六）创建补间动画 98
三、任务实施 98
（一）制作传统补间动画 98
（二）制作补间形状动画 100
任务三　制作“促销广告”动画 101
一、 任务目标 101
二、相关知识 102
（一）设置补间形状动画属性 102
（二）设置传统补间动画属性 103
（三）设置补间动画属性 104
三、任务实施 105
（一）创建传统补间动画和补间动画 105
（二）为动画添加缓动效果 109
实训一　制作“汽车行驶”动画 109
实训二　制作“篮球”动画 110
课后练习 111
技巧提升 112

项目六 制作高级动画 113
任务一　制作“纸飞机”动画 114
一、任务目标 114
二、相关知识 114
（一）引导动画原理 114
（二）创建引导动画 114
（三）引导动画的“属性”面板 115
（四）制作引导动画的注意事项 116
三、任务实施 116
（一）创建引导动画 116
（二）设置引导动画的属性 117
任务二　制作“高山流水”动画 118
一、 任务目标 118
二、相关知识 119
（一）遮罩动画原理 119
（二）创建遮罩层 119
（三）创建遮罩动画的注意事项 120
三、任务实施 120
（一）创建补间动画 120
（二）创建遮罩动画 121
任务三　制作“人物行走”动画 123
一、 任务目标 123
二、相关知识 124
（一）认识骨骼动画 124
（二）添加骨骼 124
（三）编辑骨骼 125
（四）创建骨骼动画 127
（五）设置骨骼动画的属性 128
三、任务实施 128
（一）创建骨骼 128
（二）编辑骨骼动画 129
实训一　制作“枫叶飘落”动画 130
实训二　制作海浪效果 131
实训三　制作“舞蹈剪影”动画 132
课后练习 133
技巧提升 134

项目七 添加音频和视频 135
任务一　制作“音乐片头”动画 136
一、任务目标 136
二、相关知识 136
（一）声音的格式 136
（二）导入与添加声音 137
（三）修改与删除声音 137
（四）设置声音播放次数 137
（五）设置声音的属性 137
三、任务实施 139
（一）添加背景音乐 139
（二）添加按钮音效 139
任务二　制作“夜色朦胧”动画 140
一、 任务目标 141
二、相关知识 141
（一）视频的格式 141
（二）导入视频文件 141
三、任务实施 143
（一）制作背景 143
（二）导入视频 144
实训一　制作“有声飞机”动画 144
实训二　制作“电视节目预告”动画 146
课后练习 146
技巧提升 147

项目八 制作脚本与组件动画 148
任务一　制作“动态风光”相册 149
一、任务目标 149
二、相关知识 149
（一）JavaScript和CreateJS 149
（二）“动作”面板的使用 150
（三）变量 151
（四）数据类型 152
（五）表达式和运算符 152
（六）函数 154
（七）语句 154
（八）时间轴导航函数 156
（九）事件处理 157
三、任务实施 157
（一）添加图片和按钮 157
（二）输入脚本程序代码 158
任务二　制作“电子时钟”动画 161
一、 任务目标 161
二、相关知识 161
（一）处理时间和日期 161
（二）显示动态文本 161
三、任务实施 162
（一）绘制动态文本框 162
（二）输入脚本程序代码 163
任务三　制作“雪花飞舞”动画 164
一、 任务目标 164
二、相关知识 165
（一）随机函数 165
（二）设置影片剪辑属性 165
（三）使用脚本从库中创建对象 166
三、任务实施 166
（一）制作雪花飘落影片剪辑元件 166
（二）输入脚本程序代码 167
任务四　制作问卷调查表 168
一、任务目标 168
二、相关知识 168
（一）组件的类型 168
（二）组件的操作 169
（三）常用组件的使用 169
（四）调试脚本程序 171
三、任务实施 173
（一）输入文本并添加组件 173
（二）输入脚本程序代码 175
实训一　制作交互式滚动广告 177
实训二　制作“钟表”动画 178
实训三　制作美食问卷调查表 179
课后练习 180
技巧提升 181

项目九 优化、发布与导出动画 182

任务一　测试和优化“雪夜”动画 183
一、任务目标 183
二、相关知识 183
（一）测试动画 183
（二）优化动画 184
三、任务实施 186
（一）测试动画 186
（二）优化动画 186
任务二　发布“恭贺新禧”动画 189
一、 任务目标 189
二、相关知识 189
（一）发布设置 189
（二）发布动画 193
三、任务实施 193
任务三　导出“汽车广告”动画 194
一、 任务目标 194
二、相关知识 195
（一）导出图像 195
（二）导出影片 196
（三）导出视频 196
（四）导出GIF动画 197
三、任务实施 198
实训一　测试并发布“动态风光相册” 199
实训二　导出“有声飞机”动画 200
课后练习 201
技巧提升 202

项目十 综合案例 203

任务一　制作网站进入动画 204
一、任务目标 204
二、相关知识 204
（一）构建Animate网站的常用技术 204
（二）如何规划Animate网站 204
三、任务实施 205
（一）制作进入动画 205
（二）制作网页导航条动画 209
任务二　制作“打地鼠”游戏 214
一、任务目标 214
二、相关知识 214
（一）Animate游戏概述 214
（二）Animate游戏制作流程 214
三、任务实施 216
（一）制作动画界面 216
（二）编辑元件 218
（三）编辑交互式脚本 225
（四）测试和发布动画 226
实训一　制作“童年”MV 227
实训二　制作“青蛙跳”游戏 228
课后练习 229
技巧提升 230