如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 实例教程 > 正文

制作双层立体圆形网页按钮图标的PS教程

来源:网络作者:网络时间:2017-4-24 18:25:42点击:

本教程主要使用Photoshop设计蓝色素雅风格的圆形按钮,教程主要利用PS制作质感按钮,主要利用ps的图层样式,现在就把设置的步骤和截图分享出来,供大家参考使用。先看看效果图

制作双层立体圆形网页按钮图标的PS教程

 

一、首先启动Photoshopcs5,执行ctrl+n组合键新建一个大小为800*600,分辨率为200,背景颜色为白色的文档。

制作双层立体圆形网页按钮图标的PS教程

 

二、调整前景色为#666666,按alt+delete组合键填充前景色,选择椭圆工具,设置填充颜色为浅蓝色,按住shift在画布上绘制一个正圆。

制作双层立体圆形网页按钮图标的PS教程

 

三、双击该图层弹出图层样式对话框,勾选描边,设置大小为6像素,并设置渐变颜色为#333333,角度为90.

制作双层立体圆形网页按钮图标的PS教程

 

四、接着设置内投影,设置模式为线性加深,角度为90,距离为6像素,大小为10像素。

制作双层立体圆形网页按钮图标的PS教程

 

五、接下来设置内发光,设置混合模式为颜色加深,不透明度为20,方法为精确,大小为10.

制作双层立体圆形网页按钮图标的PS教程

 

六、勾选渐变叠加,设置混合模式为柔光,不透明度为60,样式为线性,角度为120。

制作双层立体圆形网页按钮图标的PS教程

 

七、新建图层1,选择工具箱里椭圆选框工具,按住shift键绘制一个正圆,右键单击从下拉菜单中选择描边,设置10px,点击确定按钮。

制作双层立体圆形网页按钮图标的PS教程

 

八、双击图层1弹出图层样式对话框,根据实际需要设置,这样质感按钮就制作完成了,执行文件-存储为命令,将文件进行保存即可。

制作双层立体圆形网页按钮图标的PS教程

 

最终效果图

制作双层立体圆形网页按钮图标的PS教程

本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频教程
  Photoshop CS5软件视频教程