第8章fireworks mx 2004网页图形制作

《第8章fireworks mx 2004网页图形制作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章FireworksMX2004网页图形制作8.1绘制图形8.2矢量图与位图的编辑8.3使用滤镜8.4使用样式8.5使用效果8.6使用文本返回总目录8.1绘制图形8.1.1绘制直线、矩形和椭圆8.1.2绘制圆角矩形8.1.3绘制多边形8.1.4绘制曲线8.1.5使用描边和填充8.1.6编辑矢量路径返回章目录8.1.1绘制直线、矩形和椭圆具体操作方法如下：（1）首先创建一个新文档，单击工具栏上的“新建”文档按钮，在“新建文档”对话框中设置画布的大小，宽度为500像素，高度为500像素，分辨率

2、为72像素/英寸，画布背景颜色为白色，然后单击确定按钮。（2）绘制直线、矩形和椭圆返回本节录8.1.1绘制直线、矩形和椭圆返回本节录8.1.1绘制直线、矩形和椭圆（3）调整直线、矩形和椭圆形状的方法选择工具箱上的“部分选定工具”，然后单击画布上已绘制的图形，选中图形，在图形的周围出现节点，将鼠标指向选中图形的单击右键，从弹出的下拉菜单中选择“组合”时，拖动图形的节点可任意缩放图形返回本节录8.1.1绘制直线、矩形和椭圆若选择“取消组合”时，拖动图形的节点可调整图形的形状返回本节录8.1.2绘制圆

3、角矩形绘制圆角矩形的步骤如下：（1）首先在工具箱中选择“圆角矩形工具”，然后在画布上拖拽，即可绘出圆角矩形。（2）要调整圆角矩形的圆角角度，可以使用箭头工具选中对象，然后用鼠标拖曳图形上的节点即可改变圆角角度。如若用鼠标单击节点还可以切换圆角的形状返回本节录8.1.2绘制圆角矩形返回本节录8.1.3绘制多边形绘制多边形的操作步骤如下：（1）首先在工具箱中选择“多边形工具”，然后折叠面板组，使得“属性检查器”能够完全显示，设置相关参数。（2）在相应“属性检查器”中，“形状”下拉列表框中有“多边

4、形”和“星形”选项，可以设置所需要形状。“边数”文本框用于设置多边形的边数，或星形的角数，取值范围是0~360。“角度”文本框用于设置星形各顶角的角度，取值范围是0~100º。上述选项设置完成后，在画布上拖曳鼠标即可绘制出等边多边形或星形返回本节录8.1.3绘制多边形如果在拖曳光标的同时按住Shift键，可以限制多边形的朝向以45º为单位变化。选择“自动”复选框就是设置多角星的角度为正多角星返回本节录8.1.4绘制曲线在FireworksMX2004中绘制曲线的工具主要有三种，分别是“钢笔工具”

5、、“铅笔工具”和“刷子工具”。绘制方法是：单击曲线绘图工具按钮，然后在选定区域中绘制需要的曲线即可。用“钢笔工具”绘制的曲线为矢量路径，用“铅笔工具”和“刷子工具”绘制的曲线为位图模式。返回本节录8.1.4绘制曲线1.使用钢笔工具在图像处理过程中要描绘一个曲线图像时，钢笔工具非常实用。用它可以绘制出封闭的不规则的曲线路径，也可以绘制出不封闭的折线。在绘制过程中，钢笔工具是逐点来绘制路径，也就是说，钢笔工具需要不断的释放、按下鼠标才能绘制出曲线图像。如果要改变相邻节点之间曲线的形状，只需要用“部分

6、选定工具”调整路径上节点的位置，或切线的方向，就可以做出不同的曲线形状返回本节录8.1.4绘制曲线返回本节录8.1.4绘制曲线2.使用铅笔工具和笔刷工具使用铅笔工具可以模拟铅笔的笔迹画出一个像素宽的曲线或单个像素点。如果要限制路径为水平或垂直直线，可在拖曳的同时按住Shift键。笔刷工具的使用方法和铅笔工具类似，所绘出的图形均为位图模式。在工具箱中调用上述工具描绘曲线时，“属性检查器”中显示出相应的属性参数，可用于编辑绘制的曲线。其中可进行设置的属性包括：设置图形的大小和位置、设置路径的填充效果

7、、设置描边的类型和添加效果等返回本节录8.1.5使用描边和填充1.为矢量图形设置描边效果（1）新建一个空白的图形文档。（2）在矢量图形工具组中选择“螺旋形工具”，在画布上绘制一个螺旋形图形，如图8-9（a）所示。（3）用工具面板上的“箭头工具”选中图形对象，然后在属性检查器中设置笔尖的大小为6，如图8-9（b）所示。（4）在属性检查器中设置描边类型为“非自然”中的，如图8-9（c）所示。（5）接着再设置纹理为，边缘的柔化程度为，如图8-9（d）所示。返回本节录8.1.5使用描边和填充2．为矢量图

8、形设置填充效果（1）使用“矩形工具”在画布上绘制一个矩形，如图8-10（a）所示。（2）用“箭头工具”选中图形对象，在属性检查器中，选择“填充类别”为“网页抖动”，并在油漆桶中选择两种不同颜色，如图8-10(b)所示。（3）在属性检查器中，选择“填充类别”为“渐变”选项中“折叠”，如图8-10(c)所示。（4）若选择“填充类别”为“图案”选项中的“彩色玻璃”，如图8-10(d)所示。（5）若设置“纹理”选项为“丝褶”，且“纹理总量”为100%，可得到图8-10(e)。（6）若设置“边缘”选项为“