您当前所在位置:首页 > IT教育 > 图形图像设计

Photoshop制作网页按钮的方法

编辑:sx_songlj

2017-08-07

大家知道Photoshop制作网页按钮吗?下面我们就给大家详细介绍一下吧!主要使用Photoshop设计蓝色素雅风格的圆形按钮,教程主要利用PS制作质感按钮,主要利用ps的图层样式,现在就把设置的步骤和截图分享出来,供大家参考使用。先看看效果图

Photoshop制作网页按钮

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

Photoshop制作网页按钮

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

Photoshop制作网页按钮

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

Photoshop制作网页按钮

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

Photoshop制作网页按钮

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

Photoshop制作网页按钮

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

Photoshop制作网页按钮

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

Photoshop制作网页按钮

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

Photoshop制作网页按钮

最终效果图

Photoshop制作网页按钮

相信大家已经了解Photoshop制作网页按钮了吧!感谢大家对我们网站的支持!

相关推荐:

photoshop制作立体岩石文字的方法 

想了解更多关于photoshop使用教程,请点击精品学习网图形图像设计栏目!!

● 相关推荐更多>>

免责声明

精品学习网(51edu.com)在建设过程中引用了互联网上的一些信息资源并对有明确来源的信息注明了出处,版权归原作者及原网站所有,如果您对本站信息资源版权的归属问题存有异议,请您致信qinquan#51edu.com(将#换成@),我们会立即做出答复并及时解决。如果您认为本站有侵犯您权益的行为,请通知我们,我们一定根据实际情况及时处理。

◇ 热点关注