日期:2013-01-24  浏览次数:20656 次

本教程主要使用Photoshop制作立体高光效果网页下载按钮,主要使用圆角矩形工具和图层样式打造一个高光下载按钮,下面让我们一起来学习吧。

先看效果图。

PS圆角矩形和图层样式制作高光download图标_webjx.com

新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。

PS圆角矩形和图层样式制作高光download图标_webjx.com

效果如下。

PS圆角矩形和图层样式制作高光download图标_webjx.com

建新层,画一个黑色圆角矩形。

PS圆角矩形和图层样式制作高光download图标_webjx.com

添加图层样式。

PS圆角矩形和图层样式制作高光download图标_webjx.com

建新层,用钢笔画出下图选区,填充白色。

PS圆角矩形和图层样式制作高光download图标_webjx.com

添加蒙版,黑白直线渐变,我显示的是蒙版渐变效果。

PS圆角矩形和图层样式制作高光download图标_webjx.com

效果如下。

PS圆角矩形和图层样式制作高光download图标_webjx.com

建新层,画一正圆,填充#9d1417。

PS圆角矩形和图层样式制作高光download图标_webjx.com

建新层,画一个小点的黑色正圆。

PS圆角矩形和图层样式制作高光download图标_webjx.com

添加图层样式。

PS圆角矩形和图层样式制作高光download图标_webjx.com

效果如下。

PS圆角矩形和图层样式制作高光download图标_webjx.com

建新层,画一个小点的白色正圆。

PS圆角矩形和图层样式制作高光download图标_webjx.com

添加图层蒙版,用黑色笔刷涂抹,效果如下。

PS圆角矩形和图层样式制作高光download图标_webjx.com