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

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

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

【 tulaoshi.com - PS 】

先看效果图。

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

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

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

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

效果如下。

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

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

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

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

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

添加图层样式。

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

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

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

效果如下。

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

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

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

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

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

添加图层样式。

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

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

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

效果如下。

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

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

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

其它效果。

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

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

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

延伸阅读
现实中的界面一般来说比较固定,这里的固定指的是位置、颜色、可见性一般不会随意变化,比如电灯开关,无论是否有电或者电灯是否出故障,开关中的按钮都会在那里,不会消失。 开关 然而网络就不一样,你可以很轻易的隐藏一个按钮,或将一个输入框置为不可编辑。这样做其实有很大风险,你的设计一定能够不言而喻或者自我解释吗?如果不能,...
标签: PS PS基础
先看效果图 新建文档200x50像素,背景填充深灰色。建新层,前景色#9a2941画一个圆角矩形。 添加图层样式。 然后建新层,画下图所示蓝色形状,效果如下, 单列选框工具点一下,填充白色,复制2个,图层模式叠加,添加蒙版去除多余部分。 输入白色文字,添加黑色1像素描边样式,具体不截图了,很容易。 建新层...
按钮分组:按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中,组织良好的各组按钮用以选择,而且因为很明显,这样可以很快告诉用户有哪些功能可以使用。 几个按钮放在一起,因为它们可能完成类似的功能。我们可以看范例iTunes的主窗口,四个角分别放置了一组按钮,界面中间的歌曲也有很多的行动点。加上滚动条,该界面只有有14个...
我们经常可以看到此类的按钮,他们一般出现在导航上面,那么我们快速的掌握他们的制作技巧会对我们的“工资”有很大的帮助。老板不是总是要求你又快又好嘛。这里就和大家分享一下,制作这类导航按钮两种方法。不要说那种好,那种不好的幼稚话,关键是你要掌握,举一反三。那我们就开始吧,要求是5分钟学会。 用圆角矩形工具画出一个框子出...
标签: PS PS教程
1.渐变背景 文件新建,尺寸为800X600像素,72分辨率的文件在颜色面板,设置前景色值#eceff6,背景色值#bec1cc 图像新建填充图层渐变(确定)下拉找到刚才设置的颜色勾上(反向-仿色-与图层对齐) 2.创建和调整圆 用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐 ...

经验教程

920

收藏

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