用PPT盖房子?2.5D建模完全手册

到今天,2D、3D这些词汇对于我们来说再熟悉不过了,要说起2.5D这个概念,或许没听说过,但你一定亲眼见到过,曾经火遍全世界的《纪念碑谷》就是2.5D设计的典型代表

用PPT盖房子?2.5D建模完全手册_第1张图片

《纪念碑谷》

用PPT盖房子?2.5D建模完全手册_第2张图片

《纪念碑谷》

用PPT盖房子?2.5D建模完全手册_第3张图片

《纪念碑谷》

除了《纪念碑谷》这样的佛系手游外,2.5D也常出现在海报、网页以及UI设计当中,相较于繁复的3D建模流程,2.5D能够更快地取得较好的视觉效果,适合于地图、城市的图形展现

用PPT盖房子?2.5D建模完全手册_第4张图片

2.5D城市模型展示

用PPT盖房子?2.5D建模完全手册_第5张图片

2.5D工作场景展示

用PPT盖房子?2.5D建模完全手册_第6张图片

2.5D地图景观展示

用PPT盖房子?2.5D建模完全手册_第7张图片

2.5D海报元素设计

2.5D设计究竟是什么?

在设计理论中,我们把这样的设计风格称为轴测图,因为其接近人的视觉习惯,在工业设计/生产中常用作辅助图纸。相类似的,美术领域也有散点透视/平行透视的说法

用PPT盖房子?2.5D建模完全手册_第8张图片

平行透视相比三点透视,舍弃了近大远小的关系,竖直方向的高度没有变化,只有水平方向按角度偏移。而三点透视则着重强调了同一高度在近处高、远处低,会有近大远小的变化

用PPT盖房子?2.5D建模完全手册_第9张图片

轴测图舍弃了近大远小的特征,同一物体在远处和近处大小相同

在轴测图的发展过程中,人们延伸出了叫做Isometric Game的概念运用在游戏领域,把所有的游戏元素沿着坐标轴旋转一定角度,能够让玩家看到物体的多个侧面,通过这样的方式来产生3D效果。游戏业内人士常常把它们叫做“2.5D”或者“伪3D”

用PPT盖房子?2.5D建模完全手册_第10张图片

Isometric Game—《红色警戒》

用PPT盖房子?2.5D建模完全手册_第11张图片

Isometric Game—《红色警戒》

用PPT盖房子?2.5D建模完全手册_第12张图片

Isometric Game—《梦幻西游》

用PPT盖房子?2.5D建模完全手册_第13张图片

Isometric Game—《梦幻西游》

轴侧图于西方的历史渊源

在“透视法”大行其道的文艺复兴时期,莱昂纳多·达·芬奇(Leonardo da Vinci)已经开始运用平行透视的方式进行绘制。他认为平行透视这种方法可以更好地表现物体所在的空间,而非物体本身

用PPT盖房子?2.5D建模完全手册_第14张图片

达·芬奇手稿

用PPT盖房子?2.5D建模完全手册_第15张图片

达·芬奇手稿

在西方最早尝试轴测式的画家是14世纪时期的安布罗吉奥·洛伦泽蒂(Ambroglo Lorenzetti),受到拜占庭艺术的影响,他创造出了自己独有的绘画风格,但大众长时间受到真实、现实、透视思想的束缚,使他的作品在当时很难被接收和认可

用PPT盖房子?2.5D建模完全手册_第16张图片

安布罗吉奥作品

用PPT盖房子?2.5D建模完全手册_第17张图片

安布罗吉奥作品

后来,安布罗吉奥的做法逐渐被越来越多的人接受,也受到了很多之后的画家的肯定。其中“现代绘画之父”塞尚(Paul Cezanne)将线性透视方法抛之脑后,创造出一种“反透视法”。他无刻意去追求作品的“逼真”效果,而去创造一种描绘的人和物向观众走出来的印象,他无意表现物体的立体感,而是着眼于物体的结构、相互关系和色彩

用PPT盖房子?2.5D建模完全手册_第18张图片

塞尚作品

