2.5D插画是近年来非常流行的插画风格,英文的名称是isometric。这种风格的插画起源于早期的2.5游戏,在当今的网络传媒中应用范围很广,比如图标设计、网页设计、游戏等等。
2.5D插画是一种非常适合新手学习的风格,通过对这种风格的学习,可以迅速掌握AI的图形绘制技巧。本篇教程,从如何建立参考线入手,一步一步带大家制作出一个基础的2.5D风格插画。
如果你掌握了本期风格解析的内容,熟悉了这种创作方式之后,可以尝试自己去创作出更多有趣的内容。
插画师Muti 2.5D作品
NIKE is always with you · Spring
NIKE is always with you · Summer
NIKE is always with you · Autumn
NIKE is always with you · Winter
以上是韩国插画师Lee Jisoo为NIKE绘制的2.5D广告插画《NIKE is always with you 》四季系列。
2.5D插画结合UI界面
插画师Big Mouth I Old Navy Malaysia
风格解析笔记 I 008
打开AI,将以下步骤作为流程参考
☟
建立参考线
01
在AI中新建一张正方形画布,尺寸自定。
02
使用直线工具按住shift画一条竖线。
03
使用移动工具按住ALT向右拖动这条直线,复制一条,注意与第一条对齐。
04
按下CTRL D,复制若干条竖线。
05
将画出的所有直线选中,GTRL G成组,适当调整大小。
06
菜单栏——对象——变换——旋转,角度设置为60°,点击复制,这样就复制出一组旋转了60°直线。
07
按上面的步骤再操作一次,复制出第三组直线。选中三组直线,调整位置和大小使其与画布对齐。
08
将三组线条编组,在上层按照画布大小绘制一个正方形,全选。对象——剪切蒙版——建立。多余的部分就被剪切掉了。
09
拉低一些透明度,将图形上锁——参考线完成。
图形绘制
01
在PS中制作一张色卡,可以在原作品的基础上进行吸色,也可以在Pinterest等网站download自己喜欢的配色色卡。
02
钢笔工具画出四边形,选择直接选择工具【A】,选择要制作圆角的点,拖动尖角处的圆形图标,制作出圆角。
03
处理好圆角后复制一层,选择一个较深的颜色填充,向下移动,按CTRL [ 向下移动一层。
04
用钢笔工具添补两个图层间的空隙。
05
用钢笔工具绘制四边形,搭建出建筑的主要部分。
06
楼顶的凹陷部分,复制两个四边形,选中它们,在工具栏中路径查找器中选择分割,把分割后的图形删除多余的部分,再进行上色。
07
用制作顶部凹陷同样的方法来制作窗户,把画好的图形组合成建筑物。
08
把画好的建筑编组,按住ALT拖动复制出一个建筑群,建筑的高矮可通过直接选择工具【A】进行调整。
09
用钢笔工具画出建筑间的连接处。
10
综合前面所提到的方法,根据参考线画出一个尖顶的建筑。(此处可新建一个画布把参考线复制过来绘制,这样细节处可以看的更清晰)
11
继续添加其他修饰。画面完成后使用选择工具【V】选中画板1上的所有元素,CTRL C复制,接下来跳转到PS中进行调色。
后期调色
01
在PS中新建一张同样大小的画布,按下CTRL V粘贴,在弹出的窗口中选择粘贴为智能对象,注意把添加到我的当前库中前面的勾点掉。
02
新建调整图层,通过曲线,色彩平衡,亮度对比度等调整画面的效果。
03
菜单栏——选择——色彩范围,用吸管工具在画面深色的部分点一下,将颜色容差调整到50左右,点击确定,这时你会发现深色的部分全部被选中了。
04
添加一个调整图层——渐变填充,选择一个比深色部分更深一些的颜色填充一个透明渐变,给画面增加一些深度。对亮部也可以进行同样的操作。
05
继续微调,直到得到一个较为满意的效果,可爱的2.5D插画就完成啦~
以上示范一张2.5D插画基础入门,如果喜欢2.5D风格的画友们可以脑洞大开,尝试结合肌理/材质/线条风等让自己的作品更风格化。
BUT
联系客服