当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

photoshop制作一个水晶按钮

来源:bbs.16xx8.com 作者:吴斌 学习:932人次

先看一下效果:

制作一个水晶按钮(www.16xx8.com)

新建一个图层,创建如下图的一个圆环,主很多,就不多说了.
制作一个水晶按钮(www.16xx8.com)
按照下图设置图层混合选项,目的是做出硬塑质感,渐变叠加模拟一下大体的光照,渐变的色彩自己设置一个偏冷的颜色就可以了,明度稍作变化
制作一个水晶按钮(www.16xx8.com)
斜面浮雕:深度调高,光线角度调到正上方,高度不变,阴影不透明度降低,高光不透明度100,目的是让刚刚制作的略圆环产生立体感,并且不会很生硬
制作一个水晶按钮(www.16xx8.com)
给个白色的内发光,再次软化一下边缘.
制作一个水晶按钮(www.16xx8.com)
下面是圆环的效果
制作一个水晶按钮(www.16xx8.com)
把刚刚的圆环复制一个,然后缩小,再丢弃图层混合选项的效果,并把它放在下一层.
制作一个水晶按钮(www.16xx8.com)
给新建的圆环一个渐变叠加,仍然找一个冷的渐变,这个色彩要比之前那个图层的渐变叠加深一点
制作一个水晶按钮(www.16xx8.com)
在圆环中心创建一个圆形的填充,给予内发光,目的是让这个圆有突起的感觉
制作一个水晶按钮(www.16xx8.com)
给一个渐变叠加,颜色统一计划稍微高一点,为我们刚刚的圆形添加颜色,渐变模式和颜色如下
制作一个水晶按钮(www.16xx8.com)
利用外发光将圆的周边颜色降暗:模式改为正片叠底,颜色选区黑色,其它数值根据自己的图片分辨率设置
制作一个水晶按钮(www.16xx8.com)
目前效果如下
制作一个水晶按钮(www.16xx8.com)
新建一个图层,绘制一个椭圆
制作一个水晶按钮(www.16xx8.com)
调出第一个大圆环的选区,反选,删除,这时我们刚刚绘制的椭圆除了和大圆环重叠的地方以外部份被删除了
制作一个水晶按钮(www.16xx8.com)
新建一个蒙板,按箭头方向拉一个圆形的渐变,将高光柔化一下
制作一个水晶按钮(www.16xx8.com)
用一样的方法为中间的圆形创建一个高光,这次可以用径向的渐变蒙板
制作一个水晶按钮(www.16xx8.com)
调出中心圆形的选区,填充黑色,不要去掉选区,执行添加杂色滤镜,数值可以稍微高一点
制作一个水晶按钮(www.16xx8.com)
保留选区执行滤镜-模糊-径向模糊,值也可以设置高一点
制作一个水晶按钮(www.16xx8.com)
将图层模式改为滤色,同时添加一个蒙板,从圆心拉一个径向渐变,得到如下效果
制作一个水晶按钮(www.16xx8.com)
随便找个案图LOGO素材拖进来
制作一个水晶按钮(www.16xx8.com)
为刚刚的logo建立如下的图层模式,渐变叠加主要是做几个基本色彩基调
制作一个水晶按钮(www.16xx8.com)

制作一个水晶按钮(www.16xx8.com)


制作一个水晶按钮(www.16xx8.com)

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
4993847042015-03-25 02:49
按钮1.jpg中间那里是颜色错了还是什么,看起来没有立体感。
夜丶美德淒涼2013-09-14 10:13
是详细 的
-四少2012-08-31 08:11
我来支持。。。。很不错啊

关注大神微博加入>>

网友求助,请回答!