Photoshop CS5教程:制作立体便签条按钮特效(3)

作者:佚名 出处: 最终效果: (1)运行Photoshop CS5,打开下图。 (2)使用钢笔工具在视图中绘制路径。 (3)新建图层,将路径转换为选区并填充前景色。 4)取消选区,为图层 1图像添加渐变叠加效果。 (5)继续为图层 1图

ps清新网页立体按钮(2)

作者:佚名   出处:
Photoshop CS5教程:制作立体便签条按钮特效(3)插图

最终效果:

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(1)

(1)运行Photoshop CS5,打开下图。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(2)

(2)使用“钢笔”工具在视图中绘制路径。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(3)

(3)新建图层,将路径转换为选区并填充前景色。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(4)
4)取消选区,为“图层 1”图像添加“渐变叠加”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(5)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(6)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(7)

(5)继续为“图层 1”图像添加“投影”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(8)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(9) 
6)参照上述制作方法继续绘制路径,填充颜色。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(10)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(11)

(7)接着为“图层 2”图像添加“渐变叠加”和“投影”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(12)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(13)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(14)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(15)

(8)继续使用“钢笔”工具绘制路径。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(16) 
9)将路径转换为选区并删除选区内的图像。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(17)

(10)最后取消选区,添加文字和投影,完成制作。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(18)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(19)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(20)
Photoshop CS5教程:制作立体便签条按钮特效(3)插图(21)
Photoshop CS5教程:制作立体便签条按钮特效(3)插图(22)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(20)
Photoshop CS5教程:制作立体便签条按钮特效(3)插图(21)
Photoshop CS5教程:制作立体便签条按钮特效(3)插图(22)作者:佚名   出处:
Photoshop CS5教程:制作立体便签条按钮特效(3)插图

最终效果:

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(1)

(1)运行Photoshop CS5,打开下图。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(2)

(2)使用“钢笔”工具在视图中绘制路径。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(3)

(3)新建图层,将路径转换为选区并填充前景色。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(4)
4)取消选区,为“图层 1”图像添加“渐变叠加”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(5)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(6)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(7)

(5)继续为“图层 1”图像添加“投影”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(8)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(9) 
6)参照上述制作方法继续绘制路径,填充颜色。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(10)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(11)

(7)接着为“图层 2”图像添加“渐变叠加”和“投影”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(12)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(13)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(14)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(15)

(8)继续使用“钢笔”工具绘制路径。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(16) 
9)将路径转换为选区并删除选区内的图像。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(17)

(10)最后取消选区,添加文字和投影,完成制作。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(18)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(19)

作者:佚名   出处:
Photoshop CS5教程:制作立体便签条按钮特效(3)插图

最终效果:

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(1)

(1)运行Photoshop CS5,打开下图。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(2)

(2)使用“钢笔”工具在视图中绘制路径。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(3)

(3)新建图层,将路径转换为选区并填充前景色。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(4)
4)取消选区,为“图层 1”图像添加“渐变叠加”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(5)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(6)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(7)

(5)继续为“图层 1”图像添加“投影”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(8)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(9) 
6)参照上述制作方法继续绘制路径,填充颜色。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(10)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(11)

(7)接着为“图层 2”图像添加“渐变叠加”和“投影”效果。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(12)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(13)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(14)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(15)

(8)继续使用“钢笔”工具绘制路径。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(16) 
9)将路径转换为选区并删除选区内的图像。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(17)

(10)最后取消选区,添加文字和投影,完成制作。

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(18)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(19)

Photoshop CS5教程:制作立体便签条按钮特效(3)插图(20)
Photoshop CS5教程:制作立体便签条按钮特效(3)插图(21)
Photoshop CS5教程:制作立体便签条按钮特效(3)插图(22)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部