第16章Flash基本工具的使用.ppt

《网页设计与制作教程》 作者：孟显勇 北京理工大学出版社 第十六章 Flash 基本工具的使用 Flash主要使用矢量图来设计动画。Flash提供了大量的矢量图绘制工具，通过Flash 基本绘图工具的学习，学会绘制一些简单的矢量图。 16.1 Flash绘图工具的使用 Flash绘制图形过程中，同一图层内的对象会产生相互的影响。当同一图层内的对象有重叠时，新绘制的对象的内容将取代原来的对象的内容。基于这种原理，可以制作出“镂空”效果，如图16-1所示。 图16-1 同图层内容的影响 16.1 Flash绘图工具的使用 按住shift键将文字全部选中后移开，正方形变成镂空效果，露出背景色，因为文本“FLASH”已经取代了正方形的相应部分。 16.1.1 线条工具 Flash线条工具可以绘制各种直线，绘制直线时按住shift键，可以绘制水平和垂直的直线，或者45度倾角的斜线。 16.1.1 线条工具 线条工具的使用Flash绘图工具栏里选择“线条”工具按钮，鼠标光标移动到工作区后将变成“十”字形图标，说明此时已经激活了工具，可以使用它绘制各种直线，根据设计需要可以配合shift键绘制特殊的直线 线条工具的属性设置在绘制直线前需要对直线的属性进行设置，可以设置的直线属性包括直线的颜色、粗细和类型等。直线的颜色可以通过下面两种途径来进行设置： 16.1.1 线条工具 通过绘图工具栏中的“笔触”颜色调整 点击“笔触”颜色中的矩形，会弹出一个调色板，如图16-2所示。调色板的下方是一些预先设置好的“过渡色”，可以在调色板中选取某种颜色作为所绘线条的颜色。 还可以通过单击右上角的，打开“颜色”对话框，如图16-3所示，可以在“颜色”对话框中选取所需颜色。 图16-2 调色板 图16-3 颜色面板 16.1.1 线条工具 通过属性面板中的“笔触”颜色调整 点击“笔触”颜色中的矩形，会弹出调色板，在调色板中选择颜色。属性面板可以对直线的粗细和类型进行设置，属性面板如图16-4所示： 图16-4 线条工具属性面板 16.1.1 线条工具 属性面板上的“笔触高度”文本框主要用于设置绘制线条的宽度，可以直接在文本框中输入高度值（范围是0.1～200），也可以通过右侧的滑杆来调节（范围是0.25～200），其中Flash 中的线条宽度是以px（像素）为单位的。 16.1.1 线条工具 属性面板上的“笔触样式”下拉列表用来选择绘制线条的样式，Flash 8已经预置了一些常用的线条类型，例如：极细线、实线、虚线、点状线等。如图16-5所示： 图16-5 笔触样式对话框 16.1.2 椭圆工具 Flash绘图工具栏的“椭圆”工具主要用于绘制椭圆和圆。“椭圆”工具绘制的图形主要由轮廓线（边框线或边界线）和内部填充色组成。 16.1.2 椭圆工具 使用“椭圆”工具可以在椭圆中设置填充色，而“线条”工具、“铅笔”工具则不能。“椭圆”工具不仅可以对轮廓线的颜色、线宽、和线型进行设置，还可以对填充色进行设置。 16.1.2 椭圆工具 椭圆工具的属性设置Flash绘图工具栏中点击“椭圆”工具按钮，鼠标移动到工作区后变成“十”字形图标，说明 “椭圆”工具已被激活。然后根据设计需求修改“椭圆”工具的属性。如图16-6所示。 图16-6 椭圆工具属性面板 16.1.3 矩形工具和多角星形工具 Flash绘图工具栏中点击“矩形”工具或“多角星形”工具，可以在舞台上绘制“矩形”或“多边形”图形。它们与“椭圆”工具类似，可以对“轮廓线”颜色和填充色进行设置。 16.1.3 矩形工具和多角星形工具 矩形工具的属性设置Flash绘图工具栏中点击“矩形”工具按钮，然后将鼠标移到工作区，图标变形“十”字，表明 “矩形”工具已被激活。如图16-7所示。 图16-7 矩形工具属性面板 16.1.3 矩形工具和多角星形工具 Flash中“矩形”工具默认条件下，绘制的是直角矩形，但也可以绘制圆角矩形。如果需要绘制圆角矩形，双击绘图工具栏中的“矩形”工具图标，弹出“矩形边角半径”设置对话框，设置“边角半径”为所需值，如图16-8所示。 图16-8 矩形边角半径对话框 16.1.3 矩形工具和多角星形工具 “边角半径”文本框中输入矩形圆角的半径，范围为0～999，以“磅”为单位。数值越小，绘制的圆角矩形的圆角弧度就越小，默认值为0，表示4个角为直角。数值越大，绘制的圆角矩形的圆角弧度就越大。图16-8 矩形边角半径对话框 16.1.4 铅笔工具 Flash绘图工具栏中的“铅笔”工具主要是用来绘制线条和形状。“铅笔”工具绘制的是矢量线条，它既可以绘制直线又可以绘制平滑的或尖锐的曲线。它使用起来比“线条”工具更加灵活。但是，“铅笔”工具只能绘制图形的轮廓线，没有填充色，这是