百木园教程作者：就业衔接班03期-76-小叶子
教程指导：如如酱w
交作业：#优设每日作业#
2.5D矢量插画是这两年非常流行的插画风格，也叫2.5D轴侧等距插画，介于2D和3D之间，那么它就是在平面上面看立体的2.5D透视原理图像，就是物体的正面光面和暗面三面组成，也算是伪3D效果。2.5D在设计运用中一直比较热门，无论是海报、H5 闪屏 banner 都会运用2.5D插画风格。本次教程会给大家分享，如何绘制一个等距视角风格的咖啡小屋，主要应用Illustrator软件绘制，一步一步的拆分，简单易学，很适合没有绘画基础的小白来学习，学会这种方法，以后你也可以轻松绘制出其他的小房子啦。
首先根据自己的想法绘制出咖啡的大体结构线稿，适当增添一些细节部分，如下图所示：
打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N）创建一个新文件，（1024*1024像素，颜色模式RGB）参数设置如下：
3.1 新建画板后，用直线段工具（\\），按住shift绘制一条直线（长度需要大于画板高度），线条颜色根据自己喜好选择，如下图所示：
3.2 选择直线按住 alt 向右平行复制一条直线，选中复制出来的直线，然后按 ctrl+d 重复之前的步骤，得到若干条平行直线，线的数量必须为奇数，然后全部选中对齐一下，再Ctrl+G编组。如下图所示：
3.3 选择所有直线右键变换—旋转，旋转角度为60度，点复制，如下图所示：
3.4 再Ctrl+D复制，（注意：线条一定要是奇数，如果三线条重叠在一个点就是正确的，如下图正确示范；如果三条线没有重合在一个点上就是错误，如下图错误示范，）得到如下图参考线：
3.5 全部选中后，菜单栏点对象—扩展外观，菜单栏点视图—参考线—建立参考线（Ctrl+5），参考线就绘制完成，如下图所示：
3.6 如果想改参考线的颜色，在菜单栏点编辑—首选项（Ctrl+K）—参考线和网格可以修改参考线的颜色，（为了防止移动参考线，可以选择所有参考线Ctrl+2锁住或者点图层前面小方块，）操作如下图所示：
4.1 整体颜色定为暖色调，光源从左前方照射过来，如图所示：
5.1 使用钢笔工具，根据网格线画上马路，马路线段和房子的地基，地基网格线（井字格–可以横着画一根线条复制，竖着画一根线条复制，），颜色如下图所示：
6.1 使用钢笔工具根据参考线，绘制房子的底（1），再绘制房子的墙体（2），还有顶部的造型结构（3），植物可以后面做的大植物直接缩小复制过来，调整一下细节就行，如下图所示：
6.2 绘制第二层房子的墙体和顶部
6.3 绘制房子上的墙体砖块，空调，门窗，招牌，楼梯，门口的地垫的细节，让整体更加的丰富，造型都是由一个一个长方形搭建，如同搭建积木一样，拼凑起来的，相同的造型可以做一个，然后粘贴复制，颜色搭配如下图所示：
6.4 绘制咖啡店招牌，先打出大写字母COFFEE，选择自己喜欢的字体，右键创建轮廓，如下图所示：
6.5 要让字体符合房子的立体感，首先需要选择COFFEE点菜单栏的效果—3D(3)—凸出和斜角（E）,具体调整如下图所示：
6.6 选中字体点菜单栏—对象—-扩展外观—–再选中字体右键取消编组（注意需要取消编组两次）
6.7 然后选择字体COFFEE前面（Ctrl+G）编组，字朝上面编组，侧面编组，方便调整颜色，如下图所示：
6.8 绘制房子周围的绿植，相同的粘贴复制，如图所示：
6.9 绘制桌子，招牌，茶杯，凳子，路灯，相同的物体可以做一个，粘贴复制调整颜色，
9.1 所有基础物体制作完成后就可以进行场景的组合啦！一定要注意图层关系的排列哦。本期教程到这里就结束了，希望大家在平时练习过程中多思考、多理解制作思路和操作方法，活学活用。
来源：https://uiiiuiii.com/illustrator/1212361973.html
图文来源于网络，如有侵权请联系删除。