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

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

Photoshop制作黑色网站导航的按钮(3)

5.右键选择按钮图层,更改混合选项:内投影、渐变叠加、图案叠加。 这里是 填充图案。

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

最终效果:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者: 791650988

为您推荐