Fireworks MX中虚线效果制作技巧

技巧

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

  4.在属性面板中,将该矩形进行实色填充;
  5.设置纹理为“垂直线1”,纹理总量100%;

  制作完成。请你使用不同的纹量进行设置,能出现各种虚线的效果。
  该方法也同样能制作出渐变色的虚线效果,制作方法就是使用渐变对该高为1PX的矩形进行填充。
  Png源图片:

时间: 2024-10-30 06:59:25

Fireworks MX中虚线效果制作技巧的相关文章

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

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

Fireworks MX:虚线边框效果

1.首先在画布中建立一个矢量对象,实例中我们先建立一个实边框的矩形框: 2.选择好工作区的矩形矢量对象,在属性面板中,将填充设为None,笔触颜色为任意色: 3.保持矩形矢量对象被选择的状态,在属性面板中正确的选择笔触选项,如下图. 笔触选项设置如下: 类端大小:1 笔触描边种类:1-Pixel Hard 边缘柔化Edge:0 纹理名称:网络线3 纹理总量:100% 4.取消选择,虚线边框效果的矩形框就制作好了. Png源文件: 译者语: 其实这效果制作极为简单,而且Fw中还有现成的插件能很快捷

Fireworks MX 2004虚线任你画

Fireworks MX 2004增加了虚线笔刷,让我们能随意画出各种样式的虚线效果,如图7-1 图7-1 利用虚线笔刷,我们可以制作很多效果,例如文字的边框,下面我们来试试.先书写一个文字,然后在属性面板中找到笔触的颜色调节板,点开它看到有一个"Stroke Options"的选项,选择这个选项.如图7-2 图7-2 然后弹出笔刷设定对话框,选择笔刷的样式为虚线,再设定虚线笔刷的样式,如图7-3 图7-3 在虚线笔刷的样式中,我们还可以修改其参数,得到各种效果的虚线,最后得到文字的虚

用Fireworks MX的变形工具制作大脚印图标

在我们平时设计网页的时候,不免要经常动手制作一些小的图标以满足实际的需要.Fireworks MX既然做为三剑客之一,在这方面自然有自己独特之处.我们今天就以"大脚印"图标为例子来讲解一些如何使用Fireworks轻松设计网站图标. 步骤1: 打开Fireworks MX,使用菜单命令File-New,新建一个文件,宽与高均为300像素,背景色为白色. 步骤2: 在工具栏上选择画圆工具(Ellipse Tool),并且在Properties面板上设置填充色为黑色,边框色无.绘制一个椭圆

Fireworks MX 模拟灯泡效果

Fireworks MX 增加了一些像素图处理功能以后,我们不仅可以用它做出很好的矢量图,另外完全还可以用它做出很多漂亮的像素图像. 下面就是Fireworks MX 做出的仿真灯泡,左边是透明的灯泡,右边是磨砂灯泡,效果很逼真吧! 本实例主要运用了贝塞尔曲线工具(钢笔).渐变.羽化.阴影.新增的"Burn tool"和"Dodge tool"等. 一.磨砂灯泡的制作 1. 建立新文件,用圆角矩形工具拖出一个矩形框,使用次选工具调节两端的节点,如图: 2.再复制3个

photoshop合成灯泡中金鱼效果制作教程

给各位photoshop软件的使用者们来详细的说一下合成灯泡中金鱼效果的制作教程. 教程分享: 第一步:打开素材文件   第二步:打开素材文件2 并使用移动工具拖入素材文件1中 得到图层1     [思想1:制作灯中水效果] 第三步:选中图层1 ,Ctrl+T 调出自由变换控制框 进行调整-确定,选择移动工具 将其放置图像的右上方位置 并设置该图层的混合模式为明度 效果如下:   第四步:由于图层1是不透明的盖在灯泡上面,我们可以适当的改一下图层1的不透明度,以便于我们更好的调整[提示:做完后,

photoshop设计玻璃球中人像效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计玻璃球中人像效果的制作教程. 教程分享: 先看看效果:   我们只需要用到以下两个素材: 玻璃球   人物   开始制作 1.创建一个1200*1700的画布,拖入玻璃球素材.   2.抠出一个玻璃球(用套索工具画个圆形选区直接抠就行),然后CTRL+J再复制一个抠好的玻璃球素材.   3.处理背景,将最底层原始图层中玻璃球圈出,使用编辑~填充~内容识别去掉背景中的玻璃球,这是一个小技巧,使用内容识别工具可以方便去掉内容的同时智能填补

Fireworks MX 立体网格字制作

翻看一些PS的教程,发现了很多关于立体网格字的制作方法的介绍.但是用到FW里面就不太适合了.但是通过试验,发现了另外的一种实现这种立体网格字特效的方法,本节我们就一起来看看.首先还是先来看看效果图. 1.打开FW,新建文件,大小自定,背景色采用默认的白色即可. 2.在编辑区输入文本对象,注意输入的文本对象尽量采用一种较粗的字体,这里选择了"Arial Black"字体,字号采用了196大小,填充颜色为"#FF6600",此刻编辑区对象如下图所示. 3.选定文本对象,

Dreamweaver网页中实用的制作技巧

dreamweaver|技巧|网页 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Sty