平面设计 
首页 > 平面设计 > 浏览文章

PS怎么制作网站首页的立体按钮?

(编辑:jimmy 日期: 2026/4/30 浏览:3 次 )

PS软件运用十分广泛,深受广大观众的喜欢,主要应用到图片处理,文字排版,图形设计,网页设计等多个方面,下面和小编一起来学习如何用PS设计立体按钮吧,有兴趣的朋友们和小编一起来学习吧。

软件名称:
Adobe Photoshop 8.0 中文完整绿色版
软件大小:
150.1MB
更新时间:
2015-11-04立即下载

PS怎么制作网站首页的立体按钮?

1、新建一个160像素*60像素的白色背景,分辨率设置为72个像素,然后点击确定,如图

PS怎么制作网站首页的立体按钮?

2、新建图层,选择圆角矩形工具,绘制圆角矩形,然后按下crl+enter将路径转换为选区,然后按下Alt+delete键填充前景色,将前景色设置为深灰色,然后按下crl+D键取消选择。

PS怎么制作网站首页的立体按钮?

3、然后双击图层样式,勾选投影,设置混合模式为正片叠底,颜色设置为黑色,大小设置为5个像素,角度设置为120度,不勾选使用全局光,然后勾选内发光,设置颜色为白色,方法为柔和,大小为3个像素,点击确定。

PS怎么制作网站首页的立体按钮?

4、之后勾选渐变叠加,设置渐变的颜色从左到右为浅蓝色,深蓝色,淡蓝色,较淡蓝色,然后设置角度为90度,设置渐变的样式为线性渐变,点击确定。

PS怎么制作网站首页的立体按钮?

5、然后勾选图层样式中的光泽,设置混合模式为线性减淡,颜色为淡蓝色,不透明度为66%,距离为41像素,大小为98像素,之后点击确定。

PS怎么制作网站首页的立体按钮?

6、勾选图层样式为描边,设置描边的填充类型为渐变填充,设置渐变颜色从左到右为深蓝色到浅蓝色,然后点击确定,设置描边的大小为1个像素,位置为外部描边,点击确定。

PS怎么制作网站首页的立体按钮?

7、设置好的描边效果图已经被记录下来,如图

PS怎么制作网站首页的立体按钮?

8、选择横排文字工具,绘制文字,文字的颜色填充为白色,然后双击文字图层,出现图层样式勾选投影,设置投影的颜色为深蓝色,大小为10个像素,然后点击确定,如图

PS怎么制作网站首页的立体按钮?

9、设置好的立体按钮,小编已经记录下来了。

PS怎么制作网站首页的立体按钮?

相关推荐:

PS怎么绘制粉色漂亮的按钮?

PS怎么绘制一个可爱的按钮?

PS怎么制作多层圆形金属感超强的按钮?

上一篇:ps怎么绘制服装设计图?
下一篇:ps怎么制作心形鹅卵石效果?
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap