用Firworks制作电线的教程

教程

   1、首先选择的file> New或CNTL+N, 新建一个300x300象素的fireworks文件。设置分辨率为100,并且底色为白色。
2、选择钢笔工具,在画布的左上方点击确定电线的起点。在起点的右边,选择一个位置再次单击,不要松开鼠标, 拖动鼠标创建一条弧。

3、重复上一步的操作。在弧的右边点击,拖出一条相反方向的弧。将由两个弧组成电线的主干。

4、选择这条线, 在属性窗口设置描边(stroke)。设置如图颜色为#006600。tips设置为10。

经过了上面的几步,现在的结果看起来应该这样子:

5、选择电线,按CNTL + ALT + D复制出一条电线。现在我们需要修改一下新线的设置, 选择新线,stroke按照下图进行设置。1 pixel soft, 颜色为绿色(#00FF00),扩散度为4。

现在电线效果如图:

6、保持对绿色的线的选择, 在效果窗口选择Blur > Gaussain Blur,高斯模糊程度设置为1.5。

7、现在绿色的线在被模糊之后应该有一点3D效果了。选择两条线,执行 Modify > Flatten Selection (CNTL + ALT + SHIFT + Z)把路径转换为位图。
8、由于电线的线头是平的。所以我们需要修整一下线头。选择多边形套索工具(如下图),把图像放大到800%。

9、在电线的末端进行不断的点击出一个多边形来保证线头被削平如下图:

删除选区,得到如下图的效果:

10、选择矩形工具, 在削平的线头处拉一个瘦削的长方形。这将是电线的铜线部分。

11、选择这个矩形,将stroke设置为none, 选择线性填充。编辑线性填充属性,设置如图像铜的黄色:

12、选择这个矩形并且执行Modify - Transform - Scale。旋转这个矩形,使它和线头平行。然后把这个矩形拖动到线头处和电线鏠合。

13、复制一下这个矩形然后再接到另外一个线头处。效果如图:

14、现在我们需要创建另一条电线与上面的电线进行交叉。选择Edit - Select All,选中电线按CNTL + Shift + D或者edit>clone,复制一条电线。选中复制的电线, 执行Modify - Transform - Flip Vertical。使用鼠标光标移动这条电线到如下位置:

15、把图像放大到800%。选中顶层的电线,单击橡皮工具,并设置橡皮工具如图:

用橡皮工具小心地抹去电线交错点上顶层电线的部分。如下图:

途中如果做错了,可以用CNTL + Z去撤消上一步的操作。得图如下:

16、把图像大小回到100%。然后,。 在effect 菜单中选择Shadow and Glow>Drop Shadow给电线加上阴影。

最终效果如图:
时间: 2024-08-24 06:38:20

用Firworks制作电线的教程的相关文章

学习网页制作基础入门教程(3)字体标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 标题标签 1. 使用方法:<H1>标题內容</H1> 2. 标签解释:标题的大小一共有六种,两个标签一组,也就是从 <H1> 到 <H6> , <H1> 最大,<H6>最小.使用标题标签时,该标签会将字体变为粗体字,并会自成一行. 3. 使用范例: 原始碼 呈現結果 <H1>标题1</H1> 标题1

学习网页制作基础入门教程

教程|入门教程|网页 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)背景标签 学习网页制作基础入门教程(6)连接标签 学习网页制作基础入门教程(7)表格标签 学习网页制作基础入门教程(8)框架标签 学习网页制作基础入门教程(9)序列标签 学习网页制作基础入门教程(10)表单标签 学习网页制作基础入门教程(11)注意的问题

学习网页制作基础入门教程(9)序列标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 学习网页制作基础入门教程(6)连接标签 学习网页制作基础入门教程(7)表格标签 学习网页制作基础入门教程(8)框架标签 无序标签 1. 序列标签基本上可分为两种,一种是"无序条列",一种是"有序条列".所谓"无序条列"

学习网页制作基础入门教程(8)框架标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 学习网页制作基础入门教程(6)连接标签 学习网页制作基础入门教程(7)表格标签 框架概念 1. 首先,各位先看看右边这张图片,将利用这张图来做解释,这样子,讲起来可能会清楚一些. 我们可以看见,右边的这个图片,一共分为 1 . 2 . 3 三个框架,每一个框架,各有

学习网页制作基础入门教程(7)表格标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 学习网页制作基础入门教程(6)连接标签 表格单元格对齐位置设定 1. 首先我们来看一个最简单的表格: 原始代码 显示结果 <TABLE BORDER=1><TR><TD>1</TD></TR></TABLE&g

学习网页制作基础入门教程(6)连接标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 学习网页制作基础入门教程(5)图象标签 网页内部的连接 1. 使用方法: 先在欲连接处作记号:<A NAME="here"> 这里是你想连接的点 </A> 设定连接:<A HREF="#here"> 连接 </A> 2. 标签解

学习网页制作基础入门教程(5)背景标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 学习网页制作基础入门教程(4)图象标签 背景标签 1. 使用方法:<BODY BGCOLOR="#ffffff" BACKGROUND="bg.jpg"> 2. 标签解释:这个标签其实应该老早就要讲了,毕竟它是制作网页不可或缺的基本要素之一,我们背景颜色或图片的设定以及连接字体的颜色,统统都放在 <

学习网页制作基础入门教程(4)图象标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 学习网页制作基础入门教程(3)字体标签 图象标签 1. 使用方法:<IMG SRC="/UploadPic/2007-7/200777152731585.gif" ALT="本站特约模特儿" ALIGN=RIGHT BORDER=0 HSPACE=2 VSPACE=2 HEIGHT=56 WIDTH=32> 2. 标签解释:目前常见的网页图形

学习网页制作基础入门教程(2)排版标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 文字上的分隔标签 1. 使用方法:强制断行标签<BR> .强制分段标签<P> 2. 标签解说:我们在写文章时,有时候在特定的地方会强迫断行(<BR> ),或是在写完某一段的时候便会分段(<P>),制作网页也一样,而且更需要断行及分段的功能,以免整个网页看起来乱糟糟的. 3. 使用范例: 原始代码 显示结果  这是一个断行的例子 <BR> 看出来了吗?网页教学网 这是一个断行