Adobe Animate CC动画设计与制作

第1章 Animate入门必学
· I ·
00 An CC云课堂教学 文前_1-12.indd 1 2021/2/20 上午11:07
案例精讲 绘制卡通少女形象 22
案 / 例 / 描 / 述....................................................................................22
案 / 例 / 详 / 解....................................................................................22
边用边学 27
2.1 辅助绘图工具 ........................................................................27
2.1.1 标尺 ..............................................................................27
2.1.2 网格 ..............................................................................27
2.1.3 辅助线 ...........................................................................28
2.2 图形绘图工具 ........................................................................29
2.2.1 钢笔工具 .......................................................................29
2.2.2 线条工具 .......................................................................30
2.2.3 铅笔工具 .......................................................................30
2.2.4 矩形工具组 ...................................................................31
2.2.5 椭圆工具组 ....................................................................32
2.2.6 多角星形工具 ................................................................33
2.2.7 画笔工具 .......................................................................34
2.3 图形选择工具 ........................................................................35
2.3.1 选择工具 .......................................................................35
2.3.2 部分选取工具 ................................................................37
2.3.3 套索工具组 ....................................................................37
2.4 图形填充工具 ........................................................................38
2.4.1 颜料桶工具 ....................................................................38
2.4.2 墨水瓶工具 ....................................................................39
2.4.3 滴管工具 .......................................................................40
2.5 图形编辑工具 ........................................................................42
2.5.1 任意变形工具 ................................................................42
2.5.2 渐变变形工具 ................................................................44
2.5.3 3D旋转工具组 ...............................................................44
2.5.4 骨骼工具 .......................................................................44
2.5.5 橡皮擦工具 ....................................................................45
2.5.6 资源变形工具 ................................................................46
2.5.7 宽度工具 .......................................................................46
2.6 图形编辑操作 ........................................................................47
2.6.1 合并对象 .......................................................................47
2.6.2 组合对象 .......................................................................49
2.6.3 分离对象 .......................................................................49
2.6.4 对齐对象 .......................................................................50
2.6.5 调整对象顺序 ................................................................51
经验之谈 如何利用导入的图像素材 52
第2章 绘图工具的应用
· II ·
Adobe Animate CC动画设计与制作
00 An CC云课堂教学 文前_1-12.indd 2 2021/2/20 上午11:07
案例精讲 制作矩形进度条 56
案 / 例 / 描 / 述....................................................................................56
案 / 例 / 详 / 解....................................................................................56
边用边学 62
3.1 时间轴和帧 ............................................................................62
3.1.1 时间轴概述 ....................................................................62
3.1.2 帧概述 ...........................................................................62
3.2 帧的编辑 ................................................................................64
3.2.1 选择帧 ...........................................................................64
3.2.2 插入帧 ...........................................................................65
3.2.3 复制帧 ...........................................................................66
3.2.4 移动帧 ...........................................................................66
3.2.5 翻转帧 ...........................................................................67
3.2.6 清除帧 ...........................................................................67
3.3 图层的编辑 ............................................................................67
3.3.1 创建图层 .......................................................................67
3.3.2 选择图层 .......................................................................68
3.3.3 重命名图层 ....................................................................68
3.3.4 删除图层 .......................................................................69
3.3.5 设置图层的状态 .............................................................69
3.3.6 设置图层的属性 .............................................................70
经验之谈 如何使用Animate软件中的父级关系 71
上手实操 72
实操一：制作云山雾绕效果 ................................................................72
实操二：制作飞舞的蜻蜓 ....................................................................72
上手实操 54
实操一：绘制可爱鱼类 .......................................................................54
实操二：绘制美味甜点 ...................................................................
案例精讲 制作舞动的音符 97
案 / 例 / 描 / 述....................................................................................97
案 / 例 / 详 / 解....................................................................................97
边用边学 106
5.1 认识元件 ..............................................................................106
5.1.1 影片剪辑元件 ..............................................................106
5.1.2 图形元件 .....................................................................106
5.1.3 按钮元件 .....................................................................106
5.2 创建与编辑元件 ..................................................................107
5.2.1 创建元件 .....................................................................107
5.2.2 转换元件 .....................................................................108
5.2.3 编辑元件 .....................................................................108
5.3 使用“库”面板 .................................................................. 110
5.3.1 “库”面板简介 ............................................................ 110
5.3.2 重命名库项目 .............................................................. 110
5.3.3 共享库资源 .................................................................. 111
5.4 创建与编辑实例 .................................................................. 113
5.4.1 创建实例 ..................................................................... 113
5.4.2 复制实例 ..................................................................... 113
边用边学 82
4.1 文本工具的使用 ....................................................................82
4.1.1 创建文本 .......................................................................82
4.1.2 静态文本 .......................................................................83
4.1.3 动态文本 .......................................................................83
4.1.4 输入文本 .......................................................................84
4.2 文本样式的设置 ....................................................................85
4.2.1 设置文字属性 ................................................................85
4.2.2 设置段落格式 ................................................................85
4.2.3 设置文本链接 ................................................................86
4.3 文字滤镜的应用 ....................................................................87
4.3.1 滤镜的基本操作 .............................................................87
4.3.2 设置滤镜效果 ................................................................88
经验之谈 常见的免费商用字体有哪些 93
上手实操 95
实操一：制作霓虹灯效果 ....................................................................95
实操二：制作燃烧的文字 ....................................................................95
第5章 元件、库与实例的应用
· IV ·
Adobe Animate CC动画设计与制作
00 An CC云课堂教学 文前_1-12.indd 4 2021/2/20 上午11:07
案例精讲 制作父亲节贺卡 122
案 / 例 / 描 / 述..................................................................................122
案 / 例 / 详 / 解..................................................................................122
边用边学 134
6.1 创建简单动画 ......................................................................134
6.1.1 逐帧动画 .....................................................................134
6.1.2 补间动画 .....................................................................134
6.1.3 补间形状动画 ..............................................................137
6.1.4 传统补间动画 ..............................................................139
6.2 创建复杂动画 ......................................................................141
6.2.1 引导动画 .....................................................................141
6.2.2 遮罩动画 .....................................................................142
6.2.3 骨骼动画 .....................................................................143
经验之谈 如何定位补间形状动画 147
上手实操 148
实操一：制作飞舞的蝴蝶 ..................................................................148
实操二：制作翻页图书 .....................................................................148
5.4.3 查看实例信息 .............................................................. 114
5.4.4 设置实例的色彩 ........................................................... 114
经验之谈 如何转换实例的类型及替换实例 116
经验一：转换实例类型的方法 ........................................................... 116
经验二：替换实例的方法 .................................................................. 117
上手实操 118
实操一：制作跟随鼠标指针游动的鱼 ...........................................
7.1.1 声音类型 .....................................................................160
7.1.2 音频格式 .....................................................................160
7.1.3 为对象导入声音 ...........................................................161
7.1.4 在Animate中编辑声音 .................................................161
7.1.5 在Animate中优化声音 .................................................164
7.2 在动画中插播视频 ..............................................................166
7.2.1 可导入的视频类型 .......................................................166
7.2.2 导入视频文件 ..............................................................166
7.2.3 处理视频文件 ..............................................................168
经验之谈 常见的音/视频处理软件有哪些 169
上手实操 170
实操一：制作乐观积极动画 ..............................................................170
实操二：制作下雪效果 .....................................................................170
案例精讲 制作读书调查表 172
案 / 例 / 描 / 述..................................................................................172
案 / 例 / 详 / 解..................................................................................172
边用边学 180
8.1 组件的基本操作 ..................................................................180
8.1.1 组件及其类型 ..............................................................180
8.1.2 组件的添加与删除 .......................................................181
8.1.3 组件效果的预览 ...........................................................182
8.2 复选框组件 ..........................................................................183
8.3 列表框组件 ..........................................................................184
8.4 输入文本组件 ......................................................................185
8.5 文本域组件 ..........................................................................186
8.6 下拉列表框组件 ..................................................................187
8.7 滚动条组件 ..........................................................................188
经验之谈 动画预设的使用方法 190
上手实操 191
实操一：制作播放器画面 ..................................................................191
实操二：互动颜色选择 .....................................................................191
第8章 常见组件的应用
· VI ·
Adobe Animate CC动画设计与制作
00 An CC云课堂教学 文前_1-12.indd 6 2021/2/20 上午11:07
案例精讲 制作音乐课件 194
案 / 例 / 描 / 述..................................................................................194
案 / 例 / 详 / 解..................................................................................194
边用边学 205
9.1 ActionScript 3.0简介 .......................................................205
9.1.1 初识ActionScript 3.0 ...................................................205
9.1.2 常量 ............................................................................205
9.1.3 变量 ............................................................................206
9.1.4 数据类型 .....................................................................207
9.2 ActionScript 3.0 的基本语法 .........................................208
9.2.1 关键字与保留字 ...........................................................208
9.2.2 点 ................................................................................208
9.2.3 分号 ............................................................................209
9.2.4 注释 ............................................................................209
9.2.5 小括号 .........................................................................210
9.2.6 大括号 .........................................................................210
9.2.7 区分大、小写 .............................................................. 211
9.3 运算符的应用 ...................................................................... 211
9.3.1 算术运算符 .................................................................. 211
9.3.2 赋值运算符 ..................................................................212
9.3.3 逻辑运算符 ..................................................................212
9.3.4 关系运算符 ..................................................................213
9.3.5 等于运算符 ..................................................................213
9.3.6 位运算符 .....................................................................213
9.4 “动作”面板的使用 ............................................................213
9.4.1 认识“动作”面板 .......................................................213
9.4.2 使用“动作”面板 .......................................................214
9.4.3 脚本的编写与调试 .......................................................215
9.5 交互式动画的创建 ..............................................................216
9.5.1 控制动画的播放进程 ....................................................216
9.5.2 动画的跳转播放 ...........................................................220
经验之谈 认识常见的条件语句和循环语句 223
经验一：认识ActionScript 3.0中的条件语句 ......................................223
经验二：认识ActionScript 3.0中的循环语句 ......................................223
上手实操 226
实操一：发动汽车小游戏 ..................................................................226
实操二：制作聚焦的望远镜 ..............................................................227
第9章 交互动画的创建
· VII ·
目录 CONTENTS
00 An CC云课堂教学 文前_1-12.indd 7 2021/2/20 上午11:07
案例精讲 制作生肖歌曲动画 230
案 / 例 / 描 / 述..................................................................................230
案 / 例 / 详 / 解..................................................................................230
边用边学 248
10.1 测试影片 ............................................................................248
10.1.1 在测试环境中测试 ...................................................248
10.1.2 在编辑模式中测试 ...................................................248
10.2 优化影片 ............................................................................249
10.2.1 优化元素和线条 ......................................................249
10.2.2 优化文本 .................................................................249
10.2.3 优化色彩 .................................................................249
10.2.4 优化图形和动画 ......................................................249
10.3 发布影片 ............................................................................249
10.3.1 发布为Animate文件 ................................................249
10.3.2 发布为HTML文件 ....................................................251
10.4 导出Animate动画 ...........................................................254
10.4.1 导出图像文件 ..........................................................254
10.4.2 导出影片文件 ..........................................................256
经验之谈 怎么导出放映文件 257
上手实操 258
实操一：输出SWF格式影片 ..............................................................258
实操二：输出GIF格式动画 ................................................................258
第10章 动画的输出与发布
附录 Adobe Animate CC常用快捷键汇总