第一步、打开photoshop，新建立一个200px*60px的图片。

    第二步、选择前景色，颜色代码为网页的背景色代码，用油漆桶填充，使图片的背景和网页的背景完全一致。

    第三步、再次选择前景色，注意要和网页背景有明显的差异，比如我的网页背景是黑色(#000000),此时我选择就是白色。

    第四步、新建一个图层，选用画笔工具，直径为1，按住shift，用画笔画出一条白线。

    第五步、关键的一步。选择“滤镜”菜单，然后选择“杂色”，“添加杂色”，在出来的面版中数量选择“300%”,分布选“高斯分布”。

    第六步、也是关键的一步，用矩形框选定刚才滤镜做出的虚线，按ctrl+t进行自由变换，在出现的8个控点中向上下两个方向拉大，条码效果就出来了。

    效果图：

    在网页中的效果：http://barcode.wps8.com 的右上侧

    作者：酷影小何  首发：blog.wps8.com