今天分享用Photoshop如何绘制一个实用的UI金属元素，效果很逼真，光影控制得非常好，步骤也不多，很容易学会。童鞋们抽空学一下吧。

PS绘制写实UI金属元素

1.使用矩形工具与椭圆工具创建圆环的形体。

PS绘制写实UI金属元素

2.现在到了神奇的一步，应用图层样式，如下图所示。

PS绘制写实UI金属元素

PS绘制写实UI金属元素

PS绘制写实UI金属元素

PS绘制写实UI金属元素

我们得到这样的效果：

PS绘制写实UI金属元素

3.现在我们将创建好的金属环图层复制一层，并删除如下图所示的矩形路径。

PS绘制写实UI金属元素

我们得到这个：

PS绘制写实UI金属元素

4.应用下面的图层样式：

PS绘制写实UI金属元素

PS绘制写实UI金属元素

PS绘制写实UI金属元素

我们得到这个：

PS绘制写实UI金属元素

5.现在我们将创建环的阴影。使用矩形和椭圆形工具来创建如图所示的形状。

PS绘制写实UI金属元素

6.将图层转换为智能对象，应用高斯模糊，数值为5像素。现在，为了创建一个扩散的效果，创建一个蒙版，在如下图所示的开始点与结束点拉出一条径向渐变。降低该层的不透明度为60％

PS绘制写实UI金属元素

最终效果如下图:

PS绘制写实UI金属元素

完成咯~

来源：radesign  译文地址：psdreamworks