Flash练习2- Flash时间轴、帧、处理文字对象、元件

一.练习目的

1.在Flash中时间轴、帧、图层工作界面； 2.掌握Flash元件、实例和库的应用； 3.熟悉Flash文字处理的操作方法。

二.练习原理 时间轴、帧、图层

在Flash中时间轴是很重要的部分，Flash对象的操作都离不开时间轴，它是制作动画的基础。时间轴的具体结构如图所示。

Flash中对象的操作都离不开时间轴，时间轴的结构如图2-1所示。时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数。与胶片一样，Flash影片也将时长分为帧。图层就像层叠在一起的幻灯胶片一样，每个图层都包含个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头。时间轴顶部的时间轴标题显示帧编号。播放头指示在舞台中当前显示的帧。时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频，以及到当前帧为止的运行时间。

引导层图标

显锁图示定层隐解轮藏锁廓图图显层层示 补间动画 逐帧动画 空关白键关帧键帧 播放滑块 帧视图弹出菜单 遮罩层图标

插添插删入加入除 图运图图层动层层引文导件 层夹 滚绘绘动图图到纸纸播外外放观轮头廓 编修辑改多绘个图帧纸标记 当前所在帧 帧频率 运行的时间 图2-1 时间轴

帧的分类和含义 图层的分类和用途

-1-

关于帧的基本操作方法如下： ·建立新帧：【插入】-->【时间轴】-->【帧】或是快捷键F5 。 ·建立关键帧：【插入】-->【时间轴】-->【关键帧】或是快捷键F6 。 ·建立空白关键帧：【插入】-->【时间轴】-->【空白关键帧】或是快捷键F7。

·选定帧：鼠标点击即选种，双击或是右击可以进入帧的属性窗口中，在此可以设置动态； ·选定帧以后会出现小方格，表明帧已被选种了，可以用鼠标拖动帧的位置以调整各部分动画播放的时间的长短过程；

·选定多个帧：在鼠标停留在帧上时用鼠标水平拖动可同时选定多个帧，以进行帧的删除操作或是移动；

·帧的快操作：即整体移动操作，首先，选定要移动的帧，同时按下Ctrl键在层中鼠标会变成多向箭头，整体拖动即可以了。

·帧的定位剪切和粘帖： Ctrl+X是剪切 Ctrl+shift+V是原位粘帖

图层就像透明的胶片一样，一层层的叠加，上面的图层盖住下面的图层。在图层上绘制和编辑对象，而不会影响下面或其他图层上的对象。如果要对图层上的对象进行更改或编辑，首先需要选择该图层以激活它。这时会看到图层或文件夹名称旁边显示铅笔图标，这表示该图层或文件处于活动状态。

当创建了一个新的Flash文档以后，就会发现自动生成了一个图层。可以添加更多的图层用来制作更复杂的动画或图形。创建的层数不会增加发布的影片文件大小。可以隐藏、锁定和重新安排图层，还可以通过创建图层文件夹，将图层放人其中来组织和管理这些图层，适当的对图层进行归类，便于动画的制作和更改。可以在时间轴中展开或折叠图层，而不会影响在舞台中看到的内容。如果图层过多难以管理，可以创建层文件夹，对图层进行归类整理，便于动画的制作和更改。

处理文字对象

1、创建文本

可以创建三种类型的文本字段：静态文本字段、动态文本字段和输入文本字段。 ·静态文本字段显示不会动态更改字符的文本。

·动态文本字段显示动态更新的文本，如新闻公告、股票报价或天气报告。 ·输入文本字段使用户可以将文本输入到表单或调查表中。

创建完文本以后，可以在属性检查器对所创建的文本进行编辑，如图2-2所示。其中编辑格式选项可以设置文本的行间距、缩放、左边距和右边距。

图2-2 文本属性检查器

-2-

2、编辑文本

以使用最常用字处理技术编辑Flash中的文本。可以使用剪切、拷贝和粘贴命令在F1ash文件内，以及在Flash和其他应用程序之间移动文本。选择箭头工具，然后单击文本块。按住Shift键单击可选择多个文本块。可以使用对其他对象进行变形的方式来变形文本块。可以缩放、旋转、倾斜和翻转文本块以产生有趣的效果。将文本块当作对象变形时，磅值的增减不会反映在属性检查器中。已变形文本块中的文本依然可以编辑。

