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

Photoshop设计常见的网站联系我们按钮(3) 作者:佚名 出处:一起PS吧 本教程学习如何用Photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,感兴趣的同学可以…

Photoshop设计常见网站联系我们按钮(3)

作者:佚名 出处:一起PS吧 本教程学习如何用Photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,感兴趣的同学可以跟着教程来学习 先看效果图。 新建文档1280×1024像素,建新层,填充黑色,添加图层样式。 效


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

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

先看效果图。

Photoshop设计常见的网站联系我们按钮(2)插图

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

Photoshop设计常见的网站联系我们按钮(2)插图(1)

效果如下。

Photoshop设计常见的网站联系我们按钮(2)插图(2)

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

Photoshop设计常见的网站联系我们按钮(2)插图(3)

添加图层样式。

Photoshop设计常见的网站联系我们按钮(2)插图(4)

效果如下。

Photoshop设计常见的网站联系我们按钮(2)插图(5)
 

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

Photoshop设计常见的网站联系我们按钮(2)插图(6)

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

Photoshop设计常见的网站联系我们按钮(2)插图(7)

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

Photoshop设计常见的网站联系我们按钮(2)插图(8)

添加图层样式。

Photoshop设计常见的网站联系我们按钮(2)插图(9)

Photoshop设计常见的网站联系我们按钮(2)插图(10)

效果如下。

Photoshop设计常见的网站联系我们按钮(2)插图(11)

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

Photoshop设计常见的网站联系我们按钮(2)插图(12)

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

Photoshop设计常见的网站联系我们按钮(2)插图(13)
 

添加图层样式。

Photoshop设计常见的网站联系我们按钮(2)插图(4)

Photoshop设计常见的网站联系我们按钮(2)插图(15)

效果如下。

Photoshop设计常见的网站联系我们按钮(2)插图(16)

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

Photoshop设计常见的网站联系我们按钮(2)插图(17)

其它效果。

Photoshop设计常见的网站联系我们按钮(2)插图





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

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

先看效果图。

Photoshop设计常见的网站联系我们按钮(2)插图

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

Photoshop设计常见的网站联系我们按钮(2)插图(1)

效果如下。

Photoshop设计常见的网站联系我们按钮(2)插图(2)

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

Photoshop设计常见的网站联系我们按钮(2)插图(3)

添加图层样式。

Photoshop设计常见的网站联系我们按钮(2)插图(4)

效果如下。

Photoshop设计常见的网站联系我们按钮(2)插图(5)
 

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

Photoshop设计常见的网站联系我们按钮(2)插图(6)

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

Photoshop设计常见的网站联系我们按钮(2)插图(7)

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

Photoshop设计常见的网站联系我们按钮(2)插图(8)

添加图层样式。

Photoshop设计常见的网站联系我们按钮(2)插图(9)

Photoshop设计常见的网站联系我们按钮(2)插图(10)

效果如下。

Photoshop设计常见的网站联系我们按钮(2)插图(11)

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

Photoshop设计常见的网站联系我们按钮(2)插图(12)

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

Photoshop设计常见的网站联系我们按钮(2)插图(13)
 

添加图层样式。

Photoshop设计常见的网站联系我们按钮(2)插图(4)

Photoshop设计常见的网站联系我们按钮(2)插图(15)

效果如下。

Photoshop设计常见的网站联系我们按钮(2)插图(16)

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

Photoshop设计常见的网站联系我们按钮(2)插图(17)

其它效果。

Photoshop设计常见的网站联系我们按钮(2)插图




作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部