插画教程!教你绘制超火的2.5D等距视角风格插画

关于教程

本次教程内容主要来自Lgor Kozak的作品,我非常欣赏他的造型、色彩、创意。那么如何设计出这样的效果呢?我们需要注意哪些细节?有哪些简单实用的制作技巧呢?这篇教程会带给大家详细的思路。

步骤01

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第1张

 

新建1600*1200画布。用钢笔画一条直线,用直接选择工具选中直线按住aIt键向右水平移动20个像素,ctrl+d复 制奇数条直线。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第2张

 

全选ctrl+c,ctrl+f,变换60。。选中竖直的直线ctrl+c,ctrl+f, 变换300%

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第3张

 

全选更改描边粗细为lpt。全选右键建立参考线,命名图层为参考线并锁定图层。

步骤02

 

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第4张

钢笔画一个等距长方形,颜色为#c5bdca,取消描边。选择长方形按住aIt向后移放到相应位置。画柜子底面,颜色为#d2ccd6,后同上。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第5张

复制移动竖方形到相应位置。画一大一小竖方形(图二) ,按住shift选中两个图形后路径查找器减去顶层。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第6张

钢笔画一个矩形,直接选择工具更改矩形弧度。选择效果3D凸出和斜角设置参数。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第7张

选中3D后的图形对象扩展外观编辑编辑颜色重新着色图稿。将除白色以外的颜色拖到同一行,调整亮度 为74%, 白色行为100%

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第8张

 

在如图1位置画一条带子,颜色为#ffb0b0,全选这个本子(?)右键编组移动到柜子适当位置。按住shift选中图中①②③图层右排列置于顶层。最终效果图3所示。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第9张

钢笔画一个矩形,直接选择工具更改矩形弧度。选择效果3D凸出和斜角设置参数。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第10张

选中3D后的图形对象扩展外观编辑编辑颜色重新着色图稿。将除白色以外的颜色拖到同一行,调整亮度为74%, 白色行为100%

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第11张

在如图1位置画一条带子,颜色为#ffb0b0,全选这个本子(?)右键编组移动到柜子适当位置。按住shift选中图中①②③图层右键排列置于顶层。最终效果图3所示。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第12张

如图所示画,#f7a42a, #ffcl3c,#f7a42a, #fff0cd,#f2d5af, #777777, 其中⑥透明度设为 40%

 

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第13张

图为效果图,后面的同理,可以多用复制粘贴,同时注意图层顺序,善用置于顶层

步骤03

 

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第14张

如图所示画书本,#eaedfO,#e5e9ec,#fcfcfd, #d9dee3,#e8ebeo分别选中②③shift+c调整弧度。后面的书本同理,可直接全选复制粘贴后自行更换颜色。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第15张

新建42*54,圆角半径5px,颜色#b2b0b4的圆角矩形效果3D凸出和斜角,按图中所示设置参数,打开较多选项调整光源方向。

 

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第16张

