《【PPT课件】FireworksMX2004网页图形制作》由会员分享，可在线阅读，更多相关《【PPT课件】FireworksMX2004网页图形制作（87页珍藏版）》请在金锄头文库上搜索。
1、第8章Fireworks MX 2004网页图形制作,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像素，分辨率为72像素/英寸，画布背景颜色为白色，然后单击确定按钮。（2）绘制直线
2、、矩形和椭圆,返回本节录,8.1.1 绘制直线、矩形和椭圆,返回本节录,8.1.1 绘制直线、矩形和椭圆,（3）调整直线、矩形和椭圆形状的方法选择工具箱上的“部分选定工具”，然后单击画布上已绘制的图形，选中图形，在图形的周围出现节点，将鼠标指向选中图形的单击右键，从弹出的下拉菜单中选择“组合”时，拖动图形的节点可任意缩放图形,返回本节录,8.1.1 绘制直线、矩形和椭圆,若选择“取消组合”时，拖动图形的节点可调整图形的形状,返回本节录,8.1.2 绘制圆角矩形,绘制圆角矩形的步骤如下：（1）首先在工具箱中选择“圆角矩形工具”，然后在画布上拖拽，即可绘出圆角矩形。（2）要调整圆角矩形的圆角角度，
3、可以使用箭头工具选中对象，然后用鼠标拖曳图形上的节点即可改变圆角角度。如若用鼠标单击节点还可以切换圆角的形状,返回本节录,8.1.2 绘制圆角矩形,返回本节录,8.1.3 绘制多边形,绘制多边形的操作步骤如下：（1）首先在工具箱中选择“多边形工具”，然后折叠面板组，使得“属性检查器”能够完全显示，设置相关参数。（2）在相应“属性检查器”中，“形状”下拉列表框中有“多边形”和“星形”选项，可以设置所需要形状。“边数”文本框用于设置多边形的边数，或星形的角数，取值范围是0360。“角度”文本框用于设置星形各顶角的角度，取值范围是0100。上述选项设置完成后，在画布上拖曳鼠标即可绘制出等边多边形或星
4、形,返回本节录,8.1.3 绘制多边形,如果在拖曳光标的同时按住Shift键，可以限制多边形的朝向以45为单位变化。选择“自动”复选框就是设置多角星的角度为正多角星,返回本节录,8.1.4 绘制曲线,在Fireworks MX 2004中绘制曲线的工具主要有三种，分别是“钢笔工具”、“铅笔工具”和“刷子工具”。绘制方法是：单击曲线绘图工具按钮，然后在选定区域中绘制需要的曲线即可。用“钢笔工具”绘制的曲线为矢量路径，用“铅笔工具”和“刷子工具”绘制的曲线为位图模式。,返回本节录,8.1.4 绘制曲线,1.使用钢笔工具在图像处理过程中要描绘一个曲线图像时，钢笔工具非常实用。用它可以绘制出封闭的不规
5、则的曲线路径，也可以绘制出不封闭的折线。在绘制过程中，钢笔工具是逐点来绘制路径，也就是说，钢笔工具需要不断的释放、按下鼠标才能绘制出曲线图像。如果要改变相邻节点之间曲线的形状，只需要用“部分选定工具”调整路径上节点的位置，或切线的方向，就可以做出不同的曲线形状,返回本节录,8.1.4 绘制曲线,返回本节录,8.1.4 绘制曲线,2. 使用铅笔工具和笔刷工具使用铅笔工具可以模拟铅笔的笔迹画出一个像素宽的曲线或单个像素点。如果要限制路径为水平或垂直直线，可在拖曳的同时按住Shift键。笔刷工具的使用方法和铅笔工具类似，所绘出的图形均为位图模式。在工具箱中调用上述工具描绘曲线时，“属性检查器”中显示
6、出相应的属性参数，可用于编辑绘制的曲线。其中可进行设置的属性包括：设置图形的大小和位置、设置路径的填充效果、设置描边的类型和添加效果等,返回本节录,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 使用描
7、边和填充,2为矢量图形设置填充效果（1）使用“矩形工具”在画布上绘制一个矩形，如图8-10（a）所示。（2）用“箭头工具”选中图形对象，在属性检查器中，选择“填充类别”为“网页抖动”，并在油漆桶中选择两种不同颜色，如图8-10(b)所示。（3）在属性检查器中，选择“填充类别”为“渐变”选项中“折叠” ，如图8-10(c)所示。（4）若选择“填充类别”为“图案”选项中的“彩色玻璃”，如图8-10(d)所示。（5）若设置“纹理”选项为“丝褶”，且“纹理总量”为100%，可得到图8-10(e)。（6）若设置“边缘”选项为“羽化”，且“羽化总量”为9%，可得到图8-10(f)。（7）在设置填充类别时，
8、如果需要对填充颜色进行编辑，还可以打开“填充选项”对图形的填充颜色进一步编辑。,返回本节录,8.1.5 使用描边和填充,操作方法如下：（1）用“箭头工具”选中图形对象。（2）在属性检查器中选择“填充类别”中的“填充选项”,返回本节录,8.1.5 使用描边和填充,（3）在弹出的对话框中选择“渐变”选项 ，弹出编辑渐变色窗口,返回本节录,选择“渐变”选项,8.1.5 使用描边和填充,（4）编辑渐变色窗口用于改变渐变填充颜色，中间颜色框的左右各有一个小颜色块，用于选择渐变填充颜色。（5）改变渐变填充颜色的方法是分别单击中间颜色框两端的小颜色块，打开调色板，选择其他的填充颜色，如果拖拽小颜色块左右移动
9、，可以改变该种颜色在渐变填充中所占的比例。（6）如果需要增加渐变颜色，可以用鼠标指向颜色框的下边框，当鼠标箭头变为时单击鼠标可以增加一个颜色块，可用于增加渐变颜色，并且可以增加多个颜色块。若要减少某种颜色，只需用鼠标将该颜色块其拖离编辑渐变色窗口即可。,返回本节录,8.1.6 编辑矢量路径,1使用“自由变形工具”将一圆形路径变为蘑菇形路径操作方法如下：（1）新建一个空白的图形文档。（2）在工具箱中选中“椭圆工具”，设置线条颜色和填充颜色。（3）按住Shift键，用鼠标在画布中拖拽出两个圆形。（4）在工具箱中选中“自由变形工具”。鼠标变为，当鼠标移到图像的路径上时，鼠标形状变为。图8-14 使用
10、 “任意变形工具”扭曲路径（5）按下鼠标左键，即可以不同的方式来改变图像的路径。,返回本节录,8.1.6 编辑矢量路径,2. 对路径径进行变形操作 操作方法如下：（1）选择“更改区域形状工具”后，在画布上按下鼠标左键，光标变为双线圆，在路径上拖拽光标即可扭曲路径。（2）两个变形工具之间的区别，“更改区域形状工具”可以对一个区域内的所有路径进行变形，而不仅仅是某一段路径。图中分别为“自由变形工具”和“更改区域形状工具”推动矩形路径变形的图形效果。对于“自由变形工具”中的单线圆和双线圆的大小，可在选中变形工具后，相应的“属性检查器”中设置圆的大小尺寸。,返回本节录,8.1.6 编辑矢量路径,3.使
11、用“重绘路径工具”修改一椭圆路径中的某一段路径操作方法如下：（1）使用“箭头工具”选中文档中已经存在的椭圆路径。（2）在工具箱中选择“重绘路径工具”。（3）将光标移到要修改的路径上，光标变为蓝色的圆圈。（4）按下鼠标左键绘制新的路径到原路径的另一点上。（5）在结束点处释放鼠标左键，则新绘制的路径将替换旧路径,返回本节录,图8-16 重绘路径,8.1.6 编辑矢量路径,操作方法如下：（1）首先在画布中绘制三个正圆，其中，大圆和下面的小圆填充黑色，上面的小圆填充白色 （2）用“部分选定工具”选中大圆，然后，用“刀子工具”进行纵向沿圆心切割，使之被切成两个半圆，再选中右半圆，修改其填充颜色为白色。（
12、3）分别选定上下两个小圆，设置其线条颜色为无色。（4）分别在两个小圆的圆心处绘制相应圆形，并设置线条颜色为无色，最后，再填充相应的颜色，就完成了太极图形的制作。,返回本节录,本节完,8.2 矢量图与位图的编辑,8.2.1 矢量图和位图8.2.2 编辑矢量图8.2.3 编辑位图,返回章目录,8.2.1 矢量图和位图,矢量图形是使用矢量即直线和曲线来描绘图形。矢量路径的形状由路径上绘制的点确定，矢量对象的笔触颜色与路径一致。矢量图的颜色是由轮廓线和轮廓线包围的区域的颜色决定的。当你对矢量图形进行编辑的时候，实际上是对线条和曲线的属性进行修改。也就是说，一般情况下矢量图形是绘制出来的或者是由颜色变化
13、、线条变化不多的图形转化过来的。它更适合于描述绘图文件而不是来自自然的照片效果。,返回本节录,8.2.1 矢量图和位图,位图图像是使用像素点即颜色点来描绘图像。当你对位图图像进行修改时，需要修改的是像素而不是线条和曲线。位图的最大优点是自然，它可以用来描述来自于自然界的照片这种各个像素之间毫不相关的图画。,返回本节录,8.2.1 矢量图和位图,矢量图和位图各自的特点如下。矢量图：不宜描述照片图片。文件尺寸小。分辨率具有独立性即改变分辨率时质量不受损失。矢量图放大后不变形。位图：易于描述照片等颜色线条变化丰富的图片。文件尺寸较大。分辨率不具有独立性即改变分辨率时质量会受损失。位图放大后变得模糊失
14、真。,返回本节录,8.2.2 编辑矢量图,【例1】创建一个带阴影的立体小球。操作方法如下：（1）单击工具栏中新建文档按钮，设置画布宽度为600像素，高度为300像素，分辨率为72，背景色为白色，然后单击“确定”按钮。（2）在工具箱中选择矩形工具组中的“椭圆工具”，并在相应的“属性检查器”中设置线条颜色为无色、填充色为黑色。,返回本节录,8.2.2 编辑矢量图,（3）按住Shift键，在画布上拖拽出一圆形，如图8-18（a）所示。（4）选择工具箱中的“箭头工具”，选中圆形对象。（5）在“属性检查器”的填充类型下拉列表框中选择填充类型为“放射状填充”，此时画布上出现光照点和线段，如图8-18（b）
15、所示。（6）用鼠标拖动线段的两个端点分别移动到图示片的位置上，如图8-18（c）所示。,返回本节录,8.2.2 编辑矢量图,（7）单击“属性检查器”中“效果”的按钮，弹出特效菜单。选择“阴影和光晕”中的“投影”选项，在弹出的特效属性消息框中设置投影参数,返回本节录,8.2.2 编辑矢量图,【例2】绘制一幅夜空景色的图像。在本例中将制作一个月亮和星星的图案，主要使用“钢笔工具”、“椭圆工具”和“多边形工具”。操作方法如下：（1）单击工具栏中新建文档按钮，设置画布宽度为600像素，高度为300像素，分辨率为72，背景色为白色，然后单击按钮。（2）选择“椭圆工具”，在画布上绘制出两个圆，选择“箭头工
16、具”，然后用鼠标将两个圆全部选中。（3）选择菜单“修改”中的“组合路径”选项，执行其下拉菜单中的“打孔”子命令，可得到弯月形路径。（4）选择“钢笔工具”在月亮路径上绘制一个三角形，将对象全部选中后，再执行“打孔”命令，又绘制出月亮的嘴巴。,返回本节录,8.2.2 编辑矢量图,（5）用“钢笔工具”月亮的眼睛，完成带有笑脸的月亮图形的绘制，如图8-20所示。（6）用“箭头工具”选中月亮对象，在“属性检查器”中，设置月亮路径的填充颜色为黄色，路径描边为无色。,返回本节录,8.2.2 编辑矢量图,（7）选择矩形工具组中的“多边形工具”绘制多个五角星，衬在月亮的周围。选中五角星对象，并在“属性检查器”中，为五角星设置特效，例如为五角星添加投影效果。（8）选择“文本工具”在图案中添加文字星夜寄语，然后用“部分选择工具”选中文本框，在“属性检查器”中为文字设置字体、字号、字颜色及添加特效，例如为文字设置斜角效果。调整文本的位置,
