Photoshop制作精美的网页按钮教程(2)

Photoshop制作精美的网页按钮教程(3) 作者:佚名 出处: 作者:河马 先看效果图。 1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 2、分别添加投影、描边这…

Photoshop制作精美的网页按钮教程(3)

作者:佚名 出处: 作者:河马 先看效果图。 1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。 效果如下图所示。 3、创建一个新图层,使用圆角矩形工具制作一个小


作者:佚名   出处:
Photoshop制作精美的网页按钮教程(2)插图 作者:河马

先看效果图。

Photoshop制作精美的网页按钮教程(2)插图(1)

1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。

Photoshop制作精美的网页按钮教程(2)插图(2)

2、分别添加投影、描边这两个图层样式。

Photoshop制作精美的网页按钮教程(2)插图(3)

Photoshop制作精美的网页按钮教程(2)插图(4)

效果如下图所示。

Photoshop制作精美的网页按钮教程(2)插图(5)

3、创建一个新图层,使用圆角矩形工具制作一个小一点的白色矩形,你可以使用自由变换调整它的大小和位置,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(6)

 


4、为白色的圆角矩形添加投影、内阴影、渐变叠加和描边这几种图层样式,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(7)

Photoshop制作精美的网页按钮教程(2)插图(8)

Photoshop制作精美的网页按钮教程(2)插图(9)

效果如下图所示。

Photoshop制作精美的网页按钮教程(2)插图(10)

5、新建一个图层,按下Ctrl键单击白色矩形图层的缩略图载入选区,并填充黑色,然后用钢笔工具制作出下图所示的路径,然后按Ctrl+Enter把选区转化为路径,再添加一个图层蒙版,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(11)

6、设置图层混合模式为“柔光”,不透明度为70%,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(12)

8、背景填充黑色,然后使用文字工具输入一些文字,并为文字图层添加外发光图层样式,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(13)

9、多复制几个按钮,并添加不同的文字,最终效果如下图所示。

Photoshop制作精美的网页按钮教程(2)插图(1)




作者:佚名   出处:
Photoshop制作精美的网页按钮教程(2)插图 作者:河马

先看效果图。

Photoshop制作精美的网页按钮教程(2)插图(1)

1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。

Photoshop制作精美的网页按钮教程(2)插图(2)

2、分别添加投影、描边这两个图层样式。

Photoshop制作精美的网页按钮教程(2)插图(3)

Photoshop制作精美的网页按钮教程(2)插图(4)

效果如下图所示。

Photoshop制作精美的网页按钮教程(2)插图(5)

3、创建一个新图层,使用圆角矩形工具制作一个小一点的白色矩形,你可以使用自由变换调整它的大小和位置,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(6)

 


4、为白色的圆角矩形添加投影、内阴影、渐变叠加和描边这几种图层样式,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(7)

Photoshop制作精美的网页按钮教程(2)插图(8)

Photoshop制作精美的网页按钮教程(2)插图(9)

效果如下图所示。

Photoshop制作精美的网页按钮教程(2)插图(10)

5、新建一个图层,按下Ctrl键单击白色矩形图层的缩略图载入选区,并填充黑色,然后用钢笔工具制作出下图所示的路径,然后按Ctrl+Enter把选区转化为路径,再添加一个图层蒙版,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(11)

6、设置图层混合模式为“柔光”,不透明度为70%,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(12)

8、背景填充黑色,然后使用文字工具输入一些文字,并为文字图层添加外发光图层样式,如图所示。

Photoshop制作精美的网页按钮教程(2)插图(13)

9、多复制几个按钮,并添加不同的文字,最终效果如下图所示。

Photoshop制作精美的网页按钮教程(2)插图(1)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部