CSS3来绘制一个3维立体游泳圈_不会3D软件也能做出立体效果？2.5D插画你值得拥有！...

题图来自 | ES女王样

今天为大家介绍时下非常流行的

2.5D插画

由动态插画课ES老师带大家入门了解2.5D插画

同时本期动态插画课是最后两期，明年不再开课

详情见今日推送第二条：)

K E Y   W O R D S

重 点 内 容

什么是2.5D插画 2.5D和3D的区别 2.5D插画的可应用方向

什么是2.5D插画？

·先了解下3D插画吧～

通常我们说的三维是指在平面二维系中又加入了一个方向向量构成的空间系。三维既是坐标轴的三个轴，即x轴、y轴、z轴，其中x表示左右空间，y表示前后空间，z表示上下空间(不可用平面直角坐标系去理解空间方向)。 在美术视觉作品中，我们一般把用3D建模软件制作的模型或者渲染后的效果称为3D，绘制的造型本身就是立体的，绘制完后，我们可以用专业的软件查看他们的每一个面。

ES独立玩具品牌—屁屁鼓

同时，我们也可以快速的得到这个造型的正、侧、反、顶等多个固定角度的画面。

屁屁鼓的多面视图

这也就是当需求方说“你帮我把这个大象转个身”，它可以在3D软件中轻松做到。而2D平面作品，一旦绘制完，我们除了扭曲、拉伸等变形，最多能做到的只是图形本身的镜像，做不到“转个身”。

图片 | 2D平面效果

·再来认识下什么是2.5D插画！

2.5D插画是这两年非常流行的一种插画风格，也叫2.5D轴侧等距插画，简单理解就是带有3D效果的二维画面。2.5D插画用的是视错觉的方法，完成3D和2D空间的扭转转化。

纪念碑谷游戏

2.5D和3D插画的区别

3D的成像效果好，但是学习成本高，技术实现难度较高，而且很多运用的场景并不需要“转身”，只要呈现出一个看起来是标准的立体效果即可，而普通的2D绘制又无法达到这样的目的。于是出现了“2.5D”这样的一个绘制方式。

2.5D顾名思义，就是介于3D和2D之间，是一种以2D的绘制来表现3D的立体效果，本质是失真的伪3D。3D是基于真实物理原理的呈现，所以遵循“近大远小”的规则。

3D效果

真实3d，在画面最终呈现的时候，远处的物体即使本身是一样大小，但是由于近大远小，看起来都是不同的大小。如果用2d来绘制这样的效果，需要去找远处的消失点，然后一点一点绘制，耗费时间巨大。

2.5D效果

上图就是一个遵循2.5D视角的呈现效果，我们发现，无论距离远近，同样尺寸的物体在平面呈现上还是一样的大小。这样，我们的画布就可以无限扩大，绘制起来也不会那么费劲了。

游戏：超脱力医院

游戏：江南百景图

椰岛游戏的超脱力医院和江南百景图由于选用了2.5D效果，大大节省了美术的工作量和载体的存储空间(相对于3D)。这个角度还能绘制一些视觉错觉的作品，大家熟悉的彭罗斯阶梯和纪念碑谷就是这样的效果。

(左)彭罗斯阶梯(右)纪念碑谷

这个角度的绘制，最开始的练习，我会建议学员从自己最熟悉的环境入手。比如对卧室、书房、厨房等生活空间的重现，能快速帮助大家熟悉最基本的2.5D绘制方法。由此基础上，我们就可以延伸出更多创意的想法。

学员卧室的2.5D插画

现在商业美术委托中， 2.5D是一种呈现方式而非画风 ，所以可以在此方式上搭载各种各样的画风，其广泛的运用场景，越来越受到客户的青睐，也逐渐 成为商业插画师必备的技能之一。

2.5D插画的衍生创意作品

2.5D插画加上一些简单的动态，整个作品完成度就更高了。

- 2.5D作品欣赏 -

2.5D的绘制教学安排在第七周的课程中，0基础的同学也能学得非常不错哦！下面来看看往期有学员的成果作品。

学员：berry

学员：cactaceae?