如果想对文本的基本形状进行编辑，就要对文本进行两次分离（第一次分离可以将多个文字变成单个文字，第二次分离可以把单个文字分离为图形），可以将文本转换为组成它的线条和填充，以便对它进行改变形状、擦除和其他操作。一旦将文本转换为线条和填充，如图2-3所示，就不能再将它们作为文本来编辑。

分离后的文本就像普通的图形一样可以设置渐变颜色、增加描边、设置封套变形等操作。

图2-3 文本的两次分离

元件、实例和库

在利用Flash制作动画时，经常会出现重复使用一个图形元素的情况，比如满天飞的气球，这些气球可以从一个图形中衍生出来。Flash提供了元件和库的解决方案，可以重复使用同一个元件，从而使Flash生成的文件量成倍减小。元件是指在Flash中创建的图形、按钮或影片剪辑，可以自始至终在影片或其他影片中重复使用。元件可以包含从其他应用程序中导人的插图。创建的任何元件都会自动变为当前文档元件库的一部分。

实例是指位于舞台上或嵌套在另一个元件内的元件副本。实例可以与它的元件在颜色、大小和功能上差别很大。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只用于该实例。也可以在F1ash中创建字体元件。 在影片中使用元件可以显著减小文件的大小；保存一个元件的多个实例比保存该元件内容的多个副本占用的存储空间小。例如，如果将诸如背景图像这样的静态图形转换为可以重复使用的元件，则可以减小影片的文件大小。使用元件还可以加快影片的播放速度，因为单个元件只需下载到Flash P1ayer中一次。 元件库里可以创建元件；.舞台上的元件叫做实例；.同一个元件可以在舞台上重复使用，可以有不同的实例名称，就像一个演员可以扮演不同的角色；4.编辑元件库里的元件，与其相关联的实例也将一同被编辑。 1、 元件的类型

每个元件都有一个唯一的时间轴、舞台及层。创建元件时要选择元件类型，这取决于在影片中如何使用该元件。

·对于静态图像或动画片段可以使用图形元件，图形元件与影片的时间轴同步运行。交互式控件和声音不会在图形元件的动画序列中起作用。

·使用按钮元件可以在影片中创建响应鼠标点击、滑过或其他动作的交互式按钮。 ·影片剪辑元件可以创建能重复使用的动画片段。影片剪辑拥有它们自己的于主影片的时间轴播放的多帧时间轴，即可以将影片剪辑看作主影片内的小影片，它们可以包含

-3-

交互式控件、声音甚至其他影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。

·使用字体元件可以导出字体并在其他Flash影片中使用。 2、创建元件

第一、可以直接将舞台里的元素转换为元件。F1ash会将该元件添加到库中，舞台上选定的元素此时就会变成该元件的一个实例。不能在舞台上直接编辑实例，必须在元件编辑模式下打开它。

第二、创建一个新的空元件。F1ash会将该元件添加到库中，井切换到元件编辑模式。在元件编辑模式下，元件名称将出现在舞台左上角的上面，并由一个十字线表明该元件的注册点。

第三、如果已经在舞台上创建了一个动画，并想在影片的其他地方重复使用它，或者想将它作为一个实例来使用，则可以选择它，然后将它另存为影片剪辑元件。 3、创建实例

一旦创建完一个元件之后，就可以在影片中任何需要的地方，包括在其他元件内，创建该元件的实例了。当修改元件之后，该元件所有的实例都被更新。在创建实例的时候都给它们指定了一个默认名称。可以在属性检查器中给实例指定自定名称。

在创建了元件的一个实例后，使用属性检查器可以指定颜色效果，指定动作，设置图形显示模式或更改实例的行为。所做的任何更改都只影响实例，并不影响元件。 4、创建按钮

按钮实际上是四帧的交互影片剪辑。当为元件选择按钮行为时，Flash会创建一个四帧的时间轴。前三帧显示按钮的三种可能状态，第四帧定义按钮的活动区域。时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳到相应的帧。

