网页制作案例教程制作张兴科北京大学出版社PEKINGUNIVERSITY.pptVIP

网页制作案例教程制作：张兴科北京大学出版社PEKING UNIVERSITY PRESS 第9章 Fireworks CS3中矢量图的用法 本章内容在网站设计中的地位 本章主要讲述矢量图的用法。矢量图形的优点是无论放大、缩小或旋转等都不会失真，并且矢量图形文件一般较小，便于网上传递；缺点是难以表现色彩层次丰富的逼真图像效果；矢量图形在网站设计中主要用于插图、特效文字和可以自由缩放的徽标等图形。应较好地掌握本章的内容。 本章要点 工具按钮的使用； 矢量图的绘制； 图形属性的设置。 教学目标 通过本章的案例学习，要求用户掌握启动和关闭Fireworks CS3的方法； 了解Fireworks CS3的工作界面，掌握工具栏和工具箱的使用； 掌握面板的一般用法； 理解路径的概念与用法； 掌握矢量图的绘制方法与设置笔触与填充颜色； 能绘制各种矢量图形。 Fireworks CS3工作窗口 1．菜单栏与工具栏 菜单栏位于标题栏的下方，包括文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助等10组不同功能的指令菜单。单击各主菜单项都会弹出相应的下拉菜单，有些下拉菜单还包括下一级的子菜单。 工具栏包含图像编辑中经常使用到的一些辅助工具，如新建、打开、保存、导入、导出、打印、撤销、剪切、复制、粘贴等一些功能按钮。 2．工作区 工作区是绘制图形或编辑图像的区域，也称画布。用户在此处可以绘制所需的元件及对它们进行修改与定位等。 改变图像的大小。 ① 选择“修改”→“画布”→“图像大小”命令，打开“图像大小”对话框 。 ② 在“像素尺寸”选项组中，分别设置图像的宽度和高度。若对话框底部的“图像重新取样”未被选中，则只能设置打印分辨率，而设置不了像素尺寸。 ③ 在“打印尺寸”中设置图像的打印尺寸。 ④ 在“分辨率”文本框中设置图像的分辨率。 ⑤ 选中“约束比例”复选框，则保持图像的纵横比不变，对话框上出现的小锁头表示锁定了纵横比。 ⑥ 设置完成后，单击“确定”按钮。 修剪画布。如果图像周围有空白部分，或是有多余的不想要的部分，就可以修剪画布，将多余部分去掉。方法如下。 ① 单击工具箱上的“裁剪”工具按钮 。 ② 拖动鼠标，在文档的画布上画一个修剪框。 ③ 拖动修剪框上的控制柄，调整修剪框的尺寸大小，将想要保留的部分全部围在框内。 ④ 在修剪框内双击，除了修剪框中的内容仍保留在画布上外，其余的部分都被裁剪掉，文档画布也变为修剪框的大小。 打开一幅图像案例 打开一幅图像的案例实现： (1) 启动Fireworks：选择“开始”→“所有程序”→“Adobe Fireworks CS3”，在出现的窗口中选择“新建”，出现“新建文档”对话框。 (2) 在“新建文档”对话框中设置画布的大小，有3种单位可供选择，分别是像素、厘米、英寸，因图片以分辨率决定图片大小，因此习惯上画布的大小以像素作为单位。画布的大小应适合图片。同时根据需要设置画布的颜色。设定画布大小与颜色后，按“确定”按钮。 (3) 选择“文件”下的“打开”命令，从出现的“打开”对话框中选取要打开的图片文件，并单击“打开”按钮。 工具箱 工具箱默认在工作区的左侧，工具箱可以看做是最基本的工具栏，几乎所有的绘图和编辑工具都放在工具箱中，按照功能的不同分为6组，包括选择工具、位图工具、矢量工具、网页工具、颜色和视图工具。 1．选择工具 选择类工具按钮主要用于选择对象及对选择的对象进行变形操作。 选择类工具按钮 2．颜色工具 颜色工具类按钮主要用于设置填充颜色和描边颜色。 3．矢量工具 矢量图的绘制 1．绘制矩形和正方形 单击工具箱中的“矩形”工具按钮，在绘图区的空白处按住鼠标左键不放并拖动鼠标，到合适的位置后释放鼠标，可绘出一个矩形。绘制完后可拖动手柄改变矩形的大小 。 2．绘制圆角矩形 单击工具箱中的“矩形”工具按钮，在绘图区的空白处按住鼠标左键不放并拖动鼠标，到合适的位置后释放鼠标，可绘出一个圆角矩形。当选中圆角矩形后，拖动圆角矩形中的黄色的圆点可以调整圆角的弧度。拖动右下角的黄色圆点可改变矩形的大小 。 3．绘制椭圆和圆 单击工具箱中的“椭圆”工具按钮，在绘图区的空白处按住鼠标左键不放并拖动鼠标，到合适的位置后释放鼠标，可绘出一个椭圆。在拖动过程中若按Shift键，则绘出的是正圆。若要改变椭圆或圆的大小，先选中对象，在“属性”面板中可通过值的设定改变。 4．绘制多边形 “多边形”工具允许用户指定需要的边数与角度，让多边形图形对象快速成形，具体方法如下。 (1) 在工具箱的“矢量”组中，按“多边形”按钮。 (2) 在“属性”面板上设置填充颜色、笔刷颜色、笔尖大小、描边种类等参数，拖动过程既可调整图形的大小，也可在拖动过程改变角度。 5．绘制自由形状