经典论坛 » Fireworks 专栏 » FW中特别的虚线

pigeonno1 发表于 2006-6-4 10:17

FW中特别的虚线

Fireworks中自带有虚线：三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点状线。
在网页设计中，我通常的用的是实边破折线。因为它和网页CSS中border的dotted、dashed两个参数效果相似。在制作网页时，不需要导出切割图片，而是用CSS定义。
但有时候需要效果，如：只是为了网页而设计图时；或是为了设计更有特色的网页设计图时。我们还需要用到其他的虚线。自带的那些，怎么看都觉得不够是不是？

这里有两种方法：

一是，画一个1像素高的矩形（边宽为0，填充所需色），然后给它添加纹理，纹理总量设为100%。
以下是一般可用的1像素高的纹理虚线效果图：
[attach]11166[/attach]
（说明：高于1像素的要多一个步骤：按Ctrl+Alt+Shift+Z把矩形转换成位图后，再把上面多余的黑色线删除。）
其实还有许多纹理，你不妨都去试一下“饼干”、“点”这些都是有效果的。
如果要画的不是横线而是纵线的话方法也有三：
1.选择“水平线”等可以直接出现虚线的纹理；
2.转成位图，然后旋转90度；
3.把矩形宽度用1个像素以上，直至出现虚线后，再转位图，去多余线。

二是，同上画一个矩形，然后在“填充-图案-其他”中选择自己画好的线段
通常也是1像素高的gif文件，按你需要的虚线形式，用画笔或是线段工具画一个几个像素宽的虚线。
要注意的是，按这个图案填充的矩形，如果你觉得效果不满意，想要改一下，也有两个方法：
1.在FW中图案真充是有一个填充拉伸杆的，拉伸这个杆，调整出你想要的效果；
2.如果填充杆依然要不到你想要的效果就改外部gif文件。但要另存为一个文件名，再在FW中把矩形的填充重新选一下。因为，你直接把填充外部文件的样式改了后，FW文件中的填充矩形是不会跟着外部文件改的。
[attach]11167[/attach]

[[i] 本帖最后由 pigeonno1 于 2006-9-25 22:03 编辑 [/i]]

凌志 发表于 2006-6-4 10:40

不错不错。

其实在FW选择虚线类型后，在笔触选项里可以调节虚线的具体外观，也可以调整出很多类型的虚线的。

seraphbx 发表于 2006-6-6 08:53

在FW中有很多细节方面可以挖掘，没有做不到，只怕想不到。还是一句话，大家要多多实践、摸索、探求~

ziriyan 发表于 2006-6-6 11:26

不错不错，非常好呀

feng4ever 发表于 2006-6-6 15:00

整理的很好啊
这样更方便察看了

顺便BS一下FW8的渐变  
从2004中的直观效果变成了 现在的文字描述。。。
操作起来 有点不方便

jaord 发表于 2006-6-15 13:00

我一般再网页中使用的虚线，都是由一个2x1的图片作为bg的，再2x1的图片中画一个1x1方框就可以了啊

leiwenbo 发表于 2006-6-15 19:12

好东西！！！！！

dull 发表于 2006-6-16 22:09

斜纹理又是怎么制作出来?

上次有看到贴不来,今天找不到了。

jovr 发表于 2006-6-17 15:02

好东西

gold3889 发表于 2006-6-21 18:32

真的不错啊

听雪堂主 发表于 2006-6-22 00:32

网页中的虚线可以用CSS来做，就不用麻烦FW了吧？

网行客 发表于 2006-6-22 09:43

CSS做不出这么多效果，而且在IE和Firefox中效果不一样的

不过我现在也是不知道斜斜虚线怎么做？

chenjisihan 发表于 2006-7-4 22:27

就是啊,期待斜虚线的做法啊!

xiaoyi3038 发表于 2006-7-8 09:00

LZ伟大，效果很不错！提供的很即时

xknic 发表于 2006-7-8 21:11

嘿嘿 真方面

guwi 发表于 2006-9-30 16:58

这个不错~~~
纹理还有这个用~~~

了了拉拉 发表于 2006-11-7 09:11

的确很实用

xknic 发表于 2006-11-7 10:22

[quote]原帖由 [i]seraphbx[/i] 于 2006-6-6 08:53 发表
在FW中有很多细节方面可以挖掘，没有做不到，只怕想不到。还是一句话，大家要多多实践、摸索、探求~ [/quote]


