当前位置:设计先锋 > 设计教程

珍珠珠子图标UI设计教程

来源:PS联盟  作者:热心网友  发布时间:2017-02-27  浏览次数:122

今天给大家分享一个珍珠珠子图标UI设计教程,图标效果虽然不复杂,不过也不好把握。尤其是暗部与高光的刻画部分,需要协调好,这样才能把晶莹剔透的效果刻画出来。
最终效果

<点小图查看大图>
1、新建一个800* 800像素的画布,背景填充暗蓝色:#274F94。

2、新建一个组,选择椭圆选框工具,按住Shift键拉一个正圆选区,然后给组添加蒙版,如下图。

<图1>

3、在组里新建一个图层,选择渐变工具,颜色设置如图2,渐变放射选择“径向渐变”,然后由正圆的左下部向右上拉出图3所示的径向渐变。可以多次尝试几次,过渡自然为佳。

<图2>

<图3>
4、新建一个图层,填充淡蓝色:#B7DDFF,选择椭圆选框工具,拉出下图所示的正圆选区,按Ctrl+ Alt + D 羽化35个像素后按Delete删除。

取消选区后填充图层蒙版,用黑色画笔把顶部稍微擦除一些,注意好过渡自然。

<图4>

5、如果觉得高光还不够,可以把当前图层复制一层,适当降低图层不透明度,效果如下图。

<图5>
6、新建一个图层,用钢笔勾出图6所示的选区,填充淡蓝色:#B9DDFF。取消选区后填充图层蒙版,用透明度较低的黑色画笔擦掉两端及底部色块,效果如图7。

<图6>

<图7>


标签:ui图标教程PS鼠绘教程

分享到

网站首页|电脑版|返回顶部