第一步、打开photoshop，新建立一个200px*60px的图片。
第二步、选择前景色，颜色代码为网页的背景色代码，用油漆桶填充，使图片的背景和网页的背景完全一致。
第三步、再次选择前景色，注意要和网页背景有明显的差异，比如我的网页背景是黑色(#000000),此时我选择就是白色。
第四步、新建一个图层，选用画笔工具，直径为1，按住shift，用画笔画出一条白线。
第五步、关键的一步。选择“滤镜”菜单，然后选择“杂色”，“添加杂色”，在出来的面版中数量选择“300%”,分布选“高斯分布”。
第六步、也是关键的一步，用矩形框选定刚才滤镜做出的虚线，按ctrl+t进行*变换，在出现的8个控点中向上下两个方向拉大，条码效果就出来了。
效果图：
在网页中的效果：http://barcode.wps8.com 的右上侧
作者：酷影小何 首发：blog.wps8.com