网页设计 » 视觉设计 » PS绘制写实金属UI元素

PS绘制写实金属UI元素

发表于: 视觉设计. 评论
赞助商链接

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

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

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

我们得到这样的效果:

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

我们得到这个:

4.应用下面的图层样式

我们得到这个:

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

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

最终效果如下图:

完成咯~

来源:radesign  译文地址:psdreamworks

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。