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

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

(编辑:jimmy 日期: 2025/10/14 浏览: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怎么制作心形鹅卵石效果?
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?