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

PS教程 4年前 (2020) https://www.55wd.com

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

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

先看效果图。

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

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

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

效果如下。

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

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

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

添加图层样式。

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

效果如下。

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

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

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

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

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

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

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

添加图层样式。

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

效果如下。

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

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

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

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

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

添加图层样式。

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

效果如下。

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

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

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

其它效果。

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

文章回顾

大家看了本文Photoshop设计常见的网站联系我们按钮的精彩教程资源内容,是不是对Photoshop设计常见的网站联系我们按钮了解更多,真心希望Photoshop设计常见的网站联系我们按钮能帮助到你, 小编会一直给你带来更多教程资源文章信息。

版权声明: 发表于 2020-07-12 5:52:48。

本文由第三方用户分享仅代表作者观点,不代表本网站立场,秉承互联网开放分享的精神,目的在于传递更多信息,加强各行业互通交流,但对内容不作任何保证或承诺,请读者自行参考斟酌。网站发布的信息(包含但不限于版式、图片、字体、文章等素材)由第三方用户分享,版权归原作者所有,本站不承担任何相关的版权纠纷等相关责任。如您认为本篇内容侵犯了您的权益,请与我们联系,我们会及时处理。

豌豆资源网专注分享全网综合资源网站大全,致力于超实用的内容资源搜索。

转载请注明:
本文标题:Photoshop设计常见的网站联系我们按钮
本文地址:https://www.55wd.com/s107776/