今天分享如何绘制一个实用的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元素

完成咯~

 

本站所有资源均为互联网收集,无法保证资源的可用及完整性,不提供任何资源安装使用及技术服务。
如果文章内容介绍中无特别注明,本网站压缩包解压需要密码统一是:sjblog.top
版权声明:资源来源于互联网收集整理,仅供学习交流,请于下载后24小时内删除,如果喜欢请支持正版。
设计吧日志 » PS教程 | 绘制超实用金属质感写实UI元素
sjblog

sjblog 会员

发表评论