查查 发表于 2011-3-7 11:30:37

photoshop设计质感的蓝色下载按钮

作者:佚名　出处:一起学习吧

下载站的下载按钮是新重要的组成部分,现在我就来教大家用ps如何设计下载按钮的,教程很简单,一学就会.
这是最终效果图:
http://pic.16xx8.com/allimg/110307/11030H217-0.jpg


查查 发表于 2014-1-22 21:29:27

很建一画布,背景色为白色,然后设置图层混合模式为渐变叠加,数值如下:
http://pic.16xx8.com/allimg/110307/11030JH0-1.jpg
得到的效果如下。
http://pic.16xx8.com/allimg/110307/11030L218-2.jpg

查查 发表于 2014-1-22 21:29:41

新建一图层，画一个黑色圆角矩形。
http://pic.16xx8.com/allimg/110307/11030MA7-3.jpg
设置图层样式,数值如下。
http://pic.16xx8.com/allimg/110307/11030G0F-4.jpg

查查 发表于 2014-1-22 21:29:55

新建一层，用钢笔画出下图选区，填充白色。
http://pic.16xx8.com/allimg/110307/11030GX3-5.jpg

查查 发表于 2014-1-22 21:30:05

添加蒙版，黑白直线渐变，我显示的是蒙版渐变效果。
http://pic.16xx8.com/allimg/110307/11030J321-6.jpg
效果如下。
http://pic.16xx8.com/allimg/110307/11030GK4-7.jpg

查查 发表于 2014-1-22 21:30:18

建新层，画一正圆，填充#9d1417。
http://pic.16xx8.com/allimg/110307/11030GV1-8.jpg

查查 发表于 2014-1-22 21:31:04

建新层，画一个小点的黑色正圆。
http://pic.16xx8.com/allimg/110307/11030KX6-9.jpg

查查 发表于 2014-1-22 21:31:14

添加图层样式。
http://pic.16xx8.com/allimg/110307/11030L312-10.jpg效果如下。
http://pic.16xx8.com/allimg/110307/11030I230-11.jpg

查查 发表于 2014-1-22 21:31:24

建新层，画一个小点的白色正圆。
http://pic.16xx8.com/allimg/110307/11030I910-12.jpg

查查 发表于 2014-1-22 21:31:36

添加图层蒙版，用黑色笔刷涂抹，效果如下。
http://pic.16xx8.com/allimg/110307/11030G4Y-13.jpg

查查 发表于 2014-1-22 21:31:47

建新层，画一个白色箭头。
http://pic.16xx8.com/allimg/110307/11030IK1-14.jpg

查查 发表于 2014-1-22 21:32:15

输入白色文字，做一个投影，效果如下。
http://pic.16xx8.com/allimg/110307/11030I634-15.jpg
其它效果。
http://pic.16xx8.com/allimg/110307/11030H217-0.jpg
页: [1]
查看完整版本: photoshop设计质感的蓝色下载按钮