PS制作漂亮的绿色水晶按钮

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:uimaker整理

关键词


水晶球分为两个部分:球体及边框。球体部分稍微复杂一点,高光及暗部细节较多,每一部分都需要先做出选区,然后填色,再用蒙版来控制范围。

 
最终效果



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>

 收藏