课程门户-章节详情

动画设计与制作（Animate动画）

刘艳云

1 课程说明
- 1.1 教学大纲
- 1.2 教学进度
2 Animate动画设计概论
- 2.1 线下教学视频
- 2.2 第一节动画的概念
- 2.3 第二节原画与动画
- 2.4 第三节基本运动规律
- 2.5 章节测验
- 2.6 课堂讨论
3 Animate基本图形绘制
- 3.1 内容提要
- 3.2 第一节认识Animate软件操作界面
  - 3.2.1 1.认识Animate软件欢迎界面
  - 3.2.2 2.认识Animate软件工作界面
- 3.3 第二节 Animate基本绘图工具的使用
  - 3.3.1 1.线条工具
  - 3.3.2 2.矩形工具
  - 3.3.3 3.基本矩形工具
  - 3.3.4 4.椭圆工具
  - 3.3.5 5.基本椭圆工具
  - 3.3.6 6.多角星形工具
- 3.4 第三节利用不同工具做图
  - 3.4.1 1.元件与组件
  - 3.4.2 2.成组与解组
  - 3.4.3 3.编辑元件
  - 3.4.4 4.操控视图
  - 3.4.5 5.任意变形工具
  - 3.4.6 6.颜色填充
  - 3.4.7 7.渐变变形工具
  - 3.4.8 8.绘画原理
  - 3.4.9 9.案例一绘制香蕉
  - 3.4.10 10.调节香蕉外轮廓
  - 3.4.11 11.修饰香蕉图形
  - 3.4.12 12.旋转和复制
  - 3.4.13 13.保存和导出
- 3.5 章节测验
- 3.6 课堂练习
4 Adobe Animate高级图形绘制
- 4.1 内容提要
- 4.2 第一节通过属性面板更改图形
  - 4.2.1 编辑面板
  - 4.2.2 编辑工作区
  - 4.2.3 HSB色彩模式
  - 4.2.4 编辑颜色面板
  - 4.2.5 编辑样本面板
  - 4.2.6 编辑属性面板
  - 4.2.7 编辑库面板
  - 4.2.8 对齐面板
  - 4.2.9 变形面板
  - 4.2.10 3D旋转工具
- 4.3 第二节创建元件和应用元件
  - 4.3.1 创建元件的三种方式
  - 4.3.2 编辑元件属性
  - 4.3.3 元件的三种类型
  - 4.3.4 案例一绘制魔法瓶
  - 4.3.5 墨水瓶工具
  - 4.3.6 创建图层
  - 4.3.7 设置Alpha数值/合并对象
  - 4.3.8 利用基本矩形工具绘制瓶塞
  - 4.3.9 复制元件
  - 4.3.10 发布设置
- 4.4 第三节高级图形绘制案例
  - 4.4.1 案例二绘制向日葵
  - 4.4.2 钢笔工具
  - 4.4.3 重制选区和变形
  - 4.4.4 成组/对齐/对象绘制
  - 4.4.5 选择复制花心
  - 4.4.6 镜像翻转/绘制叶子
  - 4.4.7 层级组合排列
  - 4.4.8 绘制栅栏
  - 4.4.9 油漆桶工具/间隔大小
  - 4.4.10 变形-扭曲/封套
- 4.5 章节测验
- 4.6 课堂练习
5 图形绘制拓展练习
- 5.1 内容提要
- 5.2 第一节绘制表情符号
  - 5.2.1 绘制轮廓
  - 5.2.2 绘制多层渐变
  - 5.2.3 绘制表情
- 5.3 第二节绘制卡通角色
  - 5.3.1 绘制面部轮廓
  - 5.3.2 利用钢笔工具调整轮廓
  - 5.3.3 利用颜色和样本面板编辑颜色
  - 5.3.4 填充颜色的技巧
  - 5.3.5 绘制耳朵/镜像图形
- 5.4 第三节绘制树木
  - 5.4.1 不规则对象轮廓绘制技巧
  - 5.4.2 绘制阴影线
  - 5.4.3 绘制透视效果
- 5.5 课堂练习
6 Adobe Animate运动补间动画
- 6.1 内容提要
- 6.2 第一节关键帧动画
  - 6.2.1 帧与关键帧
  - 6.2.2 位移、旋转、缩放动画
  - 6.2.3 自旋转动画
  - 6.2.4 匀速运动
  - 6.2.5 加速运动
  - 6.2.6 减速运动
  - 6.2.7 编辑关键帧1
  - 6.2.8 编辑关键帧2
