Photoshop水晶鸳鸯按钮制作

2016-03-18 05:59 5 1 收藏

下面请跟着图老师小编一起来了解下Photoshop水晶鸳鸯按钮制作,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

最终效果图


1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1,半径数值为“10”如图2,绘制如图3所示的圆角矩形。


图1


图2


图3
2.把圆角矩形局部放大用钢笔工具勾出如图4所示的图形,按“Ctrl+Entr" 调出选区,再按"Delete"键删除选区部分。取消选区如图5


图4


图5

3.按Ctrl+J 将"按钮--底部"复制一层,选择:编辑 变形 垂直翻转,再选择:编辑 变形 水平翻转,分别如图6,图7
按 Ctrl 用箭头工具把翻转后的图形水平拖到适当的位置如图8。


图6


图7


图8
4.将两个图层链接如图9,再按Ctrl + E 将两图层合并。


图9

5.如下图所示锁定透明象素


图10
6.选择渐变工具,颜色设置如下图11,由上至下绘制渐变效果如图12


图11


图12
7.新建一层命名为“按钮--高光”,(图老师整理)调出“按钮--底部”的选区如图13,选择菜单:选择 修改 收缩,数值为1,再填充淡绿色(R:244,G:253,B:235),按Ctrl + D取消选区。


图13

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

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

8.如图16在“按钮--高光”这层添加蒙版,再用黑白渐变工具如图17由上往下绘制渐变,效果如图18


图16


图17


图18
9.把“按钮--底部”复制一层命名为“按钮--倒影”,选择菜单:编辑 变换 垂直翻转,用箭头工具拖到适当的位置如图20


图19


图20

10.在“按钮--倒影”添加蒙版,用黑白渐变由上至下绘制渐变,效果如图22


图21


图22
11.再最上面一层打上文字"PS联盟制作"文字颜色:(R:247,G:255,B:242),再双击图层调出图层样式选择投影设置如图24


图23


图24
12.把文字绘制到另一个按钮上面,适当的再调整按钮的颜色完成最终效果 PSD文件下载


图25
应用--可以根据需要调节不同颜色


来源:http://www.tulaoshi.com/n/20160318/1873963.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像素,分辨...

经验教程

687

收藏

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