北海亭-最简单实用的电脑知识、IT信息技术网站

北海亭-最简单实用的电脑知识、IT技术学习个人站

当前位置: 北海亭 > 图形图像 > Flash教程 >

Flash CS5操作入门:帧与时间轴

时间:2012-09-14 22:26来源:未知 作者:草房子 点击:
Flash CS5操作入门:帧与时间轴 在Flash CS5动画的制作过程中,时间轴和帧起到了关键性的作用。本章将介绍动画中帧和时间轴的使用方法及应用技巧。在这一节课的课堂案例制作打字效果中,我们将使用刷子工具绘制光标图形,使用文本工具添加文字,使用翻转帧命

  Flash CS5操作入门:帧与时间轴 在Flash CS5动画的制作过程中,时间轴和帧起到了关键性的作用。本章将介绍动画中帧和时间轴的使用方法及应用技巧。在这一节课的课堂案例——制作打字效果中,我们将使用刷子工具绘制光标图形,使用文本工具添加文字,使用翻转帧命令将帧进行翻转。首先我们还是先来看一下制作打字效果的最终效果图。

制作打字效果的最终的效果

  制作打字效果的最终的效果

  一、动画中帧的概念

  医学证明,人类具有视觉暂留的特点,即人眼看到物体或画面后,在1/24秒内不会消失。利用这一原理,在一幅画没有消失之前播放下一幅画,就会给人造成流畅的视觉变化效果。所以,动画就是通过连续播放一系列静止画面,给视觉造成连续变化的效果。

  在Flash CS5中,这一系列单幅的画面就叫帧,它是Flash CS5动画中最小时间单位里出现的画面。每秒钟显示的帧数叫帧率,如果帧率太慢就会给人造成视觉上不流畅的感觉。所以,按照人的视觉原理,一般将动画的帧率设为24帧/秒。

  二、帧的显示形式

  1、空白关键帧

  在时间轴中,白色背景带有黑圈的帧为空白关键帧。

  2、关键帧

  在时间轴中,灰色背景带有黑点的帧为关键帧。

  3、动作补间帧

  在时间轴中,带有黑色圆点的第1帧和最后1帧为关键帧,中间蓝色背景带有黑色箭头的帧为补间帧。

  4、形状补间帧

  在时间轴中,带有黑色圆点的第1帧和最后1帧为关键帧,中间绿色背景带有黑色箭头的帧为补间帧。

  5、包含动作语句的帧

  在时间轴中,第1帧上出现一个字母“a”,表示这1帧中包含了使用“动作”面板设置的动作语句。

  6、帧标签

  在时间轴中,第1帧上出现一只红旗,表示这一帧的标签类型是名称;第1帧上出现两条绿色斜杠,表示这一帧的标签类型是注释;第1帧上出现一个金色的锚,表示这一帧的标签类型是锚记 。

  三、时间轴面板

  “时间轴”面板由图层面板和时间轴组成。

“时间轴”面板

  “时间轴”面板

  四、绘图纸(洋葱皮)功能

  一般情况下,Flash CS3的舞台只能显示当前帧中的对象。如果希望在舞台上出现多帧对象以帮助当前帧对象的定位和编辑,Flash CS3提供的绘图纸(洋葱皮)功能可以将其实现。在时间轴面板下方的按钮功能如下。

  1、“帧居中”按钮:单击此按钮,播放头所在帧会显示在时间轴的中间位置。

  2、“绘图纸外观”按钮:单击此按钮,时间轴标尺上出现绘图纸的标记显示,在标记范围内的帧上的对象将同时显示在舞台中。

  3、“绘图纸外观轮廓”按钮:单击此按钮,时间轴标尺上出现绘图纸的标记显示,在标记范围内的帧上的对象将以轮廓线的形式同时显示在舞台中。

  4、“编辑多个帧”按钮:单击此按钮,绘图纸标记范围内的帧上的对象将同时显示在舞台中,可以同时编辑所有的对象。

  5、“修改绘图纸标记”按钮:单击此按钮,弹出其下拉菜单。

  五、在时间轴面板中设置帧

  1、插入帧

  选择“插入 > 时间轴 > 帧”命令,或按F5键,可以在时间轴上插入一个普通帧。选择“插入 > 时间轴 > 关键帧”命令,或按F6键,可以在时间轴上插入一个关键帧。选择“插入 > 时间轴 > 空白关键帧”命令,可以在时间轴上插入一个空白关键帧。

  2、选择帧

  选择“编辑 > 时间轴 > 选择所有帧”命令,选中时间轴中的所有帧。单击要选的帧,帧变为深色。用鼠标选中要选择的帧,再向前或向后进行拖曳,其间鼠标经过的帧全部被选中。按住Ctrl键的同时,用鼠标单击要选择的帧,可以选择多个不连续的帧。按住Shift键的同时,用鼠标单击要选择的两个帧,这两个帧中间的所有帧都被选中。

  3、移动帧

  选中一个或多个帧,按住鼠标,移动所选帧到目标位置。在移动过程中,如果按住Alt键,会在目标位置上复制出所选的帧。

  4、删除帧

  用鼠标右键单击要删除的帧,在弹出的菜单中选择“清除帧”命令。选中要删除的普通帧,按Shift+F5组合键,删除帧。选中要删除的关键帧,按Shift+F6组合键,删除关键帧。

  在下一节中,我们将要学习Flash CS5操作入门:帧动画,请同学们提前做好预习准备!

  课程回顾:

  Flash CS5操作入门:库面板如何使用?

(责任编辑:IT信息技术民工)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容