要在影片中制作一个交互式按钮，可把该按钮元件的一个实例放在舞台上，然后给该实例指定动作。动作必须指定给影片中按钮的实例，而不指定给按钮的时间轴中的帧。

按钮元件的时间轴上的每一帧都有一个特定的功能，如下所示。 ·第一帧是弹起状态，代表指针没有滑过按钮时该按钮的状态。 ·第二帧是指针经过状态，代表当指针滑过按钮时，该按钮的外观。 ·第三帧是按下状态，代表单击按钮时，该按钮的外观。

·第四帧是点击区域，定义将响应鼠标单击的区域。这片区域在影片中是不可见的。 可以在按钮中使用图形或影片剪辑元件，使用影片剪辑元件，可以把按钮制成动画按钮，但不能在按钮中使用另个按钮。 5、编辑元件

编辑元件时，Flash会更新影片中该元件的所有实例。Flash提供了3种方式来编辑元件。 （1）在当前位置编辑元件，可以执行以下操作： ·在舞台上双击该元件的一个实例。

·在舞台上选择该元件的一个实例，然后右键单击，从弹出菜单中选择“在当前位置编辑”。

·在舞台上选择该元件的一个实例，然后选择【编辑】│【在当前位置编辑】。 （2）在新窗口中编辑元件

在舞台上选择该元件的一个实例，然后右键单击，从弹出菜单中选择“在新窗口中编 辑”。

（3）在元件编辑模式下编辑元件，执行以下操作： ·双击“库”面板中的元件图标。

·在舞台上选择该元件的一个实例，右键单击，然后从弹出菜单中选择“编辑”。

-4-

·在舞台上选择该元件的一个实例，然后选择【编辑】│【编辑元件】。 ·在“库”面板中选择该元件，然后从库选项菜单中选择“编辑”，或者右键单击“库”

面板中的该元件，并从弹出菜单中选择“编辑”。 6、编辑实例

（1）更改实例属性

每个元件实例都有于该元件的属性。可以更改实例的色调、透明度和亮度；重新定义实例的行为(例如，把图形更改为影片剪辑)；可以设置动画在图形实例内的播放形式；也可以倾斜、旋转或缩放实例，这并不会影响元件。此外，可以给影片剪辑或按钮实例命名，这样就可以使用动作脚本更改它的属性。 每个元件实例都可以有自己的色彩效果，就是一个元件不同的色彩效果。要设置实例的颜色和透明度选项，可使用属性检查器。属性检查器中的设置也会影响放置在元件内的位图。 当在特定帧内改变实例的颜色和透明度时，Flash会在播放该帧时立即进行这些更改。 要进行渐变颜色更改，必须使用补间动耐。当补间颜色时，要在实例的开始关键帧和结束 关键帧输入不同的效果设置，然后补间这些设置，以便让实例的颜色随着时间逐渐变化。补 间逐渐地更改实例的颜色和透明度。

如果对包括多帧的影片剪辑元件应用色彩效果，F1ash会将效果应用于该影片剪辑元件 的每一帧。

（2）改变实例的颜色和透明度

在属性检查器中，从“颜色”弹出菜单中选择以下选项之一。 ·“亮度”选项调节图像的相对亮度或暗度，度量是从黑(_100％)到白(100％)。单击该三角形，然后拖动滑块，或者在文本框内输人一个值来调节亮度。 ·“色调”选项用相同的色相为实例着色。使用属性检查器中的色调滑块设置色调百分比，从透明(0％)到完全饱和(100％)。单击该三角形，然后拖动滑块，或者在文本框内输入个值来调节色调。要选择颜色，可在各自的文本框中输入红、绿、蓝的值，或者单击颜色框并从弹出窗口选择一种颜色，或者单击“颜色选择器”按钮。 ·“Alpha”选项用来调节实例的透明度，数值从完全透明的0%到完全不透明的100%。单击三角形，可以使用滑块进行调节，或直接在文本框输入一个数值调节。 ·“高级”选项可以分别调节实例中红、绿、蓝和Alpha的值。左侧的调节控件可以按指 定的百分比降低颜色或透明度的值；右侧的控件可以按常数值降低或增大颜色或透明度的值。当前的红、绿、蓝和Alpha的值都乘以百分比值，然后加上右列中的常数值，产生新的颜色值。 7、交换元件

