当前位置:首页 > PS教程 > 网页设计

ps制作一个简单又时尚的UI按扭

  • 2022-12-25 00:31:10
  • 来源/作者:互联网/佚名
  • 己被围观

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

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

Photoshop制作一个简单又时尚的UI按扭,PS教程

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

Photoshop制作一个简单又时尚的UI按扭,PS教程

在菜单栏找到,编缉>定义图案;并给图案命个名字:diagonal line pattern.

Photoshop制作一个简单又时尚的UI按扭,PS教程

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

Photoshop制作一个简单又时尚的UI按扭,PS教程

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

Photoshop制作一个简单又时尚的UI按扭,PS教程

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) 按钮图标

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条