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

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

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

【 tulaoshi.com - PS 】

先看看效果图

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

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

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

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

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

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

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

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

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

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

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

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

延伸阅读
标签: PS PS教程
本文由中国合作伙伴印象特别供稿,转载必须取得 授权 前不久做了一个WINXP的播放器的界面,有朋友说做得还不错!让我把过程写出来,做一个教程!!呵呵,其实做得也不怎么样啦!!!要求:对PS至少熟悉一点,不然就会不知道我在说什么啦! 下图为完成稿: 800)this.width=800;" border=0> 1、新建一个600*300,背景为白色的图象文件。 8...
Photoshop制作简单音Tulaoshi.Com乐播放器 教程的效果图制作的非常小巧,很适合用到一些可以播放音乐的网页中。制作方法也比较简单,播放器的每一个部件基本上都是用图层样式来表现立体及浮雕效果,只要注意好图形的层次关系,我们就可以分层来完成效果图。 最终效果 1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加...
来源:站酷 作者: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.用鼠标双...

经验教程

988

收藏

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