- 6.3 第二节弹跳小球动画
  - 6.3.1 设置小球关键帧
  - 6.3.2 设置小球缓动类型
  - 6.3.3 设置西瓜变形动画
  - 6.3.4 编辑补间动画曲线面板
  - 6.3.5 补间动画缓动类型
- 6.4 第三节变速运动
  - 6.4.1 设置子级原地弹跳动画
  - 6.4.2 设置父级向前滚动动画
  - 6.4.3 导出GIF动态图片
- 6.5 章节测验
- 6.6 课堂练习
7 Adobe Animate形状补间动画
- 7.1 内容提要
- 7.2 第一节形状补间动画原理
  - 7.2.1 原理
  - 7.2.2 添加形状提示点
  - 7.2.3 编辑形状提示点
  - 7.2.4 简易开门动画
- 7.3 第二节开门动画案例
  - 7.3.1 搭建室内场景
  - 7.3.2 创建3D透视效果
  - 7.3.3 调整纹理贴图
  - 7.3.4 调整房间光影效果
  - 7.3.5 设置开门动画
- 7.4 第三节红绿灯动画案例
  - 7.4.1 设置绿灯形状补间
  - 7.4.2 调节形状补间关键帧
  - 7.4.3 运动补间与形状补间比较
- 7.5 章节测验
- 7.6 课堂练习
8 Adobe Animate 遮罩层动画
- 8.1 内容提要
- 8.2 第一节遮罩层的概念
  - 8.2.1 遮罩层原理
  - 8.2.2 遮罩层动画具体操作
  - 8.2.3 遮罩元件动画
  - 8.2.4 图层的概念
  - 8.2.5 图层的作用
  - 8.2.6 图层的类型
  - 8.2.7 图层的模式
  - 8.2.8 图层的操作
  - 8.2.9 图层的属性
- 8.3 第二节遮罩层的使用
  - 8.3.1 字母遮罩动画
  - 8.3.2 添加遮罩动画
- 8.4 第三节遮罩层的综合应用
  - 8.4.1 树木与椅子动画
  - 8.4.2 设置标尺与辅助线
  - 8.4.3 半透明元件遮罩动画
  - 8.4.4 复制遮罩动画
  - 8.4.5 调整遮罩动画关键帧
  - 8.4.6 添加椅子补间动画
  - 8.4.7 复制并移动补间动画
  - 8.4.8 制作吉他/树木补间动画
  - 8.4.9 制作云彩飘浮动画
- 8.5 章节测验
- 8.6 课堂练习
9 Adobe Animate引导层动画
- 9.1 内容提要
- 9.2 第一节引导层的概念
  - 9.2.1 引导层原理
  - 9.2.2 引导层具体操作
- 9.3 第二节引导层的使用
  - 9.3.1 画笔工具
  - 9.3.2 添加滤镜
  - 9.3.3 绘制云海
  - 9.3.4 绘制太阳
  - 9.3.5 制作光芒动画
  - 9.3.6 制作飞机飞行动画
- 9.4 第三节引导层的综合应用
  - 9.4.1 闭合曲线引导层动画
  - 9.4.2 位图填充
  - 9.4.3 制作太阳发光动画
  - 9.4.4 制作地球环绕动画
  - 9.4.5 海底世界动画
  - 9.4.6 设置引导层动画
  - 9.4.7 设置鱼群动画
  - 9.4.8 调整时间轴
- 9.5 章节测验
- 9.6 课堂练习
10 Adobe Animate逐帧动画
- 10.1 内容提要
- 10.2 第一节逐帧动画的概念
  - 10.2.1 帧的概念
  - 10.2.2 帧的类型
  - 10.2.3 帧的编辑
  - 10.2.4 常用帧快捷键
  - 10.2.5 设置帧频
- 10.3 第二节逐帧动画的使用
  - 10.3.1 案例一文字特效动画
  - 10.3.2 绘制轨迹
  - 10.3.3 绘制逐帧动画
  - 10.3.4 绘制字体笔划
  - 10.3.5 制作闪烁效果
  - 10.3.6 案例二波形动画
  - 10.3.7 绘制旗帜
  - 10.3.8 绘制旗帜动画轮廓
  - 10.3.9 添加颜色
- 10.4 第三节逐帧动画的综合应用
  - 10.4.1 案例三表情动画
  - 10.4.2 制作简单的口型动画
  - 10.4.3 设置眨眼和口型动画关键帧
  - 10.4.4 设置关键帧内循环
  - 10.4.5 设置手臂关键帧
