优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
作者:佚名   出处: 本教程主要使用Photoshop制作立体高光效果网页下载按钮,主要使用圆角矩形工具和图层样式打造一个高光下载按钮,下面让我们一起来学习吧
作者:佚名   出处:

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

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

先看效果图。

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

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

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

效果如下。

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

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

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

添加图层样式。

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

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

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

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

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

效果如下。

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

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

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

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

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

添加图层样式。

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

效果如下。

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

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

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

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

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

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

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

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

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

其它效果。

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消