此后轴侧的画法被渐渐推广开来,应用到了施工图纸、建筑设计当中

轴侧图于东方的历史渊源

从广义上来说,轴侧的概念中国古代公元950乾祐三年五代十国时期的界画。界画即用界尺辅助作画,画中的建筑表现都用平行线严格标定,类似于我们今天说的轴测图

用PPT盖房子?2.5D建模完全手册_第19张图片

明皇避暑宫图(局部),约公元950年

再往后北宋时期王希孟的千里江山图以及张择端的清明上河图,其中的建筑也采用了类似轴测图的画法

用PPT盖房子?2.5D建模完全手册_第20张图片

千里江山图(局部)

用PPT盖房子?2.5D建模完全手册_第21张图片

清明上河图(局部)

之所以中国古代就有轴测图的绘画诞生,这与中国山水画向来追求的“大格局”是密不可分的。因此许多绘画的视角都选在远山上俯瞰大地,这时候人眼中看到的散点透视与轴侧有着惊人的一致性

PPT中轴侧图的制作方法

用PPT盖房子?2.5D建模完全手册_第22张图片

经过长时间的摸索,我将PPT制作2.5D的方法分为两类:三维格式法与图形拼接法

用PPT盖房子?2.5D建模完全手册_第23张图片

PPT制作2.5D模型的两种方法

1.三维格式法:

其实在远古时期的PPT,已经有【三维格式】的功能了,简单来说它可以让我们赋予形状厚度,并设置旋转、光线等参数。通过它,我们可以快速生成2.5D效果的图形,在形状上点击右键—三维格式,添加厚度即可

用PPT盖房子?2.5D建模完全手册_第24张图片

三维格式添加厚度

但是此时这种方法的弊端也暴露出来,除了顶部的颜色,其他两个面的颜色无法随意编辑,只能通过调节光线来模拟颜色

用PPT盖房子?2.5D建模完全手册_第25张图片

通过改变光线来调色,但颜色控制困难

对于追求最佳效果的同学,我推荐下面的方法二——图形拼接法

2.图形拼接法:

顾名思义,这种方法将每一个图形分解为几个面的拼接,每一个面的颜色都可以随意调整,但较第一种方法会耗费较多的时间。在本方法中,我们将用到三维旋转的前三种预设,即左下、右上以及顶部朝上(红框中的三种)

用PPT盖房子?2.5D建模完全手册_第26张图片

最常用的三种旋转模式

以基本的矩形方块为例,将其分解为三块正方形的拼接,首先插入三块大小相同的正方形,对它们分别设置这三种预设(左下,右上,顶部朝上)

用PPT盖房子?2.5D建模完全手册_第27张图片

基本图形的三维旋转

再将它们手动拼合,作为眼睛看到的三个面,通过调节填充颜色来形成立体效果,这一步的成品可以作为盖房子的【砖块】

用PPT盖房子?2.5D建模完全手册_第28张图片

基本【砖块】的组合

当掌握熟练之后,可以改变矩形的长和宽,搭配组合出不同的立体形状!

虽然案例中的小房子看起来比较复杂,但当我们将它分解,也是由多个基本图形组合而成的

用PPT盖房子?2.5D建模完全手册_第29张图片

用PPT制作的杂货铺

用PPT盖房子?2.5D建模完全手册_第30张图片

房屋底面的分解过程

用PPT盖房子?2.5D建模完全手册_第31张图片

房屋顶部的分解过程

用PPT盖房子?2.5D建模完全手册_第32张图片

遮阳棚的分解过程

用PPT盖房子?2.5D建模完全手册_第33张图片

云朵的分解过程

用PPT盖房子?2.5D建模完全手册_第34张图片

绿植的分解过程

最后加上文字,可以得到不逊色于AI的2.5D封面图~设计感十足

用PPT盖房子?2.5D建模完全手册_第35张图片

成品效果图

微信订阅号:观海PPT

订阅后回复“2.5”即可下载案例源文件

你可能感兴趣的:(用PPT盖房子?2.5D建模完全手册)