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

2016-02-16 03:06 81 1 收藏

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

【 tulaoshi.com - PS 】

先看看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1567276.html

延伸阅读
标签: PS PS基础
先看看效果图吧: 具体教程: 1..新建600*400大小文档,用蓝色柔软画笔在画布中间点一下,得到效果如下: 2.新建图层,用椭圆选框工具按住shift键不放,画出正圆,填充颜色#ffb910,选区不要取消。 3.给图形增加高光和阴影。新建图层,用白色柔软画笔在左上角点一下,用黑色画笔在右下角点一下,适当降低不透明度,取消选区。 ...
标签: PS PS基础
先看一下效果 1、新建文件。点击菜单,选择图层-新建图层填充-渐变。 2、渐变填充可以选择自己喜欢的颜色。 3、绘制一个圆形如图。 4、打开图层样式,样式叠加 渐变叠加 投影 斜面和浮雕 内阴影 5、新建图层在从新绘制一个三角形。可采用多边形工具,边数设为3,叠加图层样式,如图。 6、把这个圆形从...
来源:站酷 作者:Wenjunliao 效果图中的按钮共有两层,分别由不同颜色的圆构成。制作的时候只需要先画出合适的圆形,然后用图层样式添加颜色和质感,再在底部增加一点暗部和高光即可。 最终效果 1、文件新建,尺寸为800X600像素,72分辨率的文件。 在颜色面板,设置前景色值#eceff6,背景色值#bec1cc。图像新建填充图层渐变(确定)下拉找...
标签: PS PS教程
16.在图层面板的最顶层新建一个图层,按住CTRL点击液晶显示屏的图层,使其选区浮起,执行菜单-选择-修改-收缩,将选区收缩3个象素,再选择椭圆选框工具,按住SHIFT+ALT后框选圆形选区的左上部分,这样选能将不需要的右下部分的选区直接去除,(图17)。 (NO.17) 17.在选择渐变填充工具,渐变样式选择线性样式,再将渐变色的左右端的颜色都...
标签: PS PS教程
1.新建一个文件,图象大小设置为200X200象素,72DIP,白色背景,RGB模式。 2.新建图层1,选择椭圆选框工具在图象中拉一个椭圆的选区出来(图1)。 (NO.1) 3.选择渐变填充工具,渐变样式选择‘径向’渐变,并将渐变色作如(图2)般设置,从选区的左上角向选区的右下角拖动鼠标来填充选区(图3)。 (NO.2) (NO.3) 4.用鼠标双...

经验教程

180

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部