选中完成3D效果后的图形ctrl+c,ctrl+f,右键排列置于底层更改颜色为ffffff。选中白色图形外观3D设置更改如图所示(底纹颜色自定义ffffff

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第17张

选中第一层ctrl+c,ctrl+f-排列置于底层(图一所示)新建17*10矩形,选择效果应用凸出和斜角更改凸出厚度为0最终图所示。再自行画一条带子。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第18张

椭圆工具画50*50的 (#f8d8db效果3D 凸出和斜角,位置选择等角上方,厚度为&光源如图,底纹颜色#dda8bl

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第19张

选中3D变化后的图形对象扩展外观,右键取消编组。 选择第一层椭圆按住alt,向下拖拽到适当位置,shift+c缩小。用钢笔画一个如图二中的矩形,选择自由变化工具透视扭曲。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第20张

同时选中花盆底和梯形路径查找器联集右键置于底层。将花盆顶层椭 ctrl+c,ctrl+f,按住 shift+alt 缩小颜 色为#bc7d53o全选花盆右键编组。画一个椭圆颜色为#e7e7e7如图放置,将花盆置于顶层

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第21张

枝叶用钢笔结合锚点工具画三个锚点。画一个8*6的椭圆,填充改为渐变。渐变类型为径向,参数设置如图所示

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第22张

字母A设置如图所示,阴影如图所示,颜色为#e7e7e7柜子两边用钢笔如图中所画,取消填充,描边#d6d6d8注意,柜子下有一层台阶。整个柜子阴影如图所示。

步骤04

 

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第23张

如图一所示画椅子扶手。新建270*190,圆角半径为12的圆角矩形(#f2c3c8,新建248*12的矩形(颜色不同于上即可)。选中矩形按住alt键向下平移,ctrl+d重复. 选中矩形和圆角矩形,路径查找器减去顶层。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第24张

给图形进行3D变换,如图所示。变化后沿边画一条线,取消填充,描边颜色为#ffffff,透明度为30%

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第25张

画一个200*182, 角半径为12的圆角矩形(ffffff-3d变换如图所示。选中变换后的图形ctrl+c,ctrl+f,下移一个像素,右键置于底层,更改颜色为#a8a8a &再次选中第一层ctrl+c,ctrl+f,下移到适当位置,置于底层。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第26张

直接复制粘贴第一个坐垫更改其3D设置,如图所示。后面步骤同上。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第27张

画两个12*12的圆。3D设置分别如图所示。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第28张

钢笔画一个矩形(#e8babf, shift+c调整路径弧度,直接选择工具调整圆角半径。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第29张

选中调整后的图形ctrl+c,ctrl+b,更改颜色为#d9adad, 移动到适当位置后用直接选择工具调整锚点位置,如图—。椭圆工具画一个椭圆,ctrl+c,ctrl+b,相向上移动一个像素。钢笔画线条,取消填充,只要描边。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第30张

 

 4*4的圆,3D设置如图所示。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第31张

需要画阴影的部分如上图,颜色为#969394。底部阴影 同样画一个270*190, 角半径为5的圆角矩形。钢笔画完椅腿的阴影后,全选椅腿和圆角矩形路径查找器集。

 

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第32张

 #eff2f7,# e8e8f2缝隙用钢笔画一条路径,颜色#CCCCCC图二,添加锚点后用直接选择工具移动位置

步骤05

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第33张

 

桌面钢比对参考线画了矩形(#f8f8fa)后调节角的弧度。画下面一层#cc909c,调节弧度。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第34张

钢笔画一层后可用复制粘贴更改锚点位置的方法做其 他图层。图一中有厚度的地方与上一步桌子的方法一样。其中圆形用了 3D设置,参数如图。其他圆形复制粘贴更改颜色即可。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第35张

 

画一个圆形,3D设置分别如图所示。需要注意的是灯杆下部有点弧度,托盘一层白色描边透明度为30%

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第36张

杯子的画法和之前花盆的一样。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第37张

画一个83气的矩形,6*5的矩形(描边为#939393)选中描边矩形按住alt右移使两个描边重合的位置,ctrl+d全选编组,3D设置。后面的适当调整描边位置和按键个数。最终效果大致如图。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第38张

鼠标画法和桌子样,上层白色用锚点工具适当调整。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第39张

椅腿和之前台灯一样,底部需注意有些圆弧度。桌腿用参考线画。

 

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第40张

钢笔画如图所示的形状,然后3D设置对象拓展外观编辑编辑颜色重新着色,调整到合适的颜色即可。

步骤06

 

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第41张

 

鞋子画好一层后复制粘贴更改颜色。裤缝钢笔勾线。皮带扣处注意勾线。注意有一层阴影。

 插画教程!教你绘制超火的2.5D等距视角风格插画 教程 第42张

 

桌子和椅子的阴影部分和第一个椅子阴影一样的画法。

总结

教程到这里就结束了,我希望大家有所收获,欢迎在评论区留言反馈。

内容投诉

人已赞赏
教程

动漫基础设计教程!设计用VR玩游戏的儿童角色

2020-1-14 8:00:00

教程

插画教程!用线造景,绘制梦幻般的希腊小镇风景

2019-9-11 8:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索