电脑小百科

查看: 85

PS绘制写实金属UI元素

[复制链接]

发表于 2019-6-11 10:29
今天分享用Photoshop如何绘制一个实用的UI金属元素,效果很逼真,光影控制得非常好,步骤也不多,很容易学会。童鞋们抽空学一下吧。
20190610.jpg
1.使用矩形工具与椭圆工具创建圆环的形体。
20190610-1.jpg
2.现在到了神奇的一步,应用图层样式,如下图所示。
20190610-2.jpg
20190610-3.jpg
20190610-4.jpg
20190610-5.jpg
我们得到这样的效果:
20190610-6.jpg
3.现在我们将创建好的金属环图层复制一层,并删除如下图所示的矩形路径。
20190610-7.jpg
我们得到这个:
20190610-8.jpg
4.应用下面的图层样式:
20190610-9.jpg
20190610-10.jpg
20190610-11.jpg
我们得到这个:
20190610-12.jpg
5.现在我们将创建环的阴影。使用矩形和椭圆形工具来创建如图所示的形状。
20190610-13.jpg
6.将图层转换为智能对象,应用高斯模糊,数值为5像素。现在,为了创建一个扩散的效果,创建一个蒙版,在如下图所示的开始点与结束点拉出一条径向渐变。降低该层的不透明度为60%
20190610-14.jpg
最终效果如下图:
20190610-15.jpg
来源:radesign  译文地址:psdreamworks
来源:设计达人

返回顶部 返回列表