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

本教程主要教大家如何使用Photoshop设计水晶质感的立体播放器按钮,本教程主要使用通过图层样式来完成,喜欢的朋友让我们一起来学习吧。 先看看效果图 1.新建文档,大小随意,用椭圆选框工具,按住shift拉一个正圆

UI教程,ps设计上传主题icon图标

psd文件下载: ps教程论坛素材 临近年末,事情越来越多,真的是很忙,但是我还是尽量抽时间给大家带来一些小的图标教程,希望大家多多支持,不足的地方还请大家多多包涵,当然拍拍砖也是可以的,别拍死就行,最后希

 

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

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

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

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

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

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

 

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

 

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

 

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

 

 

 

 

 

 

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

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

 

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

 

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

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

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

 

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

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

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

 

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

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

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

 

 

 

 

 

 

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

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

 

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

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

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

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

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

 

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

 

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

 

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

 

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

 

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

最终效果图

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

 

 

 

 

 

 

 

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

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

 

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

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

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

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

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

 

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

 

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

 

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

 

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

 

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

最终效果图

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

 

 

 

 

 

 

 

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

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

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

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

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

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

 

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

 

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

 

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

 

 

 

 

 

 

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

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

 

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

 

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

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

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

 

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

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

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

 

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

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

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

 

 

 

 

 

 

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

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

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

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

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

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

 

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

 

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

 

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

 

 

 

 

 

 

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

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

 

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

 

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

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

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

 

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

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

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

 

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

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

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

 

 

 

 

 

 

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

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

 

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

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

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

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

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

 

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

 

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

 

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

 

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

 

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

最终效果图

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

 

 

 

 

 

 

作者: 791650988

为您推荐