当前位置:首页>设计教程>PhotoShop教程>PS教程 | 绘制超实用金属质感写实UI元素

PS教程 | 绘制超实用金属质感写实UI元素

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

完成咯~

 

©版权声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员Ciyol 或给邮箱发送邮件 admin@ciyol.cn 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

给TA打赏
共{{data.count}}人
人已打赏
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索