Fireworks中特别的虚线效果

  Fireworks中自带有虚线:三条破折线、加粗破折线、双破折线、基本破折线、实边破折线、点状线。

  在网页设计中,我通常的用的是实边破折线。因为它和网页CSS中border的dotted、dashed两个参数效果相似。在制作网页时,不需要导出切割图片,而是用CSS定义。

  但有时候需要效果,如:只是为了网页而设计图时;或是为了设计更有特色的网页设计图时。我们还需要用到其他的虚线。自带的那些,怎么看都觉得不够是不是?

  这里有两种方法:

  一是,画一个1像素高的矩形(边宽为0,填充所需色),然后给它添加纹理,纹理总量设为100%。

  以下是一般可用的1像素高的纹理虚线效果图:


  (说明:高于1像素的要多一个步骤:按Ctrl+Alt+Shift+Z把矩形转换成位图后,再把上面多余的黑色线删除。)

  其实还有许多纹理,你不妨都去试一下“饼干”、“点”这些都是有效果的。

  如果要画的不是横线而是纵线的话方法也有三:

  1.选择“水平线”等可以直接出现虚线的纹理;

  2.转成位图,然后旋转90度;

  3.把矩形宽度用1个像素以上,直至出现虚线后,再转位图,去多余线。

  二是,同上画一个矩形,然后在“填充-图案-其他”中选择自己画好的线段,通常也是1像素高的gif文件,按你需要的虚线形式,用画笔或是线段工具画一个几个像素宽的虚线。

  要注意的是,按这个图案填充的矩形,如果你觉得效果不满意,想要改一下,也有两个方法:

  1.在FW中图案真充是有一个填充拉伸杆的,拉伸这个杆,调整出你想要的效果;

  2.如果填充杆依然要不到你想要的效果就改外部gif文件。但要另存为一个文件名,再在FW中把矩形的填充重新选一下。因为,你直接把填充外部文件的样式改了后,FW文件中的填充矩形是不会跟着外部文件改的。

时间: 2024-09-04 18:41:24

Fireworks中特别的虚线效果的相关文章

Fireworks中的虚线

Fireworks中自带有虚线:三条破折线.加粗破折线.双破折线.基本破折线.实边破折线.点状线. 在网页设计中,我通常的用的是实边破折线.因为它和网页CSS中border的dotted.dashed两个参数效果相似.在制作网页时,不需要导出切割图片,而是用CSS定义. 但有时候需要效果,如:只是为了网页而设计图时:或是为了设计更有特色的网页设计图时.我们还需要用到其他的虚线.自带的那些,怎么看都觉得不够是不是? 这里有两种方法: 一是:画一个1像素高的矩形(边宽为0,填充所需色),然后给它添加

Fireworks中各种虚线的绘制方法

  fireworks中自带有虚线:三条破折线.加粗破折线.双破折线.基本破折线.实边破折线.点状线. 在网页设计中,我通常的用的是实边破折线.因为它和网页CSS中border的dotted.dashed两个参数效果相似.在制作网页时,不需要导出切割图片,而是用CSS定义. 但有时候需要效果,如:只是为了网页而设计图时;或是为了设计更有特色的网页设计图时.我们还需要用到其他的虚线. 绘制自定义虚线有两种方法: 方法一:画一个1像素高的矩形(边宽为0,填充所需色),然后给它添加纹理,纹理总量设为1

Fireworks中打造晶莹剔透的翅膀效果

本教程主要用Fireworks中打造晶莹剔透的效果,下面我们一起来学习吧. 先看看最终效果图: 第一步 随意新建一个画布,填充背景色为#000066,钢笔勾出基本形状,羽化边框(半径1),填充放射性渐变,外加滤镜外发光,效果如图: 第二步 克隆刚才绘制的外形,微微调整尺寸,去除羽化和外发光,同时调整渐变,参数如下: 调整后效果如图: 第三步 克隆刚才的外形,用节点选择工具微微调整尺寸,加羽化(半径1),调整渐变,参数如下: 第四步 克隆刚才的外形,微微调整外形,去除羽化,调整渐变,参数如下: 第

Fireworks MX中虚线效果制作技巧

技巧 Fireworks是一款针对网页图形设计的软件,虽然比起Photoshop等专业级的绘图软件来,它的功能还算不上很强大,但只要多用巧用,细心钻研,它的功能还是能满足网页图象设计的各种要求的. 无论在网页设计还是其他平面设计中,绘制虚线是一项应用比较广泛的技巧.在Fireworks必须用一个插件才能实现,呵~现在好了,可以不用它了.思路:用选取工具画1像素高的直线,然后用材质填充,还可以设置渐变等,比用插件的效果更多.我是第一次写教程,希望你们会喜欢.好了,不多说了! 1.新建一个文档 (c

Fireworks4.0中虚线效果制作技巧全攻略

攻略|技巧 Fireworks是一款针对网页图形设计的软件,虽然比起Photoshop等专业级的绘图软件来,它的功能还算不上很强大,但只要多用巧用,细心钻研,它的功能还是能满足网页图象设计的各种要求的. 无论在网页设计还是其他平面设计中,绘制虚线是一项应用比较广泛的技巧.在Fireworks4.0中,利用stroke面板,可以轻松的绘制多种多样的线条样式,但是stroke面板中并没有提供直接绘制虚线的选项,以前笔者也曾为此困惑过,经过一番钻研,终于发现了绘制虚线的一些诀窍,不敢独享,贡献出来给各

在Fireworks中制作淡入淡出动画效果

淡出|淡入 淡入淡出动画效果 用fireworks做的淡入淡出效果,有人说看PNG格式看不出真正的步骤,所以在此补上这样一篇教程. 对象的淡入淡出效果是firewoks可以创建的普通效果之一,对两个链接对象进行插帧的时候,其中一个对象的不透明度设置为0%,一个对象的不透明度设置为100%,就可以获得淡入淡出效果. 制作步骤: 一.首先新建一个文件,画一个圆,在FILL面板中设置edge:feather:10,设feather的目的是在运动过程中边缘不至于太生硬,影响效果.点中圆,按F8键,选择t

fireworks中打造透明效果

fireworks中制作晶莹剔透效果教程 第一步 随意新建一个画布,填充背景色为#000066,钢笔勾出基本形状,羽化边框(半径1),填充放射性渐变,外加滤镜外发光,效果如图: 第二步 克隆刚才绘制的外形,微微调整尺寸,去除羽化和外发光,同时调整渐变,参数如下:

制作虚线效果的水平线

在网页中,一般要实现虚线效果.制作方法很多,在我们网站中,也介绍使用Fireworks制作虚线的效果.如果我们改用水平线制作虚线效果呢?制作方法就是使用CSS定义: 在<head>中预先定义好CSS:<STYLE type=text/css>.dotline {BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted}<

Fireworks 中毛笔字条幅的制作

[焚天讲义][转帖]Fireworks   中毛笔字条幅的制作胡乱做的,很难看,没有表现不出书法的真正韵味来,大家不要见笑...... 需要稍微注意的几个步骤: 1)毛笔字效果的制作 2)印章的制作 3)宣纸条幅背景的制作 我就不按照通常的step-by-step的步骤来说了,因为我很懒. 用来做毛笔字的中文字体很多,这里"织梦幻影"及落款小字都选用了"方正黄草简体",大家有兴趣可以选用其他的字体. 1.毛笔字的制作[要点:内阴影特效] 其实大部分可以用来做毛笔字的