用ps制作网站联系我们按钮(3)

显示圆形层,建新层,画一个白色正圆。 添加图层样式。 效果如下。

用ps制作网站联系我们按钮(4)

建新层,前景色白色画一个信封图案,之后建新层,画一个和信封差不多大的黑色矩形。 选择黑色矩形层,调出信封图层选区,添加蒙版。 添加图层样式。

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

用ps制作网站联系我们按钮(3)插图

添加图层样式。

用ps制作网站联系我们按钮(3)插图(1)

用ps制作网站联系我们按钮(3)插图(2)

效果如下。

用ps制作网站联系我们按钮(3)插图(3)

添加图层样式。

用ps制作网站联系我们按钮(3)插图(4)

效果如下。

用ps制作网站联系我们按钮(3)插图(5)

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

用ps制作网站联系我们按钮(3)插图(6)

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

用ps制作网站联系我们按钮(3)插图(7)

本教程学习如何用photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,先看效果图。

用ps制作网站联系我们按钮(3)插图(8)

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

用ps制作网站联系我们按钮(3)插图(9)

效果如下。

用ps制作网站联系我们按钮(3)插图(10)

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

用ps制作网站联系我们按钮(3)插图(11)

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

用ps制作网站联系我们按钮(3)插图(12)

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

用ps制作网站联系我们按钮(3)插图(13)

添加图层样式。

用ps制作网站联系我们按钮(3)插图(4)

用ps制作网站联系我们按钮(3)插图(15)

效果如下。

用ps制作网站联系我们按钮(3)插图(16)

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

用ps制作网站联系我们按钮(3)插图(17)

其它效果。

用ps制作网站联系我们按钮(3)插图(8)

本教程学习如何用photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,先看效果图。

用ps制作网站联系我们按钮(3)插图(8)

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

用ps制作网站联系我们按钮(3)插图(9)

效果如下。

用ps制作网站联系我们按钮(3)插图(10)

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

用ps制作网站联系我们按钮(3)插图(11)

添加图层样式。

用ps制作网站联系我们按钮(3)插图(4)

效果如下。

用ps制作网站联系我们按钮(3)插图(5)

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

用ps制作网站联系我们按钮(3)插图(6)

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

用ps制作网站联系我们按钮(3)插图(7)

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

用ps制作网站联系我们按钮(3)插图

添加图层样式。

用ps制作网站联系我们按钮(3)插图(1)

用ps制作网站联系我们按钮(3)插图(2)

效果如下。

用ps制作网站联系我们按钮(3)插图(3)

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

用ps制作网站联系我们按钮(3)插图(12)

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

用ps制作网站联系我们按钮(3)插图(13)

添加图层样式。

用ps制作网站联系我们按钮(3)插图(4)

用ps制作网站联系我们按钮(3)插图(15)

效果如下。

用ps制作网站联系我们按钮(3)插图(16)

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

用ps制作网站联系我们按钮(3)插图(17)

其它效果。

用ps制作网站联系我们按钮(3)插图(8)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部