- 10.5 章节测验
- 10.6 课堂练习
11 基本动画拓展练习
- 11.1 内容提要
- 11.2 第一节拓展练习案例一
  - 11.2.1 逐帧与补间制作波形运动的区别
  - 11.2.2 制作简单补间波形动画
  - 11.2.3 制作双层补间波形动画
- 11.3 第二节拓展练习案例二
  - 11.3.1 绘制嘴形元件
  - 11.3.2 导入音频
  - 11.3.3 设置嘴形同步
  - 11.3.4 设置场景声音同步
- 11.4 第三节拓展练习案例三
  - 11.4.1 无缝飞行动画要点
  - 11.4.2 制作小鹦鹉飞行动画
  - 11.4.3 制作补间动画
  - 11.4.4 制作背景
  - 11.4.5 制作无缝背景
  - 11.4.6 渲染输出影片序列图
- 11.5 课堂练习
12 Adobe Animate角色运动规律
- 12.1 内容提要
- 12.2 第一节角色设计
  - 12.2.1 角色设计的要点1
  - 12.2.2 角色设计的要点2
  - 12.2.3 案例一角色设计
  - 12.2.4 面部透视比例
  - 12.2.5 绘制草图
  - 12.2.6 绘制线框
  - 12.2.7 设置角色组件
  - 12.2.8 添加颜色
- 12.3 第二节运动规律
  - 12.3.1 角色侧面走运动规律
  - 12.3.2 原地循环走的原理
- 12.4 第三节行走动画制作方法
  - 12.4.1 案例二角色走路动画
  - 12.4.2 设置身体元件
  - 12.4.3 复制并交换元件
  - 12.4.4 设置层级关系
  - 12.4.5 设置腿部关键帧动画1
  - 12.4.6 设置腿部关键帧动画2
  - 12.4.7 手臂关键帧动画
  - 12.4.8 简易的走路动画
- 12.5 课堂练习
13 Adobe Animate角色骨骼动画
- 13.1 内容提要
- 13.2 第一节手臂骨骼动画
  - 13.2.1 骨骼动画基本原理
  - 13.2.2 骨骼的绑定
  - 13.2.3 案例一手臂动画
  - 13.2.4 层级、约束设置
  - 13.2.5 小球跟随动画
- 13.3 第二节钟摆骨骼动画
  - 13.3.1 案例二弹簧钟摆动画
- 13.4 第三节骨骼约束动画
  - 13.4.1 骨骼约束原理
  - 13.4.2 案例三旋转摆动动画
- 13.5 课堂练习
14 Adobe Animate虚拟摄像机
- 14.1 内容提要
- 14.2 第一节动画镜头语言
  - 14.2.1 固定镜头
  - 14.2.2 推、拉镜头
  - 14.2.3 摇镜头
  - 14.2.4 移镜头
  - 14.2.5 跟镜头
  - 14.2.6 镜头组接
  - 14.2.7 镜头角度
  - 14.2.8 镜头景别
  - 14.2.9 综合范例
- 14.3 第二节图层深度
  - 14.3.1 创建小球复合运动
  - 14.3.2 设置图层深度
  - 14.3.3 设置虚拟摄像机
- 14.4 第三节虚拟摄像机综合案例
  - 14.4.1 镜头设计
  - 14.4.2 设置拉镜头
  - 14.4.3 设置镜头景别
  - 14.4.4 导出视频文件
- 14.5 课堂练习
15 Adobe Animate交互动画
- 15.1 内容提要
- 15.2 第一节简单按钮制作
  - 15.2.1 简单按钮
    - 15.2.1.1 文字动态按钮
    - 15.2.1.2 加入图形或文字
- 15.3 第二节复杂按钮制作
  - 15.3.1 结合PS处理图片效果
  - 15.3.2 加入动态图形
  - 15.3.3 加入声音
  - 15.3.4 感应区图形编辑
  - 15.3.5 关联引导层
- 15.4 第三节网页交互动画
  - 15.4.1 创建背景和菜单动画
  - 15.4.2 创建感应区按钮
  - 15.4.3 创建菜单按钮
  - 15.4.4 设置H5程序
- 15.5 课堂练习
16 项目实训与汇报
- 16.1 期末测试
- 16.2 期末作业
- 16.3 期末作业汇报

课堂练习

制作仿3D纹理贴图室内开门的动画
制作红绿灯闪烁的动画
运用运动补间制作推拉窗的动画
运用形状补间制作推开窗的动画

作业要求：将完成的作业生成GIF动态图片，下课前上传至“第六周课堂练习”讨论区。

图片预览