最近多肉植物受到了很多人的青睐,她肉肉的外形看起来很Q萌,所以在此为大家分享一个多肉植物拟物化的UI练习,之前看到这个图形很喜欢,就自己尝试着画了,有很多细节的地方不够精致,喜欢的朋友一起来学习吧。
我们先看下最终效果
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/7B181615600.jpg)
1、新建文档 600x800px 如图:
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/FF181615750.jpg)
2、将我们在纸上绘制好的手稿植入PS
然后适当调低手绘稿的透明度,这里我调的透明度是60%,根据自己方便识别度而定,调低透明度可以方便我们描绘,就相当于加了一层硫酸纸一样.
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/B4181615608.jpg)
3,我们用钢笔工具开始描绘叶子的形态,首先绘制每片叶子的大轮廓
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/F4181616439.jpg)
4.新建图层,开始上底色
线条有不对的地方可以适当调整
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/D0181616806.jpg)
5.在颜色铺好以后,我们要检查一下叶子叠放的顺序对不对,通过调整图层顺序来调整叶子上下前后的顺序.
6.根据个人习惯我先给部分叶子底部深了一点颜色,好区分层次感.
颜色加深,我们可以通过工具栏里的加深减淡工具
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/77181616281.jpg)
我们选用阴影,适当调低曝光度,可以让颜色看起来没那么重.
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/47181616155.jpg)
7.调整每片叶子的立体感
首先,我们可以给它一个渐变叠加
先用钢笔工具绘制一个与外轮廓相近的线条
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/FB181616390.jpg)
给它一个深色的渐变
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/25181616148.jpg)
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/5C181616677.jpg)
然后利用高斯模糊工具,让深色部分看起来没那么生硬
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/57181616990.jpg)
再复制一个我们做好的深色阴影图层,调节图层大小,让阴影与边缘贴近一点
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/09181616921.jpg)
大家可以按照自己的想法调整
然后我们在叶子边缘绘制一个区域来展现叶子的厚度感
![设计立体逼真多肉植物图标的PS教程](https://img.lvups.com/d/file/bigpic/190419/19/AE181616604.jpg)
给它一个较深的颜色