www.kjjy.net 我们共同的flash 课件家园
第三章 图形、影片、按钮对象的编辑
图形对象、影片剪辑对象、按钮对象也叫图形元件、影片剪辑元件、按钮元件，或者最简称呼为图形、影片、按钮，不管怎么称呼，它都指一样东西。
图形元件、影片剪辑元件、按钮元件都有自己的时间轴，对它们的编辑，其实也是对它们的时间轴进行编辑。
第一节 图形元件的编辑
首先我们要了解两个概念：(1) 什么是主时间轴？(2) 什么是图形元件时间轴？主时间轴是新建Flash文档时所看到的时间轴，一个Flash文档只有一个主时间轴，它是唯一的，并且处于所有结构的最顶层。主时间轴有时也称为主场景，主场景也就是指主时间轴。主时间轴的作用主要用于组织动画，即将各种元件、对象等组织在一起，形成一个完整影片。我们并不赞同直接在主时间轴上制作动画，而是将各种动画制作在各自的元件里，放置在主时间轴上后形成一个整体。
图形元件时间轴是将某个对象转换为图形元件后，双击打开所显示的时间轴，每个图形元件都有自己的时间轴。
3.1.1 三角板的绘制
实例源文件：光盘: \\实例与视频\\第三章\\第一节\\三角板.fla 操作步骤：
<1> 启动Flash CS3，新建一个Flash ActionScript2.0文档，将文档的背景颜色设置为
“#99FF00”
<2> 将“图层1”更名为“三角板”，按住“Shift”键不放，用“线条工具”在此图
层的第1帧绘制如图3.1.01所示的等腰直角三角形。
图3.1.01
89
第三章 图形、影片、按钮对象的编辑
<3> 用“选择工具”选定三角形，按快捷键“F8”，将三角形转换为图形元件，设置如图3.1.02
所示。
图3.1.02
”时，双击才可
<4> 鼠标指针移动到图形元件“45度三角板”上，双击鼠标，打开图形元件(在场景中打开某
个元件时，鼠标指针一定要移动到这个元件上，且鼠标指针形状为“以打开元件。) ，如图3.1.03所示。
图3.1.03
<5> 双击图形元件“45度三角板”后，打开图形元件“45度三角板”的时间轴，进入图形元
件的编辑状态，如图3.1.04所示。图形元件有自己的时间轴和编辑区，操作上与前两章所讲内容一样。图3.1.04的①处显示当前操作元件的路径，这对初学的人很重要，通过这所显示的内容能很清楚知道，你现在对哪个对象进行编辑。当前显示正在对主场景下的“45度三角板”的这个图形元件进行编辑，即最后显示的那个名称就是正在编辑的对象，如图3.1.04的②处所示。路径总是从主场景开始的，因为任何元件或对象都是放置在主时间轴上的，如图3.1.04的③处所示。单击③处，返回到主时间轴。单击④处，返回到上一级对象，或者是在编辑区没有对象的区域双击鼠标，也可以返回上一级对象。
90
www.kjjy.net 我们共同的flash 课件家园
图3.1.04
<6> 将“图层1”更名为“三角形”，如图3.1.05的①处所示。在编辑区中用“选择工具”选
定三角形，按快捷键“Ctrl+D”重制一个等腰直角三角形，用“缩放”工具拉小，并移动到如图3.1.05的②处。用“颜料桶工具”给三角形填上白色，如图3.1.05的③处所示。 <7> 锁定“三角形”图层，单击“插入图层”按钮，新建一图层，并更名为“刻度”。在“刻
度”图层的第1帧画上刻度，如图3.1.06的④处所示。
图3.1.05
91
图3.1.06
第三章 图形、影片、按钮对象的编辑
<8> 锁定“刻度”图层，单击“插入图层”按钮，新建一图层，并更名为“数字”。在“数字”
图层的第1帧写入数字，如图3.1.07的④处所示。
图3.1.07
<9> 按快捷键“Ctrl+S”，将文档保存到“E:\\实例练习”文件夹中，并命名为“45度
三角板”，一个三角板图形就绘制完成。 分析总结：
通过本例，我们可以发现主时间轴与元件的时间轴是不同的，此例中主时间轴只有“三角板”这一个图层，而“45度三角板”这个图形元件的时间轴上有三个图层，如图3.1.07所示。本例将三角板转换为图形元件后，它就有自己的时间轴。在自己的时间轴上，我们可以将相对独立的对象放置在不同的图层上。如本例中将三角形、刻度、数字，放置不同的图层，编辑操作上比较灵活，当编辑完成时，可以通过锁定图层的方式锁定编辑完成的对象。此例中，如果将这三个对象放在一个图层中编辑，操作上将会麻烦得多。 实例练习
请你做出“光盘: \\实例与视频\\第三章\\第一节\\30度三角板.swf”的影片所示的三角板。
3.1.2 位图的裁剪 选择“菜单→导入→导入到舞台”菜单项，导入的一幅图片，这图片在Flash中称为位图。很多时候，我们只需要图片其中的一部分，这时我们应该怎么处理呢？ 实例源文件：光盘: \\实例与视频\\第三章\\第一节\\位图的裁剪.fla 操作步骤：
<1> 启动Flash CS3，新建一个Flash ActionScript2.0文档。 <2> 将“图层1”更名为“图片”，选择菜单“文件→导入→导入到舞台”菜单项，
将“光盘:\\实例与视频\\第三章\\第一节\\素材之Q宠.jpg”导入编辑区中。用“选
92
www.kjjy.net 我们共同的flash 课件家园
择工具”选定图片，按快捷键“F8”，将其转换为图形元件设置如图3.1.08所示。
<3> 选定“选择工具”后，双击编辑区中的图片，打开图形元件“Q宠”时间轴。将“图层
1”更名为“图片”，按快捷键“Ctrl+B”打散图片后，锁定该图层，如图3.1.09所示。
图3.1.08
图3.1.09
<4> 单击“插入图层”按钮，插入一新图层，并将图层更名为“轮廓”，用“线条工具”工具拉出“QQ宠物”的大致轮廓，绘制轮廓时可以放大编辑区。用“选择工具”将线条拉成“QQ宠物”的形状，如图3.1.10所示。
图3.1.10
93
Flash cs3 基础教程第三章
