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

2016-02-16 06:49 2 1 收藏

今天图老师小编给大家展示的是Photoshop设计常见的网站联系我们按钮,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - PS 】

先看效果图。

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

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

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

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

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

添加图层样式。

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

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

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

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

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

添加图层样式。

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

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

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

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

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

添加图层样式。

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

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

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

其它效果。

Photoshop设计常见的网站联系我们按钮,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1569368.html

延伸阅读
在Web设计中,行动召唤(Call to Action)按钮,可以充分表现用户体验的细节。如何创建有效的行动召唤按钮来吸引用户的注意并引诱他们点击是每一个设计者需要认真思考的问题。本文中将列举国外一些网站,它们的行动召唤按钮设计得很好,希望能给设计者们带去一些灵感。 GetShopped Light CMS Custom Bags HQ LiveResto InstantL...
标签: PS PS基础
先看效果图 新建文档200x50像素,背景填充深灰色。建新层,前景色#9a2941画一个圆角矩形。 添加图层样式。 然后建新层,画下图所示蓝色形状,效果如下, 单列选框工具点一下,填充白色,复制2个,图层模式叠加,添加蒙版去除多余部分。 输入白色文字,添加黑色1像素描边样式,具体不截图了,很容易。 建新层...
按钮分组:按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中,组织良好的各组按钮用以选择,而且因为很明显,这样可以很快告诉用户有哪些功能可以使用。 几个按钮放在一起,因为它们可能完成类似的功能。我们可以看范例iTunes的主窗口,四个角分别放置了一组按钮,界面中间的歌曲也有很多的行动点。加上滚动条,该界面只有有14个...
我们经常可以看到此类的按钮,他们一般出现在导航上面,那么我们快速的掌握他们的制作技巧会对我们的“工资”有很大的帮助。老板不是总是要求你又快又好嘛。这里就和大家分享一下,制作这类导航按钮两种方法。不要说那种好,那种不好的幼稚话,关键是你要掌握,举一反三。那我们就开始吧,要求是5分钟学会。 用圆角矩形工具画出一个框子出...
先看看效果图 步骤1: 打开Photoshop,快捷键 Ctrl+N 打开新建窗口,按照下图内的参数设置好后,确定。 步骤2: 选定背景层,快捷键 Shift+F5 打开填充对话个,下拉菜单中选择颜色,然后使用颜色#141d28,确定。 步骤3: 接下来,我们使用圆角矩形工具,设置圆角为2px,拉出一个适当大小的矩形。 然后在右侧的图层面板中...

经验教程

770

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部