Flash cs 基础教程第三章.doc

第三章 图形、影片、按钮对象的编辑 图形对象、影片剪辑对象、按钮对象也叫图形元件、影片剪辑元件、按钮元件，或者最简称呼为图形、影片、按钮，不管怎么称呼，它都指一样东西。 图形元件、影片剪辑元件、按钮元件都有自己的时间轴，对它们的编辑，其实也是对它们的时间轴进行编辑。 第一节 图形元件的编辑 首先我们要了解两个概念：(1) 什么是主时间轴？(2) 什么是图形元件时间轴？主时间轴是新建Flash文档时所看到的时间轴，一个Flash文档只有一个主时间轴，它是唯一的，并且处于所有结构的最顶层。主时间轴有时也称为主场景，主场景也就是指主时间轴。主时间轴的作用主要用于组织动画，即将各种元件、对象等组织在一起，形成一个完整影片。我们并不赞同直接在主时间轴上制作动画，而是将各种动画制作在各自的元件里，放置在主时间轴上后形成一个整体。 图形元件时间轴是将某个对象转换为图形元件后，双击打开所显示的时间轴，每个图形元件都有自己的时间轴。 3.1.1 三角板的绘制 实例源文件：光盘: \实例与视频\第三章\第一节\三角板.fla 操作步骤： 1 启动Flash CS3，新建一个Flash ActionScript2.0文档，将文档的背景颜色设置为“#99FF00” 2 将“图层1”更名为“三角板”，按住“Shift”键不放，用“线条工具”在此图层的第1帧绘制如图3.1.01所示的等腰直角三角形。 3 用“选择工具”选定三角形，按快捷键“F8”，将三角形转换为图形元件，设置如图3.1.02所示。 4 鼠标指针移动到图形元件“45度三角板”上，双击鼠标，打开图形元件(在场景中打开某个元件时，鼠标指针一定要移动到这个元件上，且鼠标指针形状为“”时，双击才可以打开元件。) ，如图3.1.03所示。 5 双击图形元件“45度三角板”后，打开图形元件“45度三角板”的时间轴，进入图形元件的编辑状态，如图3.1.04所示。图形元件有自己的时间轴和编辑区，操作上与前两章所讲内容一样。图3.1.04的①处显示当前操作元件的路径，这对初学的人很重要，通过这所显示的内容能很清楚知道，你现在对哪个对象进行编辑。当前显示正在对主场景下的“45度三角板”的这个图形元件进行编辑，即最后显示的那个名称就是正在编辑的对象，如图3.1.04的②处所示。路径总是从主场景开始的，因为任何元件或对象都是放置在主时间轴上的，如图3.1.04的③处所示。单击③处，返回到主时间轴。单击④处，返回到上一级对象，或者是在编辑区没有对象的区域双击鼠标，也可以返回上一级对象。 6 将“图层1”更名为“三角形”，如图3.1.05的①处所示。在编辑区中用“选择工具”选定三角形，按快捷键“Ctrl+D”重制一个等腰直角三角形，用“缩放”工具拉小，并移动到如图3.1.05的②处。用“颜料桶工具”给三角形填上白色，如图3.1.05的③处所示。 7 锁定“三角形”图层，单击“插入图层”按钮，新建一图层，并更名为“刻度”。在“刻度”图层的第1帧画上刻度，如图3.1.06的④处所示。 8 锁定“刻度”图层，单击“插入图层”按钮，新建一图层，并更名为“数字”。在“数字”图层的第1帧写入数字，如图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”导入编辑区中。用“选择工具”选定图片，按快捷键“F8”，将其转换为图形元件设置如图3.1.08所示。 3 选定“选择工具”后，