可以给实例指定不同的元件，从而在舞台上显示不同的实例，并保留所有的原始实例属性(如色彩效果或按钮动作)。在舞台上选择实例，在属性检查器中单击“交换”按钮。在弹出的“交换元件”对话框中，选择要替换的元件，单击“确定”按钮。 8、改变实例类型

可以通过改变实例的类型来重新定义它在影片中的行为。例如，如果一个图形实例包含想要于主影片的时间轴播放的动画，可以将该图形实例重新定义为影片剪辑实例。在舞台上选择该实例，从属性检查器左上角的弹出菜单中选择“图形”、“按钮”或“影片剪辑”。 9、调节实例的混合方式

Flash拥有和Photoshop类似的叠加方式，Flash有多种的混合模式可供选择。选择场景中的实例，在属性检查器里就会看到混合选项，选择一种混合选项就可以达到不同的混合效果。

10、使用库面板

-5-

在Flash里面，所有的元件都放到库里面，所以库又名元件库，主要就是为了统一管理方便再次使用元件。除了元件以外，库中还可以保留位图、声音和视频等各种多媒体素材，便于用户的选择和浏览。库在动画制作时候是非常重要的，就像装演员和道具的仓库一样，保存了几乎用于动画制作的所需要的素材。另外，当一个Flash文件库中的元素，可以直接拖拽或者复制到另一个Flash文件中，使用起来非常方便。

有多种方式可以将库资源从源影片拷贝到目标影片，如拷贝和粘贴资源，拖放资源，或者在目标影片中打开源影片的库，然后把源影片的资源拖人目标影片中。也可以在影片之间将元件作为运行时或创作时共享库资源进行共享。如果拷贝与目标文件中现有的资源同名的资源，“解决库冲突”对话框会让选择是要覆盖现有资源还是要保留现有资源，并用修改后的名称添加新资源。组织好文件夹内的库资源，以便在影片间拷贝资源时减少可能出现的名称冲突。

三.练习内容

1.练习新建项目窗口； 2.熟悉素材工具的管理。 练习具体步骤：

1、改变文字的颜色，字体，把文字打散。

① 用文本工具输入文字，打开属性面板修改颜色、字体。 ② 打开“修改”——“分离”，打散两次。

2、空心字、五彩字、立体字、阴影字、波动字、雕刻字、荧光字、镂空字、双色字的制作。

① 空心字：用文本工具输入文字“空心字”，打散两次，用墨水瓶工具描边，选中填充颜色，删除。

② 五彩字：用文本工具输入文字“五彩字”，打散两次，用油漆桶工具在文字笔画上点击填色，做好一种效果；选中文字，用油漆桶工具在文字笔画上拖拽，起始点在文字笔画上，即做好另一种文字效果。

-6-

③阴影字：颜色设置为灰色，复制“阴影字”修改颜色为红色，调节位置。

④波动字：用文本工具输入文字“波动字”，打散两次，使用任意变形工具的封套选项，调节文字效果。

⑤雕刻字：用文本工具输入文字“雕刻字”，设置为蓝色，复制出两个“雕刻字”修改颜色分别为白色和黑色，调节图层从上到下依次为蓝色，白色和黑色。

-7-

⑥荧光字：用文本工具输入文字“hongen”，制作空心字，颜色为黄色，选中文字，打开“修改”——“形状”——“将线条转化为填充”——“柔化填充边缘”。

⑦镂空字：打开“文件”——“导入”，导入一幅图片。用矩形工具拖拽矩形，颜色为绿色，文本工具输入文字“flash”，打散，文字放到矩形上，取消选中，删除文字，组合。把做好的效果放到图片上。

⑧双色字：用文本工具输入文字“双色字”，打散两次，选择工具选中文字一部分，填充颜色。

-8-

⑨立体字：用文本工具输入文字“TV”，做好空心效果，组合。复制出两个字罗列的效果,删除多余笔画。用调色板调节颜色填充，设置背景色即可。

四.练习要求

1.认真写出练习报告，谈谈对本次练习的感受。

-9-