当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 巧妙利用填充模拟条形码

FireWorks
Fireworks MX 之初体验4-1
网页设计综合实例(上)
网页设计综合实例(下)
特效字系列教程:马赛克文字
Fireworks4极速教程
Fireworks4功能介绍
Fireworks4遮罩全接触
Fireworks MX 2004特效字系列教程:立体网格字制作
Fireworks MX 2004特效字系列教程:水晶特效字制作
Fireworks MX 2004特效字系列教程:锈蚀文字特效制作
微软Windows徽标做法一例
Fireworks MX 2004特效字系列教程:晕光文字特效四种制作方法详解
金属按钮效果制作方法一则
Fireworks 鲜橙的制作方法
实战网页图形效果一则
布尔运算的处理
Fireworks三帧打造酷Banner
巧用Fireworks MX 2004打造马赛克特效文字
Fireworks MX 2004 制作远古兽皮卷轴
Fireworks 简单立体文字特效

FireWorks 中的 巧妙利用填充模拟条形码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 62 ::
收藏到网摘: n/a

 
按此在新窗口浏览图片
在FW4里面产生如图所示的模拟条形码效果是比较容易的,但是我们要首先明确一点,这里我们只是模拟条形码的效果,如果想要精细制作一个正规的严格的条形码的话,就需要精确定位操作了。



  这个实例的重点技巧其实是对Fill填充效果的充分挖掘,下面我们就一起来看看产生模拟条形码效果的详细步骤:

  第一步、打开FW,新建文件,文件的大小设定为:宽88像素,高31像素;背景颜色自定,这里采用了透明的背景图。

  第二步、选取工具箱的矩形绘制工具,在编辑区绘制一个矩形,矩形的填充设定是我们制作这种模拟条形码效果的关键所在,所以我们一定要按照下面的设定来进行。

  选定绘制的矩形,打开Fill(填充)面板,将填充方式变为Folds,具体的填充方案为“White,Black”,其余选项保持默认值不作修改,具体设定如图01所示:


按此在新窗口浏览图片
图   01   Fill填充设定   


  第三步、选定矩形对象,打开Info(信息)面板,将W、H、X、Y内各个数值框的设定值进行相应修改,来改变刚刚绘制矩形的大小和位置,使得矩形的大小正好适合编辑区的大小,具体的设定如图02所示:   
按此在新窗口浏览图片
图   02   Info面板设定   

  产生如图03所示的效果:
按此在新窗口浏览图片
图   03   矩形对象在编辑区的大小和位置
第四步、关键的一步到了!选定矩形对象,矩形的调节手柄就会出现,矩形调节手柄的含义想必大家已经很清楚了,圆形调节端点为填充色的起始颜色位置,正方形的调节端点为填充色的结束颜色位置。现在我们拖动正方形的调节端点,改变填充的结束端点颜色的位置,最终拖动的效果为正方形的调节端点和圆形的调节端点保持在同一条直线上,如图04所示:
按此在新窗口浏览图片
图   04   调整填充手柄方向
  第五步、我们可以看到,模拟条形码效果已经产成了。这样,接下来的操作就比较简单了,可以选定条形码,然后打开Info面板来改变条形码的大小,然后使用文字工具在编辑区输入相应的数字代码,这样一个模拟条形码就形成了!如图05所示:   


按此在新窗口浏览图片
图   05   条形码效果