教你如何使用Fireworks绘制出各式的虚线

　　相信作为一名设计师，大家都有接触或者使用过Fireworks吧。Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件。使用Fireworks不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等。因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。下面小编就为大家介绍一些Fireworks绘制出各种样式虚线的方法和技巧吧。

　　大家知道Fireworks中自带有哪些虚线样式吗？没错，它包括了：三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点状线等等的虚线样式。然而在网页设计中，通常的用的是实边破折线。知道为什么吗？那是因为它和网页css中border的dotted、dashed两个参数效果很相似。在制作网页的时候，不需要导出切割图片，而是用CSS来定义的。

　　但很多的时候我们需要效果，比如：只是为了网页而设计图的时候，或者是为了设计更有特色的网页设计图的时候。我们还需要用到其他的虚线。自带的那些虚线怎么看，小编都会觉得不怎么够。

　　第一种方法：

　　我们先画一个1像素高的矩形(矩形的边宽为0，填充所需色)，然后再给它添加纹理，纹理的总量设置为100%。以下的就是一般可用的1像素高的纹理虚线效果图，如图所示：

　　小编在这里要说明一下：高于1像素的，我们就要多一个步骤了。步骤如下：同时按住“CtrlAltShiftZ”，就可以把矩形转换成位图以后，再把上面多余的黑色线删除掉。

　　其实还有许多的纹理，大家都不妨都可以去试一下“饼干”、“点”等，这些都是会有效果的。

　　假如我们要画的不是横线而是竖线的话，也有三种方法。

　　方法如下：

　　①选择“水平线”等就可以直接出现虚线的纹理；

　　②转换成了位图，然后再旋转90度；

　　③把矩形的宽度用1个像素以上，直至出现虚线以后，再转换位图，去掉多余的线。

　　第二种方法：

　　同第一种方法，首先我们也是画出一个矩形，然后就执行以下的操作：“填充-图案-其他”，接着就选择自己画好的线段，通常也是1像素高的gif文件，按大家所需要的虚线形式，用画笔或者是线段工具，画一个或者几个像素宽的虚线。

　　这里要注重的是，按照这个图案填充的矩形，假如大家觉得效果还是不怎么满足，想要改变一下的话，这里也是有两个方法的。

　　方法如下：

　　①在FW中，图案真充是有一个填充拉伸杆的，进行拉伸这个杆，调整出我们想要的效果；

　　②假如填充杆依然要不到大家想要的效果，那么就改外部gif文件把。但是要另存为一个文件名，再在FW中把矩形的填充重新选择一下。因为，大家直接把填充外部文件的样式改了以后，FW文件中的填充矩形是不会跟着外部文件而改变的。如图所示：

　　小编总结：

　　以上就是fireworks教程的全部内容了，相信大家都已经学习到Fireworks绘制出各种样式虚线的方法和技巧。只要按照教程，效果就可以呈现在大家的眼前了。是不是非常的简单易学呢？如果喜欢，大家快来动手试一试吧。Fireworks还可以开发出很多很有趣的东西，这个就需要我们不断的摸索。希望这篇教程大家会喜欢。

　　课课家会一直更新关于设计类的文章，请继续关注我们的网站：课课家教育。谢谢！