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

FireWorks
Fireworks打造精美Logo
用Fireworks也能为照片做精美边框
Fireworks设计网页平面稿入门
Fireworks制作马赛克文字特效
Fireworks制作“回形针卡照片”特效
Fireworks教程:关于圆角矩形边框线清晰度的问题
Fireworks制作Vista包装风格的光束
Fireworks制作经典的扫光字GIF动画
Fireworks制作仿古纸张效果
用Fireworks打造精装书效果
FW8.0轻松制作残破边缘面板效果
Fireworks简单打造文字效果几例
Fireworks 制作地球旋转动画
Fireworks让老虎从电视里出来
Fireworks教程:绘制质感金属刀具
Fireworks制作Vista毛玻璃效果
Fireworks快速打造酷酷台历
Fireworks打造一款精致质感盾形Logo
Fireworks细画Menu条
Fireworks教程:打造纸张卷边效果的方法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 45 ::
收藏到网摘: 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   条形码效果