PS制作一个网站首页按钮应该怎么做？

本教程的按钮大致分为两个大的部分来制作。首先是金属边框部分，用到的图层比较多，每一个图层都需要加上金属渐变色及图层样式。然后就是中间的红色水晶部分的制作，方法与前面的基本相近。

最终效果

1、打开photoshop，新建一图层，按Shift使用椭圆工具画一正圆形。

2、然后双击图层1，在图层1的混合属性中做如下设置：

3、按Ctrl单击图层1，使图层1载入选区，依次点击菜单栏中的选区——修改——收缩，设置收缩量为2。

4、选取椭圆选框工具，设置为选区叉：

5、使用椭圆选框工具在图层1的选区上画椭圆，两选区交叉后效果如下：

6、新建图层2，使用渐变工具在拉渐变，取消选区，将图层透明度设为65，效果如下：

7、新建图层3，同样使用椭圆选框工具和渐变工具做出如下效果：

8、新建图层4，使用椭圆工具并做出如下效果：

9、按Ctrl单击图层4，依次点击菜单中的选择——修改——收缩，设收缩量为1。

10、新建图层5，使用渐变工具，选择对称渐变，做出如下效果：

11、设图层透明度为55，载入图层5的选区，将选区范围收缩9PX，按Del删除，效果如图：

12、再次将选区范围收缩1PX，新建图层6，填充，并设置如下混合选项：

13、新建图层7，做出如下效果，设置混合属性如下：

#p#副标题#e#

14、使用前面所讲的方法依次做出如下效果：

最后加上文字，完成最终效果：

#p#副标题#e#

网站在建站之前，通常都会使用绘图软件来将网站的布局大概绘制出来!而对于网站首页的各种按钮，很多人不会绘制!因此，下面我们就来教一教大家怎么ps绘制网站首页按钮的图形出来!如果你正打算自学ps或者已经在学习的路上，那么就推荐你学习的ps自学视频课，专业讲师教学，从最基础的软件功能到案例实操，不怕学不会~

PS制作一个网站首页按钮操作方法：

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

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

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

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

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

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

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

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

9、设置好的立体按钮设计屋

以上就是“PS制作一个网站首页按钮应该怎么做?”的精彩分享，希望对正在学习PS的你有帮助!更多ps资讯不要错过，尽在!书签收藏，下次学习更方便!学ps，怎么能够0基础入门?如果你正在思考烦恼，那么不妨现在就点击ps自学视频课展开了解，全面ps视频课，综合系统带你0到1质的提升~!

目前，PS在平面设计中是占有一定的地位的~不少的平面设计师都喜欢使用它进行图标按钮的设计!说到图标按钮的设计，那么不少小伙伴可能就比较好奇，立体效果的数字按钮应该怎么使用ps软件制作了!如果你也感到疑惑，不妨跟着下面的教程操作起来?

PS制作一个立体效果数字按钮制作教程：

1、选择一种自己认可的字体，在背景上打出一个数字，我们对于这个字体图层作一下栅格化的处理!

2、设置一个三色渐变，把不同明度的灰色作用在这个字体上，让字体有了一种渐变的感觉。

3、对于字体所在的图层作一下浮雕的处理，再设置一下阴影效果，让字体有了自己的个性化风格。

4、新建设一个图层，我们画出一个蓝色渐变的正圆形，把这个圆形与字体进行中心对齐。

5、对于蓝色图层作一下浮雕效果与描边效果，让其有了一种立体的感觉。

6、我们还可以把字体作一下枕状浮雕的图层效果，从而让字体有了一种凹进背景的浮雕效果!调整一下字体与背景的大小，整个数字图标就完成了!

以上就是我们为各位分享到的使用PS制作一个立体效果数字按钮的教程了，怎么样?你学到了吗?相信大家跟着步骤操作很快就能够制作出来了!其实不单止是数字6按钮，你也可以随意更改数字为文字效果哦!希望你能够学了举一反三!更多精彩PS技巧尽在，赶快来学习学习吧!