Animate动画设计教程（Animate CC 2018 微课版）

项目一 走进Animate动画世界　1
任务一　认识Animate动画\t2
一、任务目标\t2
二、相关知识\t2
（一）Animate动画设计的优势\t2
（二）Animate动画的应用领域\t3
（三）Animate动画文件类型\t5
（四）动画制作流程\t5
三、任务实施\t6
（一）打开Animate文件\t6
（二）预览与发布动画\t7
任务二　制作“豹子奔跑”动画 \t8
一、 任务目标\t8
二、相关知识\t8
（一）Animate CC 2018的工作界面\t9
（二）Animate CC 2018动画文件的基本操作\t11
三、任务实施\t13
（一）新建Animate文件\t13
（二）制作与预览Animate动画\t14
实训一　转换“放大镜”动画的类型并发布\t14
实训二　调整“宇宙”动画的尺寸大小 \t15
课后练习\t\t\t16
技巧提升\t\t\t17
项目二 绘制与编辑图形 18
任务一　绘制卡通小熊图形 \t19
一、任务目标\t19
二、相关知识\t19
（一）图形图像的基础知识\t19
（二）几何绘图工具\t21
（三）自由绘图工具\t25
（四）绘图辅助工具\t27
（五）选择类工具\t29
三、任务实施\t30
（一）绘制小熊头部\t30
（二）绘制小熊的身体\t32
任务二　为“荷塘月色”填色 \t33
一、任务目标\t33
二、相关知识\t34
（一）认识颜色\t34
（二）“颜色”面板\t34
（三）“样本”面板\t35
（四）编辑渐变填充\t35
（五）使用填充工具\t37
三、任务实施\t38
（一）线性渐变填充\t38
（二）径向渐变填充\t40
任务三　制作郊外场景 \t41
一、任务目标\t41
二、相关知识\t41
（一）变形对象\t41
（二）翻转对象\t43
（三）合并对象\t43
（四）组合与分离对象\t44
（五）排列与对齐对象\t45
三、任务实施\t46
（一）调整背景、草地、太阳和云\t46
（二）调整树木、房屋和花\t47
实训一　绘制脸谱 \t48
实训二　绘制卡通场景 \t49
课后练习\t\t\t50
技巧提升\t\t\t51
项目三 添加与编辑文本 52
任务一　制作“音乐节”海报 \t53
一、任务目标\t53
二、相关知识\t53
（一）文本工具\t53
（二）文本工具的“属性”面板\t54
（三）“时间轴”面板\t54
三、任务实施\t56
任务二　制作招聘DM单\t59
一、 任务目标\t59
二、相关知识\t60
（一）文本变形\t60
（二）文本填充\t61
（三）文本边框\t61
三、任务实施\t61
（一）制作标题文本\t61
（二）添加其他文本\t63
实训一　制作中秋横幅广告 \t64
实训二　制作环保宣传广告 \t64
课后练习\t\t\t65
技巧提升\t\t\t66
项目四 使用元件与素材 67
任务一　制作生日贺卡 \t68
一、任务目标\t68
二、相关知识\t68
（一）认识元件和实例\t68
（二）创建元件\t69
（三）编辑元件\t70
（四）为实例添加滤镜效果\t70
（五）认识“库”面板\t72
（六）调用外部库文件\t72
三、任务实施\t73
（一）从外部库文件中调用素材\t73
（二）创建元件并添加滤镜\t74
任务二　制作“水彩画”动画\t75
一、 任务目标\t75
二、相关知识\t75
（一）导入一般位图\t75
（二）导入PSD文件\t76
（三）导入AI文件\t77
（四）将位图转换为矢量图\t77
三、任务实施\t78
实训一　制作小池场景 \t80
实训二　制作夏日沙滩场景 \t81
课后练习\t\t\t81
技巧提升\t\t\t83
项目五 制作基本动画 84
任务一　制作“跳动文字”动画 \t85
一、任务目标\t85
二、相关知识\t85
（一）帧的编辑\t85
（二）图层的运用\t87
（三）动画播放控制\t91
三、任务实施\t92
（一）插入关键帧\t92
（二）添加效果\t93
任务二　制作“风景相册”动画\t94
一、 任务目标\t94
二、相关知识\t95
（一）Animate的基本动画类型\t95
（二）各种动画在时间轴中的标识\t96
（三）创建逐帧动画\t96
（四）创建补间形状动画\t97
（五）创建传统补间动画\t97
（六）创建补间动画\t98
三、任务实施\t98
（一）制作传统补间动画\t98
（二）制作补间形状动画\t100
任务三　制作“促销广告”动画\t101
一、 任务目标\t101
二、相关知识\t102
（一）设置补间形状动画属性\t102
（二）设置传统补间动画属性\t103
（三）设置补间动画属性\t104
三、任务实施\t105
（一）创建传统补间动画和补间动画\t105
（二）为动画添加缓动效果\t109
实训一　制作“汽车行驶”动画 \t109
实训二　制作“篮球”动画 \t110
课后练习\t\t\t111
技巧提升\t\t\t112
项目六 制作高级动画 113
任务一　制作“纸飞机”动画 \t114
一、任务目标\t114
二、相关知识\t114
（一）引导动画原理\t114
（二）创建引导动画\t114
（三）引导动画的“属性”面板\t115
（四）制作引导动画的注意事项\t116
三、任务实施\t116
（一）创建引导动画\t116
（二）设置引导动画的属性\t117
任务二　制作“高山流水”动画\t118
一、 任务目标\t118
二、相关知识\t119
（一）遮罩动画原理\t119
（二）创建遮罩层\t119
（三）创建遮罩动画的注意事项\t120
三、任务实施\t120
（一）创建补间动画\t120
（二）创建遮罩动画\t121
任务三　制作“人物行走”动画\t123
一、 任务目标\t123
二、相关知识\t124
（一）认识骨骼动画\t124
（二）添加骨骼\t124
（三）编辑骨骼\t125
（四）创建骨骼动画\t127
（五）设置骨骼动画的属性\t128
三、任务实施\t128
（一）创建骨骼\t128
（二）编辑骨骼动画\t129
实训一　制作“枫叶飘落”动画 \t130
实训二　制作海浪效果 \t131
实训三　制作“舞蹈剪影”动画 \t132
课后练习\t\t\t133
技巧提升\t\t\t134
项目七 添加音频和视频 135
任务一　制作“音乐片头”动画 \t136
一、任务目标\t136
二、相关知识\t136
（一）声音的格式\t136
（二）导入与添加声音\t137
（三）修改与删除声音\t137
（四）设置声音播放次数\t137
（五）设置声音的属性\t137
三、任务实施\t139
（一）添加背景音乐\t139
（二）添加按钮音效\t139
任务二　制作“夜色朦胧”动画\t140
一、 任务目标\t141
二、相关知识\t141
（一）视频的格式\t141
（二）导入视频文件\t141
三、任务实施\t143
（一）制作背景\t143
（二）导入视频\t144
实训一　制作“有声飞机”动画 \t144
实训二　制作“电视节目预告”动画 \t146
课后练习\t\t\t146
技巧提升\t\t\t147
项目八 制作脚本与组件动画 148
任务一　制作“动态风光”相册 \t149
一、任务目标\t149
二、相关知识\t149
（一）JavaScript和CreateJS\t149
（二）“动作”面板的使用\t150
（三）变量\t151
（四）数据类型\t152
（五）表达式和运算符\t152
（六）函数\t154
（七）语句\t154
（八）时间轴导航函数\t156
（九）事件处理\t157
三、任务实施\t157
（一）添加图片和按钮\t157
（二）输入脚本程序代码\t158
任务二　制作“电子时钟”动画\t161
一、 任务目标\t161
二、相关知识\t161
（一）处理时间和日期\t161
（二）显示动态文本\t161
三、任务实施\t162
（一）绘制动态文本框\t162
（二）输入脚本程序代码\t163
任务三　制作“雪花飞舞”动画\t164
一、 任务目标\t164
二、相关知识\t165
（一）随机函数\t165
（二）设置影片剪辑属性\t165
（三）使用脚本从库中创建对象\t166
三、任务实施\t166
（一）制作雪花飘落影片剪辑元件\t166
（二）输入脚本程序代码\t167
任务四　制作问卷调查表\t168
一、任务目标\t168
二、相关知识\t168
（一）组件的类型\t168
（二）组件的操作\t169
（三）常用组件的使用\t169
（四）调试脚本程序\t171
三、任务实施\t173
（一）输入文本并添加组件\t173
（二）输入脚本程序代码\t175
实训一　制作交互式滚动广告 \t177
实训二　制作“钟表”动画 \t178
实训三　制作美食问卷调查表 \t179
课后练习\t\t\t180
技巧提升\t\t\t181
项目九 优化、发布与导出动画 182
任务一　测试和优化“雪夜”动画 \t183
一、任务目标\t183
二、相关知识\t183
（一）测试动画\t183
（二）优化动画\t184
三、任务实施\t186
（一）测试动画\t186
（二）优化动画\t186
任务二　发布“恭贺新禧”动画\t189
一、 任务目标\t189
二、相关知识\t189
（一）发布设置\t189
（二）发布动画\t193
三、任务实施\t193
任务三　导出“汽车广告”动画\t194
一、 任务目标\t194
二、相关知识\t195
（一）导出图像\t195
（二）导出影片\t196
（三）导出视频\t196
（四）导出GIF动画\t197
三、任务实施\t198
实训一　测试并发布“动态风光相册” \t199
实训二　导出“有声飞机”动画 \t200
课后练习\t\t\t201
技巧提升\t\t\t202
项目十 综合案例 203
任务一　制作网站进入动画 \t204
一、任务目标\t204
二、相关知识\t204
（一）构建Animate网站的常用技术\t204
（二）如何规划Animate网站\t204
三、任务实施\t205
（一）制作进入动画\t205
（二）制作网页导航条动画\t209
任务二　制作“打地鼠”游戏\t214
一、任务目标\t214
二、相关知识\t214
（一）Animate游戏概述\t214
（二）Animate游戏制作流程\t214
三、任务实施\t216
（一）制作动画界面\t216
（二）编辑元件\t218
（三）编辑交互式脚本\t225
（四）测试和发布动画\t226
实训一　制作“童年”MV \t227
实训二　制作“青蛙跳”游戏\t228
课后练习\t\t\t229
技巧提升\t\t\t230