《Animate-CC-2019》07章

本章简介：在AnimateCC动画的制作过程中，时间轴和帧起到了关键性的作用。本章将介绍动画中帧和时间轴的使用方法及应用技巧。读者通过学习要了解并掌握如何灵活地应用帧和时间轴，并根据设计需要制作出丰富多彩的动画效果。第7章基本动画的制作课堂学习目标了解动画和帧的基本概念掌握逐帧动画的制作方法掌握形状补间动画的制作方法掌握传统补间动画的制作方法掌握骨骼动画的制作方法掌握摄像机动画的制作方法熟悉测试动画的方法7.1帧与时间轴课堂案例——制作打字效果动画中帧的概念帧的显示形式时间轴面板绘图纸（洋葱皮）功能在时间轴面板中设置帧使用线条工具绘制光标图形，使用文本工具添加文字，使用翻转帧命令将帧进行翻转。效果图7.1.1课堂案例—制作打字效果医学证明，人类具有视觉暂留的特点，即人眼看到物体或画面后，在1/24秒内不会消失。利用这一原理，在一幅画消失之前播放下一幅画，就会给人造成流畅的视觉变化效果。所以，动画就是通过连续播放一系列静止画面，给视觉造成连续变化的效果。在AnimateCC中，这一系列单幅的画面就叫帧，它是AnimateCC动画中最小时间单位里出现的画面。每秒钟显示的帧数叫帧率，如果帧率太慢就会给人造成视觉上不流畅的感觉。所以，按照人的视觉原理，一般将动画的帧率设为24帧/秒。7.1.2动画中帧的概念7.1.3帧的显示形式1．空白关键帧在时间轴中，白色背景带有黑圈的帧为空白关键帧，表示在当前舞台中没有任何内容。2．关键帧在时间轴中，灰色背景带有黑点的帧为关键帧。表示在当前场景中存在一个关键帧，在关键帧相对应的舞台中存在一些内容。3．传统补间帧在时间轴中，带有黑色圆点的第1帧和最后一帧为关键帧，中间紫色背景带有黑色箭头的帧为补间帧。7.1.3帧的显示形式4．形状补间帧在时间轴中，带有黑色圆点的第1帧和最后一帧为关键帧，中间黄色背景带有黑色箭头的帧为补间帧。5．包含动作语句的帧在时间轴中，第1帧上出现一个字母“a”，表示这一帧中包含了使用“动作”面板设置的动作语句。6．帧标签在时间轴中，第1帧上出现一只红旗，表示这一帧的标签类型是名称。红旗右侧的“mc”是帧标签的名称。“时间轴”面板由图层面板和时间轴组成。“时间轴”面板7.1.4时间轴面板一般情况下，AnimateCC的舞台只能显示当前帧中的对象。如果希望在舞台上出现多帧对象以帮助当前帧对象的定位和编辑，AnimateCC提供的绘图纸（洋葱皮）功能可以将其实现。“帧居中”按钮：单击此按钮，播放头所在帧会显示在时间轴的中间位置。“循环”按钮：单击此按钮，在标记范围内的帧上将以循环播放方式显示在舞台上。7.1.5绘图纸（洋葱皮）功能“绘图纸外观”按钮：单击此按钮，时间轴标尺上出现绘图纸的标记显示，在标记范围内的帧上的对象将同时显示在舞台中。可以用鼠标拖曳标记点来增加显示的帧数。“绘图纸外观轮廓”按钮：单击此按钮，时间轴标尺上出现绘图纸的标记显示，在标记范围内的帧上的对象将以轮廓线的形式同时显示在舞台中。“编辑多个帧”按钮：单击此按钮，绘图纸标记范围内的帧上的对象将同时显示在舞台中，可以同时编辑所有的对象。7.1.5绘图纸（洋葱皮）功能“修改标记”按钮：单击此按钮，弹出下拉菜单。“标记范围2”命令：绘图纸标记显示范围为从当前帧的前2帧开始，到当前帧的后2帧结束。“标记范围5”命令：绘图纸标记显示范围为从当前帧的前5帧开始，到当前帧的后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课堂案例—制作镜头动画在AnimateCC中要创建镜头动画首先要添加摄像机图层。在“时间轴”面板中，单击面板上方的“添加摄像头”按钮，或单击工具箱中的“摄像头”工具，可以创建一个摄像头图层。“时间轴”面板7.6.2添加摄像头图层添加摄像头图层后，可以在“属性”面板中设置位置、缩放、旋转和色彩等属性。1．位置2．缩放3．旋转4．色彩“属性”面板7.6.3设置摄像头图层属性使用导入命令导入素材制作图形元件，使用创建传统补间命令制作补间动画效果，使用属性面板设置动画的旋转次数。效果图7.7课堂练习—制作城市动画使用导入命令导入素材制作图形元件，使用文本工具输入广告语，使用创建传统补间命令制作补间动画效果，使用属性面板改变实例的不透明度。效果图7.8课后习题—制作房地产广告