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

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

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


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