作家
登录

手把手教你做超酷的条形码效果

作者: 来源:www.28hudong.com 2012-11-19 14:33:16 阅读 我要评论

声明: 这篇文章教你在web页面上实现条形码效果,体现的是利用网页制作技术综合解决问题的思路。旨在使对HTML, JavaScript,PhotoShop具有入门级水平的人巩固入门级水平。 若有问题不能及时回复,麻烦请担待,不胜感激。 高手免进。 制作条形码总共分几步? 第一步,把冰箱门儿打开——使用PhotoShop绘制小图片 我们需要制作出一个含有16个元素的条形码图片。 首先打开Photoshop,本篇教程中使用的是CS 简体中文 版本,仅就本教程所涉及的方面来看,操作都大同小异,只要认真阅读,应该不会遇到问题。 打开以后首先按Ctrl N,建一个 8像素 X 8像素的图片,背景选择透明,如图所示: 为了看清楚,可以把图片缩放到最大 1600%。 按一下D,再按一下X,确保前景色为白色背景色为黑色。 使用Ctrl Delele,填充背景色,黑色。 使用铅笔笔工具,参数做如下设置: 刻画线条,隔一列画一个。画成下面这种效果: 将图层1拖动到下面的新建按钮上复制一下: 选择 图层1 副本,将左边第一道白色用铅笔工具涂成黑色(可以按 X 将前景色变成黑色)。如下图所示: 上一页12 3 4 5 6 下一页

  推荐阅读

  关于网页设计布局的理解

矛盾出来了,像我们这些小作坊,基本都是设计布局一人搞定。甚至还有加后台程序的。假设设计的时候考虑布局了,我们都有这个能力进行调整。但像大公司,分工严格的情况下,如果设计师不懂css不会布局。或者理解有>>>详细阅读


本文标题:手把手教你做超酷的条形码效果

地址:http://www.17bianji.com/kaifa/yejie/16372.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)