利用图层样式制作清爽的播放器按钮

2016-02-02 02:34 23 1 收藏

下面,图老师小编带您去了解一下利用图层样式制作清爽的播放器按钮,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - PS 】

效果图中的按钮共有两层,分别由不同颜色的圆构成。制作的时候只需要先画出合适的圆形,然后用图层样式添加颜色和质感,再在底部增加一点暗部和高光即可。
最终效果


1、文件新建,尺寸为800X600像素,72分辨率的文件。
在颜色面板,设置前景色值#eceff6,背景色值#bec1cc。图像新建填充图层渐变(确定)下拉找到刚才设置的颜色勾上(反向-仿色-与图层对齐)。

2、用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐。


3、回到图层面板双击其中一个圆设置图层样式如下:
斜面浮雕、内阴影、渐变叠加、外发光、阴影。

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

4、窗口 样式 新建样式 确定。

5、设置另外2个圆的只要点击保存的刚才保存的样式就可以了(如上图)。

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

6、复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下。

7、滤镜 模糊 动感模糊。

8、用矩形框选工具删除多余部分,把图层放在圆的底层,透明度设置在25%-75%。

9、这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,其中斜面浮雕和阴影设置如下%。

最终效果:


来源:https://www.tulaoshi.com/n/20160202/1529775.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图,喜欢的朋友一起来学习吧,如果有什么不懂的地方可以下载PSD文件查看。 教程源文件: 立体质感的播放器按钮PSD源文件 先看看效果图 1.渐变背景 文件新建,尺寸为800X600像素,72分辨率的...
标签: 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.用鼠标双...
标签: PS PS教程
7.新建图层3,选择椭圆选框工具,按住SHIFT在前一个制作的圆形的中间靠左的位置拉一个正圆的选区,将前景色设置为R:145、G:165、B:125,填充选区(图7)。 (NO.7) 8.用鼠标双击图层3,在图层样式面板中钩选投影、内阴影、内发光效果,将投影的距离跟大小都设置为6个象素,其它不变;再将内阴影的不透明度设置为100%,距离设置为0个象素...
标签: PS PS教程
先看一下效果: 在下面的例子中我们将研究怎么样运用图层样式来为我们制作出优美的图案。新建825×595像素大小的工作窗口,选择渐变工具为背景添加渐变效果。 双击背景图层,打开“新建图层”对话框,单击确定。 在图层面板中单击“添加图层样式”,在下拉菜单中选择“渐变叠加”,然后如图设置弹出对话框。 在图层面板中再...

经验教程

152

收藏

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