动画是一种动态生成一系列相关画面的处理方法。利用人眼视觉上的“残 留”特性,依一定的速率播放静止的图形或图片就会产生运动的视觉效果,实验证明,如果动画或电影的画面刷新率为每秒 24 帧左右,也即每秒放映 24 幅画面,则人眼看到的是连续的画面效 果。
计算机动 画原理与传统动画基本相同,只是在传统动画的基础上把计算机技术用于动画的处理和应用,并可以达到传统动画所达不到的效果。由于采用数字处理方式,动画的 运动效果、画面色调、纹理、光影效果等可以不断改变,输出方式也多种多样。
计算机动画的应用小到多媒体软件中某个组件、物体或字幕的运动,大到一段动画演示、光盘出版物片头片尾的设计制作,甚至到电视片的片头 片尾、电视广告,乃至计算机动画片如“狮子王”等。
动画的舞台结构及道具组合
本节知识提要点
● 认识时间轴面板。 ● 了解时间轴各分区的功能。 ● 复制、添加、删除场景。 ● 创建图形、影片剪辑、按钮等。 ● 导入声音素材。
1. 时间轴
一部 Flash 动画就像一部小电影,时间轴就是用来组织和控制影片内容在一定时间内如何播放的地方。我们先来认识 时间轴面板,如图 3-1-1 所示。
图3-1-1 时间轴面板
时间轴面板分成四个部分:顶区、图层区、时间帧区、状态区。下面分别叙述各区的功能。
(1)顶区
由二行组成,如图3-1-2所示。
图3-1-2 时间轴顶区
第一行是切换行,只要单击相应的文件名就可以在几个 fla 或 swf 文件之间进行切换。
第二行从左向右是当前场景的名称,编辑场景和编辑元件间的切换,场景显示比例。
(2)图层区
每个图层都包含一些舞台中的动画元素(包括声音或 action 指令语句),上面图层中的元素 遮盖下面图层中的元素。
图层区的最上面有三个图标。 用来控制图层中的元件 是否可视; 像一把小锁,单击后 该图层被锁定,图层的所有的元件不能被编辑; 是轮廓线,单击后图层 中的元件只显示轮廓线,填充将被隐藏,这样能方便编辑图层中的元件。
图层有以下几种:
● 层文件夹,图标是 ,组织动画序列的组件 和分离动画对象,有二种状态, 是打开时的状态, 是关闭时的状态。
● 引导层,图标是 ,使“被引导层”中 的元件沿引导线运动,该层下的图层为“被引导层”。
● 遮罩层,图标是 , 使被遮罩层中的动画元素只能透过遮罩层被看到,该层下的图层就是“被遮罩层”,层图标是 。
● 普通层,图标是 ,放置各种动画元素。
(3)时间帧区
Flash 影 片将播放时间分解为帧,用来设置动画运动的方式、播放的顺序及时间等。默认时是每秒播放 12 帧,如图 3-1-3 所示。
图 3-1-3 时间轴图层区和时间帧区
在时间帧面板上,每 5 帧有个“帧序号”标识,常见“帧符号”意义 如下:
● 关键帧:关键帧定义了动画 的变化环节,逐帧动画的每一帧都是关键帧。而补间动画在动画的重要点上创建关键帧,再由 Flash 自己创建关键帧之间的内容。实心圆点 是有内容的关键帧,即实 关键帧。而无内容的关键帧(即空白关键帧)则用空心圆 表示。
● 普通帧:普通帧显示为一个 个的单元格。无内容的帧是空白的单元格,有内容的帧显示出一定的颜色。不同的颜色代表不同类型的动画,如动作补间动画的帧显示为浅蓝色,形状补间动画的帧 显示为浅绿色。而静止关键帧后的帧显示为灰色。关键帧后面的普通帧将继承该关键帧的内容。
● 帧标签:帧标签用于标识时 间轴中的关键帧,用红色小旗加标签名表示,如 。
● 帧注释:用于为你自己或处 理同一文件的其他人员提供提示。用绿色的双斜线加注释文字表示,如 。
● 播放头:指示当前显示在舞 台中的帧,将播放头沿着时间轴移动,可以轻易地定位当前帧。用红色矩形表示 ,红色矩形下面的红色细 线所经过的帧表示该帧目前正处于“播放帧”。
( 4 )状态栏
位于时间轴的最下方,指示所选的帧编号、当前帧频以及到当前帧为止的 运行时间,如图 3-1-4 所示。
最左边的是一组“帧显示模式”按钮,也就是所谓的“描图纸”或者“洋葱皮”功能,它能某个动画过程以一定透明度完整显示出来,而且还可 以进行“多帧编辑”。
图 3-1-4 时间轴状态栏
2 .场景
(1)打开场景面板
时间轴面板下面,占据界面最大的区域就是“场景”,如图 3-1-5 所示。
时间轴面板好比是个“导演工作台”,那么,场景就是受“工作台”控制的“舞台”了,随着“工作台”上的变化,“舞台”上的内容也将同步 变化。
你可以在“舞台”中编辑当前“关键帧”中的内容,包括设置对象的大小、透明度、变形的方式和方向等等。
在图 3-1-6 场景中表示的是几种常见的动画元素。
图3-1-6 常见的几种动画元素
根据需要,你可 以增、删“场景”,“多场景”动画适合较复杂的作品或者舞台上的动画元素差别较明显的情况。 Flash 将按照它们的先后顺序播放,此 外,你还可以利用指令交互地实现不同场景间的跳转。
增、删“场景”以及为“场景”命名是在【场景】面板中进行的,下面,介绍一下【场景】面板的功能和使用方法:
执行 【窗口】|【设计面板】| 【场景】 命令,打 开场景面板,如图3-1-7所示。
图3-1-7 打开场景面板
打开后的【场景】面板如图3-1-8所示,【场景1】下的3个场景都是新增的几个场景。
图3-1-8 【场景】面板
(2)操作场景面板
在场景面板中可以进行下列操作:
● 复制场景,先选中要复制的场景,再单击 按钮,就可以复制出 一个和原场景一模一样的场景,复制出的场景还可以进行再复制,如图 3-1-8 中的“场景 1 复制 复制”所示。
● 增加场景,单击 增加场景按钮,可以 添加一个新的场景,如图 3-1-8 中的“场景 2 ”。
● 删除场景,选中要删除的场景,单击 ,就可以删除该场 景。
● 更改场景名称,在【场景】面板中双击场景名称,然后输入新名称,按回车键确认。
● 更改场景顺序,在【场景】面板中按住场景名称并拖动到不同的位置,松开鼠标即可。
● 转换场景,可在【视图】 | 【转到】菜单中选择场景名称,可以选择相应的场景,也可以在时间轴面板上单击场景切换按钮 ,打开场景切换菜单, 选择相应的场景,如图 3-1-9 所示。
图 3-1-9 场景切换菜单
3 .帧内容
有了“导演工作台”和“舞台”,还要有演员才能演出一幕有声有色“舞台剧”,在场景中的动画元素就是演员,一般常用的有以下几种:
(1)矢量图形
在场景中用鼠标或压感笔画出的图形。 由一个个单独的“节点”构成一个“矢量路径”,每一个“矢量路径”都有其各自的属性,如位置、颜色、 透明度、形状等。对矢量图进行缩放时,图形对象仍保持原有的清晰度和光滑度,不会发生任何偏差,是Flash中最 基本的动画元素。
(2)位图图像
在Flash中导入的*.gif,*.jpg,*.png等格式的图片。图片由像素构成。像素点的多少将决定位图图像的显示质量 和文件大小,位图图像的分辨率越高,其显示越清晰,文件所占的空间也就越大。对位图图像进行缩放时,图像质量出现明显变化,如常见的“锯齿状”等,位图在 Flash中多用做背景。
(3)文字对象
单击工具箱中的【文本 工具】 ,在【属性】面板上选好要输入的文本类型、字体大小、颜色、排版方式等,就可以在场景中输入文字了。
Flash的文本对象 有三种类型:
静态文本字段:显示不 会动态更改字符的文本。
动态文本字段:显示动 态更新的文本,如体育得分、天气报告。
输入文本字段:使用户 可以将文本输入到表单或调查表中。
(4)声音对象
在动画中添加声音,可以使你的作品更有吸引力。 Flash 支持的声音文件有 WAV (仅限 Windows )、 AIFF (仅限 Macintosh )、 MP3 ( Windows 或 Macintosh )。如果你的机器上装有 QuickTime 4 或更高的版本,还可以支持更多的格式。
(5) 按钮对象
按钮在实现Flash 交互性方面有非常重要的作用,通过按钮,你可以实现场景之间的跳转、指定实例的动作、定义与各种按钮状态关联的图形等等。 按钮要实现交互性 功能,必须在创建好的按钮实例上添加动作脚本语句。
(6)影片剪辑
影片剪辑是Flash 中的小型影片,它有自己的时间轴和属性,可以用动作脚本控制播放、跳转等等。 它可以包含交互式控件、声音甚至其它影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间轴上,以 创建动画按钮。
(7)动作脚本语句
动作脚本是 Flash 的脚本撰写语言,通过它你就可以随心所欲地创建影片、实现场景之间的跳转、指定和定义实例的各种动 作等。 动作脚本语句可以添加在时间帧、实例、按钮上。如果添加在时间帧 上,在时间帧面板的相应帧上,会出现一个“ a ”字,如图 3-1-10 所示。
图 3-1-10 添加动作脚本语句后时间帧上的标记
在影片剪辑、按钮上添 加动作脚本语句的方法要先选择要添加的对象,然后在【动作】面板中进行定义。