Photoshop设计制作一个漂亮的绿色水晶球按钮
PS联盟 发布时间：2014-10-22 10:29:26 作者：Sener 
我要评论
我要评论水晶球分为两个部分：球体及边框。球体部分稍微复杂一点，高光及暗部细节较多，每一部分都需要先做出选区，然后填色，再用蒙版来控制范围
水晶球分为两个部分：球体及边框。球体部分稍微复杂一点，高光及暗部细节较多，每一部分都需要先做出选区，然后填色，再用蒙版来控制范围。
最终效果
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>
最终效果
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>
相关文章
今天我们继续来介绍ps基础教程，这篇我们主要讲橡皮擦工具组和填充工具组，这两个工具在修图的时候是比较常用的，下面我们就来看看基础教程2025-05-01
ps图层是什么？简单来说，ps软件中的图层就好比是一张“透明纸”，将图像的各个部分绘制在不同的“透明纸”上，可以看到纸后的东西，而且每层纸都是独立的，下面我们就来看2025-04-25- ps零基础之图层样式的讲解，在使用ps的时候，我们经常会在图层上添加一些效果，这就是图层样式，该怎么应用呢？详细请看下文介绍2024-12-23
ps如何把一张长图切成几张小图片? ps把长图切成短图的技巧
有时候，我们希望能把一张图片均匀地分成几张图片，就像拼图一般的效果，需要某一部分随时可以拿出来使用，该怎么操作呢？详细请看下文介绍2024-09-10- PS调整字体大小是一个非常基础的操作，但也是非常实用的技能，在Photoshop中，调整字体大小的方式有多种，详细请看下文介绍2024-02-02
- 但最近有用户在使用photoshop时发现窗口界面的字体比较小，使用起来非常的不方便，因此有不少用户想将其大小进行调节，具体该如何操作呢？详细请看下文介绍2024-02-02
ps中图层被父图层锁定怎么办? 图层被父图层锁定的解锁技巧ps
ps中图层被父图层锁定怎么办？ps中图层解锁失败，提示图层被父图层锁定该怎么办呢？下面我们就来看看详细的解决办法2023-12-19ps描边最大只有288怎么办? Photoshop描边只能调到288像素的解决办法
ps描边最大只有288怎么办？ps描边在使用的过程中，发现只能调到288像素，该怎么操作呢？下面我们就来看看Photoshop描边只能调到288像素的解决办法2023-11-30PS工具栏中的工具有缺失怎么办? Photoshop工具栏不全的多种解决办法
PS工具栏中的工具有缺失怎么办？ps工具栏中有很多工具，但是发现有些工具不见了，该怎么办呢？下面我们就来看看Photoshop工具栏不全的多种解决办法2023-11-30
Photoshop2024怎么下载安装? ps2024安装图文教程
Photoshop2024怎么下载安装？ps2024发布以后，很多朋友想要尝试信工鞥，该怎么下载安装呢？下面我们就来看看ps2024安装图文教程2023-11-30
最新评论