今天分享用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

【设计之家 原创文章 投稿邮箱:tougao@sj33.cn】

随机推荐