首页 > 设计 > 详细

Photoshop设计制作一个漂亮的绿色水晶球按钮

时间：2016-02-06 13:42:40      阅读：187      评论：0      收藏：0      [点我收藏+]
水晶球分为两个部分：球体及边框。球体部分稍微复杂一点，高光及暗部细节较多，每一部分都需要先做出选区，然后填色，再用蒙版来控制范围。
最终效果

技术分享


1、新建一个900 * 650像素，分辨率为72的画布。选择渐变工具，颜色设置如图1，然后由中心向边角拉出图2所示的径向渐变作为背景。

技术分享
<图1>

技术分享
<图2>
 
2、按Ctrl + R 调出标尺，再用移动工具拉出两条相交的参照线，如下图。

技术分享
<图3>

3、新建一个组，命名为“球体”，选择椭圆选框工具，以参照线的交点为圆心，按住Alt + Shift + 按鼠标左键拖动。

技术分享
<图4>

4、拉出合适的正圆后松开鼠标及快捷键，然后给组添加图层蒙版。

技术分享
<图5>

5、在组里新建一个图层，填充绿色，效果如下图。

技术分享
<图6>

6、在背景图层上面新建一个组，命名为“外框”，同上的方法拉一个稍大的正圆，给组添加图层蒙版，然后在组里新建一个图层，填充灰色：#B5B3AE，如下图。

技术分享
<图7>
 
7、在“球体”组里面新建一个图层，选择渐变工具，颜色设置如图8，然后由中间偏上位置向下拉出图9所示的径向渐变。

技术分享
<图8>

技术分享
<图9>

8、新建一个图层，填充黄绿色：#E4F001，效果如下图。

技术分享
<图10>

9、用椭圆选框工具拉出下图所示的椭圆选区，羽化20个像素后按Delete键删除。

技术分享
<图11>

10、取消选区后添加图层蒙版，用透明度较低的黑色画笔把顶部的过渡涂出来。

技术分享
<图12>

11、新建一个图层，用钢笔勾出左侧边缘的高光选区，羽化3个像素后填充黄绿色：#E1F202，取消选区后添加图层蒙版，用黑色画笔把顶部区域过渡涂抹自然，再把图层不透明度改为：50%，效果如下图。

技术分享
<图13>
 
12、新建一个图层，用钢笔勾出下图所示的选区，羽化2个像素后填充同上的黄绿色，取消选区后添加图层蒙版，用透明度较低的黑色画笔把一些不需要的部分涂掉，再降低图层不透明度，效果如下图。

技术分享
<图14>

13、新建图层，同上的方法给左侧、右侧，底部增加一些高光，过程如图15 -18。

技术分享
<图15>

技术分享
<图16>

技术分享
<图17>

技术分享
<图18>
 
14、新建图层，再给底部增加一点暗部及高光，如图19 - 21。

技术分享
<图19>

技术分享
<图20>

技术分享
<图21>

15、新建图层，增加一些较细的高光，球体部分基本完成，效果如下图。

技术分享
<图22>

16、在“外框”组里新建一个图层，先给底部增加一点暗部，如下图。

技术分享
<图23>
 
17、新建一个图层，用椭圆选框工具拉出下图所示的椭圆选区，羽化45个像素后填充比底色稍亮的灰色，效果如下图。

技术分享
<图24>

18、底部再增加一些较为明显的暗部，如下图。

技术分享
<图25>

19、暗部的边缘增加一点绿色作为环境色。

技术分享
<图26>

20、其它部分增加一点高光和细节，过程如图27 - 30。

技术分享
<图27>

技术分享
<图28>

技术分享
<图29>

技术分享
<图30>
 
21、在图层的最上面新建一个图层，用椭圆选框工具拉出下图所示的椭圆选区，羽化5个像素后加上图32所示的线性渐变，取消选区后用黑色画笔把底部过渡涂抹自然，效果如图33。

技术分享
<图31>

技术分享
<图32>

技术分享
<图33>

最后调整一下细节，增加一点投影，完成最终效果。

技术分享

Photoshop设计制作一个漂亮的绿色水晶球按钮

原文：http://www.jb51.net/photoshop/234420.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！