资源简介

(共36张PPT)
本章简介：
在Animate CC动画的制作过程中，时间轴和帧起到了关键性的作用。本章将介绍动画中帧和时间轴的使用方法及应用技巧。读者通过学习要了解并掌握如何灵活地应用帧和时间轴，并根据设计需要制作出丰富多彩的动画效果。
第7章　基本动画的制作
课堂学习目标
了解动画和帧的基本概念
掌握逐帧动画的制作方法
掌握形状补间动画的制作方法
掌握传统补间动画的制作方法
掌握骨骼动画的制作方法
掌握摄像机动画的制作方法
7.1　帧与时间轴
课堂案例——制作打字效果
动画中帧的概念
帧的显示形式
时间轴面板
绘图纸（洋葱皮）功能
在时间轴面板中设置帧
使用线条工具绘制光标图形，使用文本工具添加文字，使用翻转帧命令将帧进行翻转。
效果图
7.1.1　课堂案例—制作打字效果
医学证明，人类具有视觉暂留的特点，即人眼看到物体或画面后，在1/24秒内不会消失。利用这一原理，在一幅画消失之前播放下一幅画，就会给人造成流畅的视觉变化效果。所以，动画就是通过连续播放一系列静止画面，给视觉造成连续变化的效果。
在Animate CC中，这一系列单幅的画面就叫帧，它是Animate CC动画中最小时间单位里出现的画面。每秒钟显示的帧数叫帧率，如果帧率太慢就会给人造成视觉上不流畅的感觉。所以，按照人的视觉原理，一般将动画的帧率设为30帧/秒。
7.1.2　动画中帧的概念
7.1.3　帧的显示形式
1．空白关键帧
在时间轴中，白色背景带有黑圈的帧为空白关键帧，表示在当前舞台中没有任何内容。
2．关键帧
在时间轴中，灰色背景带有黑点的帧为关键帧。表示在当前场景中存在一个关键帧，在关键帧相对应的舞台中存在一些内容。
3．传统补间帧
在时间轴中，带有黑色圆点的第1帧和最后一帧为关键帧，中间紫色背景带有黑色箭头的帧为补间帧。
7.1.3　帧的显示形式
4．形状补间帧
在时间轴中，带有黑色圆点的第1帧和最后一帧为关键帧，中间黄色背景带有黑色箭头的帧为补间帧。
5．包含动作语句的帧
在时间轴中，第1帧上出现一个字母“a”，表示这一帧中包含了使用“动作”面板设置的动作语句。
6．帧标签
在时间轴中，第1帧上出现一只红旗，表示这一帧的标签类型是名称。红旗右侧的“mc”是帧标签的名称。
“时间轴”面板由图层面板和时间轴组成。
“时间轴”面板
7.1.4　时间轴面板
一般情况下，Animate CC的舞台只能显示当前帧中的对象。如果希望在舞台上出现多帧对象以帮助当前帧对象的定位和编辑，Animate CC提供的绘图纸（洋葱皮）功能可以将其实现。
“帧居中”按钮：单击此按钮，播放头所在帧会显示在时间轴的中间位置。
“循环”按钮：单击此按钮，在标记范围内的帧上将以循环播放方式显示在舞台上。
“绘图纸外观”按钮：单击此按钮，时间轴标尺上出现绘图纸的标记显示，在标记范围内的帧上的对象将同时显示在舞台中。可以用鼠标拖曳标记点来增加显示的帧数。
7.1.5　绘图纸（洋葱皮）功能
单击“绘图纸外观”按钮不放，弹出下拉菜单。
“选定范围”命令：在时间轴标尺上总是显示出绘图纸标记。
“所有帧”命令：绘图纸标记显示范围为时间轴中的所有帧。
“锚定标记”命令：将锁定绘图纸标记的显示范围，移动播放头将不会改变显示范围。
7.1.5　绘图纸（洋葱皮）功能
7.1.6　在时间轴面板中设置帧
1．插入帧
选择“插入 > 时间轴 > 帧”命令，或按F5键，可以在时间轴上插入一个普通帧。
选择“插入 > 时间轴 > 关键帧”命令，或按F6键，可以在时间轴上插入一个关键帧。
选择“插入 > 时间轴 > 空白关键帧”命令，可以在时间轴上插入一个空白关键帧。
7.1.6　在时间轴面板中设置帧
2．选择帧
选择“编辑 > 时间轴 > 选择所有帧”命令，或按Ctrl+Alt+A组合键，选中时间轴中的所有帧。
单击要选的帧，帧变为蓝色。用鼠标选中要选择的帧，再向前或向后进行拖曳，其间鼠标经过的帧全部被选中。
按住Ctrl键的同时，用鼠标单击要选择的帧，可以选择多个不连续的帧。
按住Shift键的同时，用鼠标单击要选择的两个帧，这两个帧中间的所有帧都被选中。
7.1.6　在时间轴面板中设置帧
3．移动帧
选中一个或多个帧，按住鼠标，移动所选帧到目标位置。在移动过程中，如果按住Alt键，会在目标位置上复制出所选的帧。
选中一个或多个帧，选择“编辑 > 时间轴 > 剪切帧”命令，或按Ctrl+Alt+X组合键，剪切所选的帧；选中目标位置，选择“编辑 > 时间轴 > 粘贴帧”命令，或按Ctrl+Alt+V组合键，在目标位置上粘贴所选的帧。
4．删除帧
用鼠标右键单击要删除的帧，在弹出的菜单中选择“清除帧”命令。
选中要删除的普通帧，按Shift+F5组合键，删除帧。选中要删除的关键帧，按Shift+F6组合键，删除关键帧。
7.2　帧动画的创建
课堂案例——制作逐帧动画效果
帧动画
逐帧动画
使用导入到舞台命令导入图像序列图；使用时间轴面板制作逐帧动画。
效果图
7.2.1　课堂案例—制作逐帧动画效果
第1帧
7.2.2　帧动画
第5帧
第10帧
第15帧
时间轴面板中设置关键帧的状态
第1帧
7.2.3　逐帧动画
第2帧
第3帧
第4帧
时间轴面板中设置关键帧的状态
7.3　补间形状动画的创建
课堂案例——制作文化动态海报
简单形状补间动画
应用变形提示
使用椭圆工具、矩形工具和创建补间形状命令，制作形状演变效果，使用分散到图层命令，将实例分散到独立层，使用时间轴面板，控制每个图层的出场顺序。
效果图
7.3.1　课堂案例—制作文化动态海报
如果舞台上的对象是组件实例、多个图形的组合、文字、导入的素材对象，必须先分离或取消组合，将其打散成图形，才能制作形状补间动画。利用这种动画，也可以实现上述对象的大小、位置、旋转、颜色及透明度等的变化。
7.3.2　简单形状补间动画
形状补间动画变化过程
使用变形提示，可以让原图形上的某一点变换到目标图形的某一点上。应用变形提示可以制作出各种复杂的变形效果。
系统自动生成的图形变化过程
7.3.3　应用变形提示
在提示点的作用下生成的图形变化过程
7.4　补间形状动画的创建
课堂案例——制作饰品类公众号封面首图
创建补间动画
创建传统补间
测试动画
使用导入命令导入素材制作图形元件；使用创建传统补间命令创建传统补间动画；使用属性面板改变实例图形的不透明度和色调。
效果图
7.4.1　课堂案例—制作饰品类公众号封面首图
7.4.2　创建补间动画
　每帧中的图形变化效果
　第1帧中图形效果
7.4.3　创建传统补间
　在时间轴面板中设置动作补间动画
　最后1帧中图形效果
　每帧中的图形变化效果
7.4.4　测试动画
在制作完成动画后，要对其进行测试。可以通过多种方法来测试动画。
1．应用播放命令
选择“控制 > 播放”命令，或按Enter键，可以对当前舞台中的动画进行浏览。在“时间轴”面板中，可以看见播放头在运动。随着播放头的运动，舞台中显示出播放头所经过的帧上的内容。
2．应用测试影片命令
选择“控制 > 测试影片”命令，或按Ctrl+Enter组合键，可以进入动画测试窗口，对动画作品的多个场景进行连续的测试。
3．应用测试场景命令
选择“控制 > 测试场景”命令，或按Ctrl+Alt+Enter组合键，可以进入动画测试窗口，测试当前舞台窗口中显示的场景或元件中的动画。
7.5　骨骼动画的创建
课堂案例——制作骨骼动画
添加骨骼
编辑骨骼
7.5.1 制作骨骼动画
使用导入命令导入素材制作图形元件，使用创建元件命令制作影片剪辑元件，使用骨骼工具添加骨骼制作小鸡运动。
效果图
7.5.2 添加骨骼
使用“骨骼”工具，可以为影片剪辑、图形元件、按钮元件、单个图形添加骨骼。
选择“骨骼”工具，将鼠标放置在身体部位上，光标变为 ，单击鼠标并向头部拖曳鼠标到适当的位置，松开鼠标，创建身体与头部链接的骨骼。
将鼠标放置在身体部位的骨骼点上，单击并向尾巴部位拖曳鼠标，松开鼠标，创建身体与尾巴链接的骨骼。
7.5.3 编辑骨骼
添加好骨骼之后，可以通过控件对实例进行平移或旋转等操作。
选择“选择”工具，在骨骼点上单击鼠标，将其选中。在骨骼点上出现一个圆圈和一个加号。
7.6　摄像机动画的创建
课堂案例——制作镜头动画
添加摄像头图层
设置摄像头图层属性
使用打开命令打开素材文件，使用摄像头按钮添加摄像头图层，使用摄像头属性制作镜头放大位移效果。
效果图
7.6.1　课堂案例—制作镜头动画
在Animate CC中要创建镜头动画首先要添加摄像机图层。在“时间轴”面板中，单击面板上方的“添加摄像头”按钮 ，或单击工具箱中的“摄像头”工具 ，可以创建一个摄像头图层。
“时间轴”面板
7.6.2 添加摄像头图层
添加摄像头图层后，可以在“属性”面板中设置位置、缩放、旋转和色彩等属性。
1．位置
2．缩放
3．旋转
“属性”面板
7.6.3 设置摄像头图层属性
使用导入命令导入素材制作图形元件，使用创建传统补间命令制作补间动画效果，使用属性面板设置动画的旋转次数。
效果图
课堂练习—制作城市动画
使用导入命令导入素材制作图形元件；使用创建传统补间命令制作补间动画效果；使用属性面板设置动画的旋转次数。
效果图
课后习题—制作房地产广告

展开更多......

收起↑