优艾设计网

Photoshop设计常见的网站联系我们按钮

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
作者:佚名   出处:一起PS吧 本教程学习如何用Photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,感兴趣的同学可以跟着教程来学习

作者:佚名   出处:一起PS吧

本教程学习如何用Photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,感兴趣的同学可以跟着教程来学习

先看效果图。

Photoshop设计常见的网站联系我们按钮

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

Photoshop设计常见的网站联系我们按钮

效果如下。

Photoshop设计常见的网站联系我们按钮

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

Photoshop设计常见的网站联系我们按钮

添加图层样式。

Photoshop设计常见的网站联系我们按钮

效果如下。

Photoshop设计常见的网站联系我们按钮

 

建新层,画一个黑色正圆,添加和上一步相同的样式。

Photoshop设计常见的网站联系我们按钮

暂时隐藏圆形层,底部建新层,调出圆形层选区,填充黑色,去掉选区,高斯模糊7像素,调出大圆角矩形选区,添加蒙版。

Photoshop设计常见的网站联系我们按钮

显示圆形层,建新层,画一个白色正圆。

Photoshop设计常见的网站联系我们按钮

添加图层样式。

Photoshop设计常见的网站联系我们按钮

Photoshop设计常见的网站联系我们按钮

效果如下。

Photoshop设计常见的网站联系我们按钮

建新层,前景色白色画一个信封图案,之后建新层,画一个和信封差不多大的黑色矩形。

Photoshop设计常见的网站联系我们按钮

选择黑色矩形层,调出信封图层选区,添加蒙版。

Photoshop设计常见的网站联系我们按钮

 

添加图层样式。

Photoshop设计常见的网站联系我们按钮

Photoshop设计常见的网站联系我们按钮

效果如下。

Photoshop设计常见的网站联系我们按钮

输入白色文字,添加投影样式,底部建新层为图标添加一个阴影。

Photoshop设计常见的网站联系我们按钮

其它效果。

Photoshop设计常见的网站联系我们按钮

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

精彩评论

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