当前位置:主页 > 网页教程 > 图片制作 > Photoshop教程 > 内容欢迎大家投稿

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

时间:2011-03-07 08:39来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

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

先看效果图。

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

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

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

效果如下。

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

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

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

添加图层样式。

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

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

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

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

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

效果如下。

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

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

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

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

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

添加图层样式。

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

效果如下。

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

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

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

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

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

建新层,画一个白色箭头。

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

输入白色文字,做一个投影,效果如下。

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

其它效果。

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

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接