photoshop制作水晶按钮

2016-03-18 05:58 9 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享photoshop制作水晶按钮,希望可以对大家能有小小的帮助。

【 tulaoshi.com - PS 】

原图

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
1、在Photoshop5.5中建立新文件, 120x80 大小 RGB模式, Contents设为Transparent( 透明 )
layer1填充为#333333, 上加一层,建立直径为26像素的圆形,并把它改造成长圆形的按钮放在页面中心
(此操作说明可在前面的教程例题中找到)


2、前景设为#4D4D4D,背景设为#737373, 用渐变色工具Linear Gradient Tool,从按钮的上方至下方作渐变色效果,Layers面板上要选中Preserve Transparency
结果如图


3、上加一层,创建一个直径为20像素的圆形, 改造成长圆形按钮状,其大小为80*20,前景设为#FF9900,背景设为#FFCC00, 从按钮的上方至下方作竖直的渐变色效果
Layers面板上要选中Preserve Transparency, 移动位置至如图所示:

4、画一条同长圆形按钮等长的细线,其高度为2像素,即80*2放置在距按钮顶端以下2像素的位置,填充色为#FFFFCC
结果如图:


5、工作层为长线条层,点Layers面板最下方的 Add Layer mask按钮,然后如图选中线条的一半长度, 可用选取工具选取,设大小为40*80,40是由计算80像素长线条的一半得来, 在此区域内作从左至右的渐变效果, 结果如图:


6、再用同上步骤选中长线条左侧部分作从右至左的渐变效果操作
结果如图:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
7、复制橙色按钮层, 工作层转换至下面的橙色按钮层,Layers面板上的Preserve Transparency为不选中状态
用命令Filter/Blur/Gaussiwww.Tulaoshi.coman Blur,对话面板上Radius设为“6” , 结果如图:


8、左图的发光效果与步骤7教的不太一样,可供大家参考选择使用命令为Filter/Blur/Motion Blur,对话面板上Distance设为“30”
最终写上你要的文字,记得要加淡淡的阴影

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

来源:http://www.tulaoshi.com/n/20160318/1873955.html

延伸阅读
编缉:图老师 来源:Iconfans 作者:不详 本教程介绍利用图层样式来制作水晶风格图标及按钮。制作的过程非常简单,先制作出自己喜爱的图形,然后应用图层样式即可。非常简单实用。 最终效果 1、创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。 2、双击圆形图...
标签: PS PS基础 PS效果
最终效果 下面是制作的大致流程及按钮的高光制作步骤,作者的效果制作的非常精细,尤其是水晶的通透度表现的非常完美。新手可能制作的时候有点难度,作者没有一步一步的说明。 下图是制作的过程图,效果真实漂亮。
标签: PS PS基础 PS效果
按钮是网页中不可缺少的部分,好的按钮可以给网页增色不少。下面的教程介绍水晶风格的导航按钮制作。制作的时候先制作按钮的一部分,然后再复制组成导航栏。 最终效果 1、新建文件,大小500x 200px ,选择渐变工具(G),(径向渐变)从#363636到#252525。 最左边拖动到右下角。 2、新建层, 选择选区工具(M),固定大小为100 x 40px角...
标签: PS PS基础 PS效果
水晶按钮是非常常用的,制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可。 最终效果 1、打开Adobe Photoshop,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像素,高度:400像素,分辨...

经验教程

555

收藏

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