网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Fireworks
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
本月文章推荐
.五色圆盘的制作.
.Fireworks蒙版巧制图片窗格.
.fireworks画液晶显示器简要教程.
.Fireworks打造一把清新淡雅的扇子.
.Fireworks 4.0大内秘籍之——北.
.Fireworks常见问题解答(4).
.创建动画(Animation)(上).
.Fireworks轻松绘制简单漂亮的立体.
.像素图教程.
.Fireworks简单方法打造网页“闪字.
.Fireworks制作燃烧效果.
.Fireworks图标绘制:精致水晶羽毛.
.用Fireworks给黑白图上色.
.Fireworks混合模式之宝石花效果(.
.Fireworks教程:不同切角效果.
.Fireworks 制作纸张卷边效果.
.FireWorks象素按纽教程.
.FWMX2004 之 Shapes 初体验(二).
.Fireworks常见问题解答(1).
.Fireworks教程:自制树叶笔触绘制.

巧妙利用填充模拟条形码

发表日期:2005-7-2



按此在新窗口浏览图片
在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   条形码效果
上一篇:Fireworks 中毛笔字条幅的制作 人气:10124
下一篇:教你用FW做酷LOGO 人气:11792
浏览全部Fireworks的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