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

ps设计水晶质感的立体播放器按钮(4)

来源:PS学堂 作者:佚名  学习:5711人次

 

本教程主要教大家如何使用Photoshop设计水晶质感的立体播放器按钮,本教程主要使用通过图层样式来完成,喜欢的朋友让我们一起来学习吧。
先看看效果图


1.新建文档,大小随意,用椭圆选框工具,按住shift拉一个正圆,新建图层1填充颜色,颜色随意。


2.给正圆图层设置图层样式如下:

 

 

 

 

 

 

 

 

 


3.用椭圆工具拉一个小椭圆,新建图层2编辑填充颜色#d1f900,ctrl+d取消选区。继续执行滤镜--模糊--高斯模糊22

 

 


4.用椭圆工具拉一个比正圆小点的圆,新建图层3编辑填充白色,添加图层蒙版,拉一个黑色到透明的渐变(从中间往上方拉)

 


5.新建图层4,按住ctrl键点击正圆图层,得到选区。编辑填充白色,用钢笔工具画出曲线如下,enter键确认转为选区ctrl+shift+I反选,delete删除。

 


6.将图层4的不透明度改为15%

 

 

 

 

 

 


7.继续新建图层5,同样方法得到正圆选区,编辑填充白色,选择--选区--扩展,15px,点矩形选框工具,用鼠标将选区向上移动,delete删除。

 


8.将图层5不透明度改为25%。


9.用圆角矩形工具拉一个圆角正方形,编辑填充黑色,设置图层样式即可。

 

 

 

 

 


最终效果图

 

 

 

 

 

 

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!