PS绘制写实UI金属元素

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

今天分享用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金属元素

 收藏