学员：color

学员：Daxuan

学员：DearFaerie

学员：dusty25

学员：Hi_Yikia

学员：Hosh

学员：May

学员：Nath

学员：Z028小小

学员：阿雅

学员：王大可

学员：王实

学员：小五哥

学员：徐涛

学员：羊yy

学员：赵大款

2.5D插画的应用方向

游戏视觉

这是大家熟悉的一款游戏《纪念碑谷》，美术风格特别赞。 从画风上看：

1.清新的色彩和集合线条搭建的色彩空间。

2.渐变色来衬托背景空间，构造一个奇幻的空间。

3.同类色、互补色、类似色搭配出简单的几何形状，重构建筑空间。

纪念碑谷色彩参考

从构图上看：

用的是视错觉的方法，完成3D和2D空间的扭转转化。

彭罗斯三角(Penrose triangle) ：是不可能的物体中的一种。被称之为“最纯粹形式的不可能”。

二维三维的扭转转化

德罗斯特效应：是递归的一种视觉形势，是指一张图片的某个部分与整张图片相同，产生无限循环。

app引导页

海报设计

网页设计

以上就是对2.5D插画的一个小小了解

如果还想知道更多，或者是想自己画出来

那就快快关注本期动态插画课吧～

---

本期邀稿特约插画师 | ES女王样 如需转载，可联系公众号后台

 想创作有趣的2.5D插画？

ES老师【动态插画入门课】倒数第二期 

今日开课！

课程报名

第10期

8周完整课程报名

课程时间：8月26日-10月14日

每周课程安排 周三晚20:00

(错过直播可随时进入回听)

活动报名费：599元/期

公众号后台回复“es”报名

免费试听课：公众号后台回复“试听3”报名

详细介绍请见今日推送第二条

导师介绍

ES 女王样

自由漫画人，插画师，玩具设计师，手作人，纹身师。从学习滑板到因爱好打鼓加入乐队，拥有想到就要做到的正能量态度。创作小星球、粽子喵、鹿易斯等动态表情包系列。独立品牌的新形象“屁屁鼓”也以潮玩形式受到众多爱好者喜欢。现担任鲸字号线上漫画课程导师。

  近期课程 第52期 坚持30天每天画画 8月活动时间  9月1日-9月30日 (截止到9月4日最后报名时间) 课程报名：公众号后台回复「画画」 课程内容详见： 新福利加入！水彩特攻主题

治愈水彩插画记录 02期 9月2日(周三)20:00 课程报名：公众号后台回复【zzh 】 免费试听课：公众号后台回复【试听14】 本期课程时间：9月2日-11月4日 课程内容详见： 放轻松，在水彩世界里漫游 

AI矢量插画 06期 9月4日(周五)20:00 课程报名：公众号后台回复【fei 】 免费试听课：公众号后台回复【试听9】 打卡体验课：公众号后台回复【打卡2】 本期课程时间：9月5日-10月23日 课程内容详见： 解锁新技能，用色块与线条碰撞出灵感火花

 短篇分镜漫画创作 18期 开课

9月11日(周五)20:00 

课程报名：公众号后台回复【cici】

免费试听课：公众号后台回复【试听4】

本期课程时间：9月11日-10月30日

课程内容详见：让灵感流入画格，让故事跃出纸面

插画视觉平面设计课 12期 开课 9月13日(周日) 20:00  课程报名：公众号后台回复【 喜丫 】 免费试听课：公众号后台回复【试听2】 本期课程时间：9月13日-11月1日 课程内容详见： 只会画不会后期，你失去搞定甲方的“绝招”了

 作品集&排版设计入门课   08 期 开课 9月14日(周一) 20:00 课程报名：公众号后台回复【 tan 】 免费试听课：公众号后台回复【试听7】 本期课程时间：9月14日-11月2日 课程内容详见： 毕业季的正确打开方式

拼贴创作课 11期 开课

9月25日(周五)20:00

阿毛老师拼贴课，最后一期！

课程报名：公众号后台回复【mao】

本期课程时间：9月25日-11月13日

课程内容详见：不要和收集控谈断舍离！