AnimateCC2019核心应用案例教程第5章.ppt

本章简介： 利用Animate CC 2019 能方便地制作出自己心仪的动画，时间轴和帧起到了关键性的作用。本章将介绍Animate 动画中帧和时间轴的使用方法及应用技巧。读者通过学习，可了解并掌握如何灵活地应用帧和时间轴，并能够根据设计需要制作出丰富多彩的动画效果。 第5章 基本动画 学习目标 了解动画和帧的基本概念 掌握逐帧动画的制作方法 掌握形状补间动画的制作方法 掌握传统补间动画的制作方法 掌握动画预设的使用方法 5.1　帧动画 课堂案例—制作打字效果 动画中帧的概念 帧的显示形式 “时间轴” 面板 绘图纸（洋葱皮）功能 在“时间轴” 面板中设置帧 帧动画 逐帧动画 使用线条工具和“属性”面板，绘制光标图形；使用文本工具，添加文字；使用“新建元件”命令和“创建传统补间”命令，制作文字动画；使用“翻转帧”命令将帧进行翻转。 效果图 5.1.1　课堂案例—制作打字效果 在Animate CC 2019 中，这一系列单幅的画面就叫帧，它是Animate CC 2019 动画中最小时间单位里出现的画面。每秒显示的帧数叫帧率。如果帧率太慢就会给人不流畅的感觉。所以，按照人的视觉原理，一般将动画的帧率设为24 帧/ 秒。 在Animate CC 2019 中，动画制作的过程就是决定动画每一帧显示什么内容的过程。用户可以像传统动画一样自己绘制动画的每一帧，即逐帧动画。但制作逐帧动画所需的工作量非常大。为此，Animate CC 2019 还提供了一种简单的动画制作方法，即采用关键帧处理技术制作插值动画。插值动画又分为运动动画和变形动画两种。 5.1.2　动画中帧的概念 在Animate CC 2019 中，帧包括下述多种显示形式 1．空白关键帧 2．关键帧 3．传统补间帧 4．形状补间帧 5．包含动作语句的帧 6．帧标签 5.1.3　帧的显示形式 “时间轴”面板由图层面板和时间轴组成。 5.1.4　“时间轴” 面板 “时间轴”面板 一般情况下，Animate CC 2019 的舞台只能显示当前帧中的对象。如果希望在舞台上出现多帧对象以帮助当前帧对象的定位和编辑，使用Animate CC 2019 提供的绘图纸（洋葱皮）功能可以实现。 在时间轴面板下方的按钮功能如下： “帧居中”按钮、“循环”按钮、 “绘图纸外观”按钮、 “绘图纸外观轮廓”按钮、 “编辑多个帧”按钮、 “修改绘图纸标记”按钮、 “始终显示标记”命令、 “锚定标记”命令、 “标记范围2”命令、 “标记范围5”命令、 “标记所有范围”命令。 5.1.5　绘图纸（洋葱皮）功能 1．插入帧 选择“插入 时间轴 帧”命令，或按F5键，可以在时间轴上插入一个普通帧。 选择“插入 时间轴 关键帧”命令，或按F6键，可以在时间轴上插入一个关键帧。 选择“插入 时间轴 空白关键帧”命令，可以在时间轴上插入一个空白关键帧。 2．选择帧 选择“编辑 时间轴 选择所有帧”命令，选中时间轴中的所有帧。 3．移动帧 选中一个或多个帧，按住鼠标，移动所选帧到目标位置。在移动过程中，如果按住Alt键，会在目标位置上复制出所选的帧。 4．删除帧 用鼠标右键单击要删除的帧，在弹出的菜单中选择“清除帧”命令。 5.1.6　在“时间轴” 面板中设置帧 选择“文件 打开”命令，将文件打开，选中“鱼”图层的第5帧，按F6键，插入关键帧。选择“选择”工具 ，在舞台窗口中将“鱼”图形向左上方拖曳到适当的位置。 选中“鱼”图层的第10帧，按F6键，插入关键帧，将“鱼”图形向左上方拖曳到适当的位置。 选中“鱼”图层的第15帧，按F6键，插入关键帧，将“鱼”图形左下方拖曳到适当的位置。 按Enter键，让播放头进行播放，即可观看制作效果。 5.1.7　帧动画 帧动画 新建空白文档，选择“文本”工具，在第1 帧的舞台中输入文字“漫”字。在“时间轴”面板中选中第2 帧。按F6 键，插入关键帧。