动画设计基础基本动画制作课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 基于矢量的图形系统，占用空间是位图的几千分之一，适合网络传播 • 应用领域广 • 采用“流”媒体形式 • 可跨平台播放 • 交互性强
动画设计基础基本动画制作
2. Flash中的基本动画类型
Flash中的基本动画主要分为逐帧动画、动作补间动画和形状补间动画三种 类型。 • 逐帧动画：Flash中的逐帧动画通常由多个连续的关键帧组成，在各关键帧 中分别绘制表现对象连续且流畅动作的图形（如小鸟飞翔、火苗跳动等）。 • 动作补间动画：动作补间动画是根据同一对象在两个关键帧中大小、位置、 旋转、倾斜、透明度等属性的差别由Flash计算并自动生成的一种动画类型。 • 形状补间动画：形状补间动画是通过Flash计算两个关键帧中矢量图形的形 状差别，并在两个关键帧中自动添加变化过程的一种动画类型。
动画设计基础基本动画制作
本课导读
帧和图层是制作Flash动画过程中所涉及到的两个重要概念，在 Flash 8中对动画的制作和编辑，实际上就是对帧和图层，以及对 帧和图层中动画要素所做的编排和调整。在掌握了帧和图层的基 本概念和操作方法后，还需要对Flash 8中的基本动画类型进行了 解和学习，熟练掌握这三种基本动画的应用，就可以制作出各类 精美的Flash动画。
可创建一个关键帧。
动画设计基础基本动画制作
③普通帧
• 在关键帧的右边的浅灰色背景帧单元格是普通帧，表示它的内容 与左边的关键帧内容一样。选中关键帧右边的一个空白帧，再按 F5键，则从关键帧到选中的帧之间的所有帧均变成普通帧。
动画设计基础基本动画制作
动作帧
• 该帧本身也是一个关键帧，其中有一个字母“a”，表示这一帧中分 配有动作脚本。当影片播放到这一帧时会执行相应的脚本程序。 要加入动作需弹出“动作-帧”面板。
• 在Flash中，“时间轴”是形成动画的最主要因素，动画的播放顺序 就是按照“时间轴”从左至右的顺序播放的。随着动画设计越来越 复杂，“时间轴”也会变得越来越复杂，甚至令人感觉混乱。在学 习动画设计之前，必须掌握“时间轴”的基本要素和基本操作方法。
动画设计基础基本动画制作
时间轴窗口
动画设计基础基本动画制作
第五章 基本动画制作
• 本课要点 • 具体要求 • 本课导读 • 综合实例
动画设计基础基本动画制作
本章要点
• 时间轴 • 帧和图层 • 逐帧动画 • 动作补间动画 • 形状补间动画
动画设计基础基本动画制作
具体要求
• 了解Flash 8中帧和图层的基本概念， 并掌握帧和图层的基本操作方法。 • 熟练掌握逐帧动画的创建方法。 • 熟练掌握动作补间动画的创建方法。 • 熟练掌握形状补间动画的创建方法。
动画设计基础基本动画制作
5.1 动画制作基础
在正式学习动画制作之前，首先需要了解Flash动 画的类型特点和涉及到的帧和图层的概念，并掌握 Flash 8中帧和图层的基本操作方法。
动画设计基础基本动画制作
5.1 动画制作基础
5.1.1 知识讲解 5.1.2 典型案例——制作“霓虹灯
箱”动画
动画设计基础基本动画制作
在图层内左上角的帧，再单击右下角的帧，即可选中连续的所有 帧。另外，选中某一个非关键帧，再拖曳鼠标。 • （3）选中一个图层的所有帧：单击控制区域内的某一图层，即 可选中该图层的所有帧。
动画设计基础基本动画制作
选择帧的方法
• （4）选中多个连续图层的所有帧：按住Shift键，单击控制区域 内的连续图层中第1个图层，再单击连续图层中最后一个图层， 即可选中多个连续图层内的所有帧。
时间轴特效
• 使用Flash内置的“时间轴特效”，可以方便快捷地 实现一些特殊的动画效果，例如投影效果、对象 变形、分离等。“时间轴特效”应用的对象包括文 本、图形（包括矢量图、组合对象）、位图以及 各种元件。
动画设计基础基本动画制作
4. 帧的概念和类型
帧是组成Flash动画最基本的单位，通过在不同的 帧中放置相应的动画元素（如位图、文字和矢量 图等），然后对这些帧进行连续播放，最终实现 Flash动画效果。在Flash 8中，根据帧的不同功能 和含义，可将帧分为空白关键帧、关键帧和普通 帧三种。
动画设计基础基本动画制作
①空白关键帧
• 空白关键帧在时间轴中以一个空心圆表示。 • 它是一个没有内容的关键帧。如果新建一个Flash文件，则会在第
1帧自动创建一个空白关键帧。空白关键帧内可以创建各种对象。 选中某一个空白帧，再按F7键，即可将它转换为空白关键帧。
动画设计基础基本动画制作
②关键帧
• 关键帧在时间轴中以一个黑色实心圆表示。 • 该帧内有对象，可以进行编辑。选中一个空白帧，再按F6键，即
动画设计基础基本动画制作
过渡帧
• 它是两个关键帧之间，创建补间动画后由Flash计算生成的帧，它 的底色为浅蓝色或浅绿色。不可以对过渡帧进行编辑
动画设计基础基本动画制作
5. 帧的基本操作
帧的基本操作包括以下几项：
1）选择帧 2）移动帧 3）复制帧 4）插入帧 5）翻转帧 6）清除帧 7）删除帧 8）更改帧的显示方式 9）添加帧标签
动画设计基础基本动画制作
1）选择帧
• 编辑帧以前应先选中要编辑的帧。在时间轴中选中若干帧，然后 单击右键，即可弹出帧快捷菜单，常常需要使用帧快捷菜单中的 菜单命令来编辑帧。
动画设计基础基本动画制作
选择帧的方法
• （1）选中一个帧：单击一帧的单元格，即可选中该帧。 • （2）选中连续的多个帧：按住Shift键，选中一个或多个动画所
5.1.1 知识讲解
1. Flash动画的基本特点 2. Flash中的基本动画类型 3. 时间轴 4. 帧的概念和类型 5. 帧的基本操作 6. 图层的概念和类型 7. 图层的基本操作
动画设计基础基本动画制作
1. Flash动画的基本特点
Flash动画之所以能够越来越流行，并广泛应用在不同的领域， Flash动画自身所具备的特点是不可忽视的重要因素之一。
动画设计基础基本动画制作
2. Flash中来自百度文库基本动画类型
• 动作动画
：在关键帧之间有一条水平指向右边的箭头，
帧为浅蓝色背景。
• 形状动画
：在关键帧之间也有一条水平指向右边的箭头，
帧为浅绿色背景。
• 动画错误
：表示在创建动作动画中存在错误，无法
正确完成动画的制作。
动画设计基础基本动画制作
3. 时间轴
动画设计基础基本动画制作
2. Flash中的基本动画类型
Flash中的基本动画主要分为逐帧动画、动作补间动画和形状补间动画三种 类型。 • 逐帧动画：Flash中的逐帧动画通常由多个连续的关键帧组成，在各关键帧 中分别绘制表现对象连续且流畅动作的图形（如小鸟飞翔、火苗跳动等）。 • 动作补间动画：动作补间动画是根据同一对象在两个关键帧中大小、位置、 旋转、倾斜、透明度等属性的差别由Flash计算并自动生成的一种动画类型。 • 形状补间动画：形状补间动画是通过Flash计算两个关键帧中矢量图形的形 状差别，并在两个关键帧中自动添加变化过程的一种动画类型。
动画设计基础基本动画制作
本课导读
帧和图层是制作Flash动画过程中所涉及到的两个重要概念，在 Flash 8中对动画的制作和编辑，实际上就是对帧和图层，以及对 帧和图层中动画要素所做的编排和调整。在掌握了帧和图层的基 本概念和操作方法后，还需要对Flash 8中的基本动画类型进行了 解和学习，熟练掌握这三种基本动画的应用，就可以制作出各类 精美的Flash动画。
可创建一个关键帧。
动画设计基础基本动画制作
③普通帧
• 在关键帧的右边的浅灰色背景帧单元格是普通帧，表示它的内容 与左边的关键帧内容一样。选中关键帧右边的一个空白帧，再按 F5键，则从关键帧到选中的帧之间的所有帧均变成普通帧。
动画设计基础基本动画制作
动作帧
• 该帧本身也是一个关键帧，其中有一个字母“a”，表示这一帧中分 配有动作脚本。当影片播放到这一帧时会执行相应的脚本程序。 要加入动作需弹出“动作-帧”面板。
• 在Flash中，“时间轴”是形成动画的最主要因素，动画的播放顺序 就是按照“时间轴”从左至右的顺序播放的。随着动画设计越来越 复杂，“时间轴”也会变得越来越复杂，甚至令人感觉混乱。在学 习动画设计之前，必须掌握“时间轴”的基本要素和基本操作方法。
动画设计基础基本动画制作
时间轴窗口
动画设计基础基本动画制作
第五章 基本动画制作
• 本课要点 • 具体要求 • 本课导读 • 综合实例
动画设计基础基本动画制作
本章要点
• 时间轴 • 帧和图层 • 逐帧动画 • 动作补间动画 • 形状补间动画
动画设计基础基本动画制作
具体要求
• 了解Flash 8中帧和图层的基本概念， 并掌握帧和图层的基本操作方法。 • 熟练掌握逐帧动画的创建方法。 • 熟练掌握动作补间动画的创建方法。 • 熟练掌握形状补间动画的创建方法。
动画设计基础基本动画制作
5.1 动画制作基础
在正式学习动画制作之前，首先需要了解Flash动 画的类型特点和涉及到的帧和图层的概念，并掌握 Flash 8中帧和图层的基本操作方法。
动画设计基础基本动画制作
5.1 动画制作基础
5.1.1 知识讲解 5.1.2 典型案例——制作“霓虹灯
箱”动画
动画设计基础基本动画制作
在图层内左上角的帧，再单击右下角的帧，即可选中连续的所有 帧。另外，选中某一个非关键帧，再拖曳鼠标。 • （3）选中一个图层的所有帧：单击控制区域内的某一图层，即 可选中该图层的所有帧。
动画设计基础基本动画制作
选择帧的方法
• （4）选中多个连续图层的所有帧：按住Shift键，单击控制区域 内的连续图层中第1个图层，再单击连续图层中最后一个图层， 即可选中多个连续图层内的所有帧。
时间轴特效
• 使用Flash内置的“时间轴特效”，可以方便快捷地 实现一些特殊的动画效果，例如投影效果、对象 变形、分离等。“时间轴特效”应用的对象包括文 本、图形（包括矢量图、组合对象）、位图以及 各种元件。
动画设计基础基本动画制作
4. 帧的概念和类型
帧是组成Flash动画最基本的单位，通过在不同的 帧中放置相应的动画元素（如位图、文字和矢量 图等），然后对这些帧进行连续播放，最终实现 Flash动画效果。在Flash 8中，根据帧的不同功能 和含义，可将帧分为空白关键帧、关键帧和普通 帧三种。
动画设计基础基本动画制作
①空白关键帧
• 空白关键帧在时间轴中以一个空心圆表示。 • 它是一个没有内容的关键帧。如果新建一个Flash文件，则会在第
1帧自动创建一个空白关键帧。空白关键帧内可以创建各种对象。 选中某一个空白帧，再按F7键，即可将它转换为空白关键帧。
动画设计基础基本动画制作
②关键帧
• 关键帧在时间轴中以一个黑色实心圆表示。 • 该帧内有对象，可以进行编辑。选中一个空白帧，再按F6键，即
动画设计基础基本动画制作
过渡帧
• 它是两个关键帧之间，创建补间动画后由Flash计算生成的帧，它 的底色为浅蓝色或浅绿色。不可以对过渡帧进行编辑
动画设计基础基本动画制作
5. 帧的基本操作
帧的基本操作包括以下几项：
1）选择帧 2）移动帧 3）复制帧 4）插入帧 5）翻转帧 6）清除帧 7）删除帧 8）更改帧的显示方式 9）添加帧标签
动画设计基础基本动画制作
1）选择帧
• 编辑帧以前应先选中要编辑的帧。在时间轴中选中若干帧，然后 单击右键，即可弹出帧快捷菜单，常常需要使用帧快捷菜单中的 菜单命令来编辑帧。
动画设计基础基本动画制作
选择帧的方法
• （1）选中一个帧：单击一帧的单元格，即可选中该帧。 • （2）选中连续的多个帧：按住Shift键，选中一个或多个动画所
5.1.1 知识讲解
1. Flash动画的基本特点 2. Flash中的基本动画类型 3. 时间轴 4. 帧的概念和类型 5. 帧的基本操作 6. 图层的概念和类型 7. 图层的基本操作
动画设计基础基本动画制作
1. Flash动画的基本特点
Flash动画之所以能够越来越流行，并广泛应用在不同的领域， Flash动画自身所具备的特点是不可忽视的重要因素之一。
动画设计基础基本动画制作
2. Flash中来自百度文库基本动画类型
• 动作动画
：在关键帧之间有一条水平指向右边的箭头，
帧为浅蓝色背景。
• 形状动画
：在关键帧之间也有一条水平指向右边的箭头，
帧为浅绿色背景。
• 动画错误
：表示在创建动作动画中存在错误，无法
正确完成动画的制作。
动画设计基础基本动画制作
3. 时间轴