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

本教程学习如何用photoshop的圆角矩形工具和图层样式打造网站常见的联系按钮,先看效果图。 新建文档1280×1024像素,建新层,填充黑色,添加图层样式。 效果如下。 建新层,画一个黑色的圆角矩形。 副标题 添加图层样式。 效果如下。 建新层,画一个黑色正圆,添加和

photoshop教程:水晶按钮制作教程

效果图: 呵呵,效果不错吧,下面开始photoshop教程, 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调

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

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

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

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

效果如下。

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

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

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

添加图层样式。

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

效果如下。

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

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

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

其它效果。

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

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

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

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

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

效果如下。

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

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

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

添加图层样式。

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

效果如下。

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

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

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

其它效果。

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

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部