PS绘制简单时尚的电子商务网站UI按钮

在这个教程里，将和童学们分享如何使用photoshop制作一个简单又时尚的UI按扭，这个按扭可以用在电子商务网站，或者是网店上。先来看下效果。 1.新建一个文档（ctrl+N）大小为：600*600(虽然我们按扭的大小：170*50，但是尺寸大方便我们的修改) 2.选择“圆角矩形工具”并

4.接下来要给按扭添加一个“斜线效果”

新建文档（ctrl+N）大小为：4*4。

按ctrl+空格键,放大文档到1600%。新建一个图层并删掉背景图层。

在工具箱选择“铅笔工具”并设置笔尖大小为1px；前景色为白色。画出如下图效果：

在菜单栏找到，编缉>定义图案；并给图案命个名字：diagonal line pattern.

返回主文档，按“ctrl”键不放；并单击按扭图层，使按扭图案变成选区。

在按扭图层上新建一个图层，然后在菜单栏找到：编辑>填充，在弹出的对话框中，在下拉菜单中选择“图案”，在下面的自定义图案选择我们刚才自定义图案“diagonal line pattern”。

在菜单栏找到：选择>修改>收缩,把选区收缩2px,接下来把选区反选(ctrl+shift+I)；按delete键删除边缘部分，这样就可以把描边显示出来。

更改“混合模式”“柔光”并调不透明度：20%

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) 按钮教程按钮图标佚名