• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

UI设计培训之超美的水珠制作

更新时间:2017-06-12 15:02:37点击次数:190次字号:T|T

你知道吗?有些晶莹剔透的朝露或者雨后红花、绿叶上的水珠并不是拍摄的,UI设计培训一样能做出来真实的水珠效果!并且通常来讲很简单。那么郑州UI设计培训班同学就和大家分享一下两种水珠做法,一种是单个水珠,一种大量水珠。

水珠的做法

关于水珠UI设计效果的制作,主要是些图层效果:高光,内阴影,投影。这三种效果。

方法一:单个水珠

l、新建一个画布,找张绿叶的图片放进去(因为水是透明的,所以需要其他东西来突显水珠的效果)。

UI设计培训班

2、画一个椭圆型的形状(可以用椭圆形工具,也可以用钢笔画出水珠形状)。

UI设计培训班

3、将所画的形状,填充设为0%。

4、然后再给所画的形状添加图层样式:内阴影,投影。

下面我们的数值仅供参考;因为物体都会受到周围环境光的影响,所以需要给阴影加入周围的颜色。

UI设计培训班

其效果如下:

UI设计培训班

5、再在水珠上面加个高光:画个椭圆,加个蒙版擦拭一下。

其效果如下:

UI设计培训班

方法二:大量水珠

l、新建个画布,恢复前/背景色(黑白色)。

2、新建一个空白图层,使用一个滤镜:滤镜,渲染,云彩。

UI设计培训班

3、然后在使用个滤镜:滤镜>其他>高反差保留。变成如下效果。

UI设计培训班UI设计培训班

4、再使用一个滤镜:滤镜库>素描>图章。

UI设计培训班

5、用魔棒(或者通道)拿到黑色的部分,新建空白图层,随便填充一种颜色。然后该图层的填充设置为0%,加上UI设计效果:内阴影,投影。(为了能突出水珠效果,放入一张绿叶当背景。)

UI设计培训班

效果如下:

UI设计培训班

6、最后在加入高光,利用图层效果来做,图层效果斜面与浮雕。

UI设计培训班

效果如下:

UI设计培训班

总结:单个水珠的UI设计,主要是加上效果,(高光,内阴影,投影)。大量水珠UI设计,主要是形状处理。运用滤镜里面的一些功能(云彩,高反差,图章),来制作出形状。在其形状上加上UI效果。怎么样?UI设计课程是不是也挺有趣的?学设计,当然来丰泽UI设计培训班!