的确~!!!

pobaby 发表于 2006-11-8 03:40

的确~!!!
不錯﹐收了。

huanbei 发表于 2006-11-8 12:12

很好的归类与探讨，收藏了。

kmlxk 发表于 2006-11-8 15:47

叹为观止

52ejia 发表于 2006-11-24 16:24

这个我还没想到,以前我都用一个像素的点一个像素点代替的

muke999 发表于 2006-12-19 09:57

很好啊,

linghan1112 发表于 2007-3-21 12:52

很好！慢慢体会中！

szolin 发表于 2007-3-22 22:20

收藏了，然后再来体会，谢谢！

liu533 发表于 2007-3-23 22:45

厉害！太棒了！

hy2006 发表于 2007-3-30 15:09

也回去整理了一张。

DeathCatEyes 发表于 2007-3-30 15:23

不错，一个个都研究一下

393190710 发表于 2007-4-1 18:07

前无古人，后无来者

curllx 发表于 2007-4-4 15:16

学习了，谢谢楼主的授教

kulrast 发表于 2007-4-5 01:22

强悍的楼主 学习中

taoji1206 发表于 2007-5-30 11:12

很实用的东西啊！

zerozhao 发表于 2007-5-30 19:09

学习……

coolspen 发表于 2007-6-29 10:41

真的很不错哦

lzxujunn 发表于 2007-6-29 15:32

高，小小的操作，就能搞定N多效果，果然值得学习

8jiegg 发表于 2007-7-17 08:31

来晚了，不过确实没发觉FW的虚线还有这么多讲究:D

weili 发表于 2007-8-7 11:47

LZ真有精力

cdxrandy 发表于 2008-5-7 17:33

:) 楼主上面所说的：“再把上面多余的黑色线删除” 是指什么？呵呵，我是新手，有点看不懂

ambitiontan 发表于 2008-5-8 00:08

好东西。。谢谢

小狐子 发表于 2008-5-18 22:32

我一般都用1px彩色铅笔，再调笔触选项的参数就可以了。

summer6 发表于 2008-5-22 09:02

在网页设计中如果都是这样照顾细节那该多好啊!佩服!!!

wfyjd21 发表于 2008-5-23 16:11

楼主解决了长久以来困惑我的问题

longjianghu 发表于 2008-6-25 14:14

楼主讲得真祥细啊，赞一个！

3500 发表于 2008-6-25 14:17

看了楼主的帖子,不由得精神为之传世私服一振

看了楼主的帖子,不由得精神为之传世私服一振,自觉七经八脉为之一畅,七窍倒也开了六窍半,自古英雄runescape出少年,楼主年纪轻轻,就有经天纬地之才,定国安邦之智,古人云,卧龙凤雏得一而安天下,而今,天佑我大中华,沧海桑田5000年,中华神州平地一声雷,飞沙走石,大舞奥运冠军迷天,朦胧中,只见顶天立地一金甲天神立于天地间,这人英雄手持双斧,二目如电,一斧下去,混沌初开,二斧下去,女娲造人,三斧下去,小生倾倒.得此大英雄,实耐之幸也,民之福也,怎不叫人喜极而泣.......古人有少年楼主说为证,少年之楼主如红日初升，其道大光；河出伏流，一泻汪洋；潜龙腾渊，鳞爪飞扬；乳虎啸谷，百兽震惶；鹰隼试翼，风尘吸张；奇花初胎，皇皇；干将发硎，有作其芒；天戴其苍，地履其黄；纵有千古，横有八荒；小生对楼主之dofus仰慕如滔滔江水连绵不绝,海枯石烂,天崩地裂,永不变心.看完楼主的帖子，我的心情竟是久久不能平静。正如老子所云：大音希声，大象无形。我现在终于明白我缺乏的是什么了，正是楼主那种对真理的执着追求和楼主那种对理想的艰苦实践所产生的厚重感。面对楼主的帖子，我震惊得几乎不能动弹了，楼主那种裂纸欲出的大手笔，竟使我忍不住一次次地翻开网站排名楼主的帖子，每看一次，赞赏之情就激长数分，我总在想，是否有神灵活在它灵秀的外表下，以至能使人三月不知肉味
，使人有余音绕梁、三日不绝的感受。

longjianghu 发表于 2008-7-18 09:56

这样做还真没有试过呢，不错不错！:D

查看完整版本: FW中特别的虚线