用PPT盖房子?2.5D建模完全手册
到今天,2D、3D这些词汇对于我们来说再熟悉不过了,要说起2.5D这个概念,或许没听说过,但你一定亲眼见到过,曾经火遍全世界的《纪念碑谷》就是2.5D设计的典型代表
《纪念碑谷》
《纪念碑谷》
《纪念碑谷》
除了《纪念碑谷》这样的佛系手游外,2.5D也常出现在海报、网页以及UI设计当中,相较于繁复的3D建模流程,2.5D能够更快地取得较好的视觉效果,适合于地图、城市的图形展现
2.5D城市模型展示
2.5D工作场景展示
2.5D地图景观展示
2.5D海报元素设计
2.5D设计究竟是什么?
在设计理论中,我们把这样的设计风格称为轴测图,因为其接近人的视觉习惯,在工业设计/生产中常用作辅助图纸。相类似的,美术领域也有散点透视/平行透视的说法
平行透视相比三点透视,舍弃了近大远小的关系,竖直方向的高度没有变化,只有水平方向按角度偏移。而三点透视则着重强调了同一高度在近处高、远处低,会有近大远小的变化
轴测图舍弃了近大远小的特征,同一物体在远处和近处大小相同
在轴测图的发展过程中,人们延伸出了叫做Isometric Game的概念运用在游戏领域,把所有的游戏元素沿着坐标轴旋转一定角度,能够让玩家看到物体的多个侧面,通过这样的方式来产生3D效果。游戏业内人士常常把它们叫做“2.5D”或者“伪3D”
Isometric Game—《红色警戒》
Isometric Game—《红色警戒》
Isometric Game—《梦幻西游》
Isometric Game—《梦幻西游》
轴侧图于西方的历史渊源
在“透视法”大行其道的文艺复兴时期,莱昂纳多·达·芬奇(Leonardo da Vinci)已经开始运用平行透视的方式进行绘制。他认为平行透视这种方法可以更好地表现物体所在的空间,而非物体本身
达·芬奇手稿
达·芬奇手稿
在西方最早尝试轴测式的画家是14世纪时期的安布罗吉奥·洛伦泽蒂(Ambroglo Lorenzetti),受到拜占庭艺术的影响,他创造出了自己独有的绘画风格,但大众长时间受到真实、现实、透视思想的束缚,使他的作品在当时很难被接收和认可
安布罗吉奥作品
安布罗吉奥作品
后来,安布罗吉奥的做法逐渐被越来越多的人接受,也受到了很多之后的画家的肯定。其中“现代绘画之父”塞尚(Paul Cezanne)将线性透视方法抛之脑后,创造出一种“反透视法”。他无刻意去追求作品的“逼真”效果,而去创造一种描绘的人和物向观众走出来的印象,他无意表现物体的立体感,而是着眼于物体的结构、相互关系和色彩
塞尚作品
此后轴侧的画法被渐渐推广开来,应用到了施工图纸、建筑设计当中
轴侧图于东方的历史渊源
从广义上来说,轴侧的概念中国古代公元950乾祐三年五代十国时期的界画。界画即用界尺辅助作画,画中的建筑表现都用平行线严格标定,类似于我们今天说的轴测图
明皇避暑宫图(局部),约公元950年
再往后北宋时期王希孟的千里江山图以及张择端的清明上河图,其中的建筑也采用了类似轴测图的画法
千里江山图(局部)
清明上河图(局部)
之所以中国古代就有轴测图的绘画诞生,这与中国山水画向来追求的“大格局”是密不可分的。因此许多绘画的视角都选在远山上俯瞰大地,这时候人眼中看到的散点透视与轴侧有着惊人的一致性
PPT中轴侧图的制作方法
经过长时间的摸索,我将PPT制作2.5D的方法分为两类:三维格式法与图形拼接法
PPT制作2.5D模型的两种方法
1.三维格式法:
其实在远古时期的PPT,已经有【三维格式】的功能了,简单来说它可以让我们赋予形状厚度,并设置旋转、光线等参数。通过它,我们可以快速生成2.5D效果的图形,在形状上点击右键—三维格式,添加厚度即可
三维格式添加厚度
但是此时这种方法的弊端也暴露出来,除了顶部的颜色,其他两个面的颜色无法随意编辑,只能通过调节光线来模拟颜色
通过改变光线来调色,但颜色控制困难
对于追求最佳效果的同学,我推荐下面的方法二——图形拼接法
2.图形拼接法:
顾名思义,这种方法将每一个图形分解为几个面的拼接,每一个面的颜色都可以随意调整,但较第一种方法会耗费较多的时间。在本方法中,我们将用到三维旋转的前三种预设,即左下、右上以及顶部朝上(红框中的三种)
最常用的三种旋转模式
以基本的矩形方块为例,将其分解为三块正方形的拼接,首先插入三块大小相同的正方形,对它们分别设置这三种预设(左下,右上,顶部朝上)
基本图形的三维旋转
再将它们手动拼合,作为眼睛看到的三个面,通过调节填充颜色来形成立体效果,这一步的成品可以作为盖房子的【砖块】
基本【砖块】的组合
当掌握熟练之后,可以改变矩形的长和宽,搭配组合出不同的立体形状!
虽然案例中的小房子看起来比较复杂,但当我们将它分解,也是由多个基本图形组合而成的
用PPT制作的杂货铺
房屋底面的分解过程
房屋顶部的分解过程
遮阳棚的分解过程
云朵的分解过程
绿植的分解过程
最后加上文字,可以得到不逊色于AI的2.5D封面图~设计感十足
成品效果图
微信订阅号:观海PPT
订阅后回复“2.5”即可下载案例源文件