学习啦——学设计>网页设计>美工设计>photoshop教程>

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

时间: 宇民40 分享

  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、设置好的立体按钮,小编已经记录下来了。


猜你喜欢:

1.ps绘制立体葡萄

2.ppt怎么做立体按钮

3.ps弯曲立体教程

4.PS如何简单几步做出立体字

5.ps简单实例教程

6.用ps画水晶按钮的方法

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

PS软件运用十分广泛,深受广大观众的喜欢,那么设计网站的时候,需要使用立体按钮,该怎么设计呢?下面由学习啦小编为大家整理的ps网页按钮教程,希望大家喜欢! ps网页按钮教程 1、新建一个160像素*60像素的白色背景,分辨率设置为72个像素,然后点击确定,如
推荐度:
点击下载文档文档为doc格式

精选文章

  • ps怎么制作漂亮的心形效果
    ps怎么制作漂亮的心形效果

    ps中想要画一个心形的鹅卵石,该怎么画呢?我们就来看看详细的绘制方法,很简单,需要的朋友可以学习下。下面由学习啦小编为大家整理的ps制作心形教

  • ps如何制作彩色光束效果
    ps如何制作彩色光束效果

    ps中想要绘制一个很漂亮的光束效果,该怎么绘制呢?我们可以使用ps的滤镜功能实现,很简单,但是效果很漂亮。下面由学习啦小编为大家整理的ps光束制作

  • ps滤镜怎么制作穿越时空效果的漩涡
    ps滤镜怎么制作穿越时空效果的漩涡

    想制作一个科技效果很想的光线漩涡,该怎么做呢?我们就来看看ps制作穿越时空效果的漩涡图的方法,需要的朋友可以学习一下。下面由学习啦小编为大家

  • ps如何制作实木地板的木纹效果
    ps如何制作实木地板的木纹效果

    想自己设计一款木地板的文理,该怎么设计呢?我们就来看看ps制作木纹小姑的详细方法,很简单,感兴趣的朋友可以学习一下。下面由学习啦小编为大家整

54850