当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

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

来源:木设计 作者:  学习:1101人次

按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键删除边缘部分,这样就可以把描边显示出来。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!