Photoshop制作立体透明效果的播放器按钮

野趣户外617

野趣户外617

2016-02-16 03:06

下面图老师小编要向大家介绍下Photoshop制作立体透明效果的播放器按钮,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

先看看效果图

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

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

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

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

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

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

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

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

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

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

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

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

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

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

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

最终效果图

Photoshop制作立体透明效果的播放器按钮,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作立体透明效果的播放器按钮

PS PS基础
Photoshop制作立体透明效果的播放器按钮

Photoshop制作粉色质感的播放器按钮效果

PS PS基础
Photoshop制作粉色质感的播放器按钮效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制立体大气的播放器按钮

PS PS基础
Photoshop绘制立体大气的播放器按钮

播放器按钮的制作

PS PS基础 ps平面设计教程 ps去水印教程
播放器按钮的制作

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作精致的媒体播放器按钮

PS PS基础 PS效果
Photoshop制作精致的媒体播放器按钮

Photoshop制作苹果播放器界面

PS PS基础
Photoshop制作苹果播放器界面

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop给偏灰色外景美女照片调亮处理

Photoshop给偏灰色外景美女照片调亮处理

Photoshop把多张素材合成全景数码照片

Photoshop把多张素材合成全景数码照片
下拉加载更多内容 ↓