不知道大家有没有注意今年很多的APP引导页都用了2.5D插画的形式。2.5D插画,即等距侧轴图,也有人称为伪3D,因为这种图你只能看到三个面,即顶面,左面和右面。上两张图给大家熟悉下。
这张是我下面要讲的如何用AI画2.5D插画的教程用图,也是我画的我们APP的引导页。
这张左边是京东金融、右边是58同城引导页。
我最近也是才学起来,跟大家分享下,好了,话不多说,开始教程。
使用工具:AI打形、sketch上色。
1、打开Ai,新建一个800*600px的画布;
建一个210*340px的矩形,圆角值设置为26pt,填充任意颜色;
选中这个矩形后选择效果-3D-突出和斜角,调整设置参数右侧的立方体到合适方向。
2、选中矩形后选择对象-扩展外观
3、重复上面步骤,将剩下所需的形状都画好
4、在sketch中新建一个iPhone8(375*667)的画布
将AI中所有的形状复制到sketch中,上色及调整位置
5、用钢笔工具把剩下的装饰画完,包括手机,小树和建筑窗口
复制两个建筑矩形,Scale缩小后打组,在复制一组
钢笔工具把建筑顶部的小红旗画出来
OK,完工啦,是不是so easy~
OK,如果你看到这里欢迎关注我的公众号:转UI