AnimateCC二维动画设计与制作 第一单元：课程概述
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
狭义动画：传统的有故事情节 的动画片
6
二维动画设计与制作 1.1：课程分析与职业素质训导
三、典型二维动画制作软件
传统专业级： RETAS（如《海贼王》、《火
影忍者》、《机器猫》） ANIMO，如《埃及王子》 Softimage
互联网应用级： Adobe Animate CC （Flash） HTML5+CSS+JavaScript iH5、易企秀、兔展、MAKA等
4
二维动画设计与制作
1.1：课程分析与职业素质训导
一、课程分析
1. 课程在专业课程体系中的地位 2. 课程标准解读 3. 授课计划（56学时，每周4学
时） 4. 考核标准（形成性考核、期末
网络考核、期末实务考核） 5. 纪律要求：
① 上课不迟到早退，有事请 假。
② 上课不带早餐进教室，不 在教室内吃零食。
20ቤተ መጻሕፍቲ ባይዱ
二维动画设计与制作 1.2：软件初识与入门案例
三、Animate文档类型与文件操作 1.文档类型 ActionScript 3.0 Flash时代的主要文档类型，可
二维动画设计与制作
主讲人：潘博 电子与信息工程学院
二维动画设计与制作
课程目录
第一单元：课程概述 第二单元：基本工具的使用 第三单元：基本动画制作 第四单元：图层的应用 第五单元：声音与视频的应用 第六单元：使用脚本语言制作交互动画 第七单元：动画基础知识与运动规律 第八单元：发布与输出 第九单元：综合项目制作
操作方式基本一样，源文件格式都为 .fla格式，只是发布的文件类型不一 样。
18
二维动画设计与制作 1.2：软件初识与入门案例
三、Animate文档类型与文件操作 1.文档类型 HTML5 Canvas HTML5 Canvas是Animate 新
增的文档类型，可以使用传统的时间 轴、工作区及工具来创建动画内容， 而生成的是 HTML5 输出，以便跨平 台地发布动画。
二维动画设计与制作 第一单元： 课程概述
1.1课程分析与职业素质训导 1.2软件初识与入门案例
二维动画设计与制作 1.1：课程分析与职业素质训导
❖ 内容大纲
课程分析 动画概念 动画制作软件 动画应用领域 动画制作基本流程 制作动画要具备的能力 动画作品欣赏 学习材料推荐与学习建议
16
二维动画设计与制作 1.2：软件初识与入门案例
二、Animate工作界面
菜单栏 文档标签 舞台（场景） 时间轴 工具栏 面板组 其它 界面布局的设置与调整
17
二维动画设计与制作 1.2：软件初识与入门案例
三、Animate文档类型与文件操作 1.文档类型 HTML5 Canvas WebGL ActionScript 3.0 三种文档类型在Animate中的
7
二维动画设计与制作 1.1：课程分析与职业素质训导
四、广义动画的应用领域
新媒体页面 网络或电视上的广告动画 网络或电视上的情节故事短片 桌面端或移动端的小游戏 电子贺卡或相册 辅助教学课件 简单网站 移动端小应用程序开发 UI动效
8
二维动画设计与制作
1.1：课程分析与职业素质训导
五、动画制作的基本流程
剧本（策划） ↓
故事板（分镜头） ↓
场景设计 ↓
角色设计 ↓
动画形成 ↓
音响 ↓
输出
9
二维动画设计与制作 1.1：课程分析与职业素质训导
六、制作二维动画要具备的能力
对事物的观察能力 软件操作能力 创意能力与表现能力 大量动画的阅读经历
10
二维动画设计与制作 1.1：课程分析与职业素质训导
八、学习材料推荐与学习建议
2.课程学习建议： ① 多去欣赏并琢磨网上的优秀
Animate和HTML5动画 ② 去图书馆借一两本实例型的
Animate书籍 ③ 多去相关的教程网站上学习 ④ 多去模仿与练习，并尝试创造
13
二维动画设计与制作 第一单元： 课程概述
1.2软件初识与入门案例
二维动画设计与制作 1.2：软件初识与入门案例
七、动画作品欣赏
网上优秀Animate/Flash动画 Animate/Flash故事短片欣赏 Animate/Flash新媒体动画欣
赏 Animate/Flash交互动画欣赏 往届学生优秀作品欣赏
11
二维动画设计与制作 1.1：课程分析与职业素质训导
八、学习材料推荐与学习建议
1.学习材料推荐：
Canvas 是 HTML5 中的一个新 元素，它提供了多个 API，可以动态 生成及渲染图形、图表、图像及动画 。
19
二维动画设计与制作 1.2：软件初识与入门案例
三、Animate文档类型与文件操作 1.文档类型 WebGL WebGL 是一个无需额外插件而
可以在任何兼容浏览器中显示图形的 开放 Web 标准。WebGL 完全集成 到所有允许使用 GPU 加速进行图像 处理的 Web 标准浏览器中，并作为 Web 页面画布的一部分发挥作用。 WebGL 元素可以嵌入其他 HTML 元 素中并与页面的其他部分实现合成。
Adobe官网
https://helpx.adobe.com/cn/su pport/animate.html
Creatjs博客
http://www.ajexoop.com/word press/
W3c school
https://www.w3cschool.cn/
12
二维动画设计与制作 1.1：课程分析与职业素质训导
❖ 内容大纲
Animate 的安装 Animate工作界面 Animate文档类型与文件操 作 Animate入门案例制作 课后练习布置
15
二维动画设计与制作 1.2：软件初识与入门案例
一、Animate 的安装
Animate软件简介 Animate发展历程 Animate主要功能、特点 Animate的安装
③ 上课不睡觉，不玩游戏， 未经同意不上网。
5
二维动画设计与制作 1.1：课程分析与职业素质训导
二、动画概念
动画是通过连续播放一系列画 面，给视觉造成连续变化的图画。它 的原理与电影、电视一样，利用了人 的“视觉暂留”效应。
动画形成的案例（视觉暂留效 应用）：美赞臣奶粉广告。
广义动画：包括传统动画、UI 动效、新媒体动画、小游戏、动态广 告、网站动画等形式
6
二维动画设计与制作 1.1：课程分析与职业素质训导
三、典型二维动画制作软件
传统专业级： RETAS（如《海贼王》、《火
影忍者》、《机器猫》） ANIMO，如《埃及王子》 Softimage
互联网应用级： Adobe Animate CC （Flash） HTML5+CSS+JavaScript iH5、易企秀、兔展、MAKA等
4
二维动画设计与制作
1.1：课程分析与职业素质训导
一、课程分析
1. 课程在专业课程体系中的地位 2. 课程标准解读 3. 授课计划（56学时，每周4学
时） 4. 考核标准（形成性考核、期末
网络考核、期末实务考核） 5. 纪律要求：
① 上课不迟到早退，有事请 假。
② 上课不带早餐进教室，不 在教室内吃零食。
20ቤተ መጻሕፍቲ ባይዱ
二维动画设计与制作 1.2：软件初识与入门案例
三、Animate文档类型与文件操作 1.文档类型 ActionScript 3.0 Flash时代的主要文档类型，可
二维动画设计与制作
主讲人：潘博 电子与信息工程学院
二维动画设计与制作
课程目录
第一单元：课程概述 第二单元：基本工具的使用 第三单元：基本动画制作 第四单元：图层的应用 第五单元：声音与视频的应用 第六单元：使用脚本语言制作交互动画 第七单元：动画基础知识与运动规律 第八单元：发布与输出 第九单元：综合项目制作
操作方式基本一样，源文件格式都为 .fla格式，只是发布的文件类型不一 样。
18
二维动画设计与制作 1.2：软件初识与入门案例
三、Animate文档类型与文件操作 1.文档类型 HTML5 Canvas HTML5 Canvas是Animate 新
增的文档类型，可以使用传统的时间 轴、工作区及工具来创建动画内容， 而生成的是 HTML5 输出，以便跨平 台地发布动画。
二维动画设计与制作 第一单元： 课程概述
1.1课程分析与职业素质训导 1.2软件初识与入门案例
二维动画设计与制作 1.1：课程分析与职业素质训导
❖ 内容大纲
课程分析 动画概念 动画制作软件 动画应用领域 动画制作基本流程 制作动画要具备的能力 动画作品欣赏 学习材料推荐与学习建议
16
二维动画设计与制作 1.2：软件初识与入门案例
二、Animate工作界面
菜单栏 文档标签 舞台（场景） 时间轴 工具栏 面板组 其它 界面布局的设置与调整
17
二维动画设计与制作 1.2：软件初识与入门案例
三、Animate文档类型与文件操作 1.文档类型 HTML5 Canvas WebGL ActionScript 3.0 三种文档类型在Animate中的
7
二维动画设计与制作 1.1：课程分析与职业素质训导
四、广义动画的应用领域
新媒体页面 网络或电视上的广告动画 网络或电视上的情节故事短片 桌面端或移动端的小游戏 电子贺卡或相册 辅助教学课件 简单网站 移动端小应用程序开发 UI动效
8
二维动画设计与制作
1.1：课程分析与职业素质训导
五、动画制作的基本流程
剧本（策划） ↓
故事板（分镜头） ↓
场景设计 ↓
角色设计 ↓
动画形成 ↓
音响 ↓
输出
9
二维动画设计与制作 1.1：课程分析与职业素质训导
六、制作二维动画要具备的能力
对事物的观察能力 软件操作能力 创意能力与表现能力 大量动画的阅读经历
10
二维动画设计与制作 1.1：课程分析与职业素质训导
八、学习材料推荐与学习建议
2.课程学习建议： ① 多去欣赏并琢磨网上的优秀
Animate和HTML5动画 ② 去图书馆借一两本实例型的
Animate书籍 ③ 多去相关的教程网站上学习 ④ 多去模仿与练习，并尝试创造
13
二维动画设计与制作 第一单元： 课程概述
1.2软件初识与入门案例
二维动画设计与制作 1.2：软件初识与入门案例
七、动画作品欣赏
网上优秀Animate/Flash动画 Animate/Flash故事短片欣赏 Animate/Flash新媒体动画欣
赏 Animate/Flash交互动画欣赏 往届学生优秀作品欣赏
11
二维动画设计与制作 1.1：课程分析与职业素质训导
八、学习材料推荐与学习建议
1.学习材料推荐：
Canvas 是 HTML5 中的一个新 元素，它提供了多个 API，可以动态 生成及渲染图形、图表、图像及动画 。
19
二维动画设计与制作 1.2：软件初识与入门案例
三、Animate文档类型与文件操作 1.文档类型 WebGL WebGL 是一个无需额外插件而
可以在任何兼容浏览器中显示图形的 开放 Web 标准。WebGL 完全集成 到所有允许使用 GPU 加速进行图像 处理的 Web 标准浏览器中，并作为 Web 页面画布的一部分发挥作用。 WebGL 元素可以嵌入其他 HTML 元 素中并与页面的其他部分实现合成。
Adobe官网
https://helpx.adobe.com/cn/su pport/animate.html
Creatjs博客
http://www.ajexoop.com/word press/
W3c school
https://www.w3cschool.cn/
12
二维动画设计与制作 1.1：课程分析与职业素质训导
❖ 内容大纲
Animate 的安装 Animate工作界面 Animate文档类型与文件操 作 Animate入门案例制作 课后练习布置
15
二维动画设计与制作 1.2：软件初识与入门案例
一、Animate 的安装
Animate软件简介 Animate发展历程 Animate主要功能、特点 Animate的安装
③ 上课不睡觉，不玩游戏， 未经同意不上网。
5
二维动画设计与制作 1.1：课程分析与职业素质训导
二、动画概念
动画是通过连续播放一系列画 面，给视觉造成连续变化的图画。它 的原理与电影、电视一样，利用了人 的“视觉暂留”效应。
动画形成的案例（视觉暂留效 应用）：美赞臣奶粉广告。
广义动画：包括传统动画、UI 动效、新媒体动画、小游戏、动态广 告、网站动画等形式