遵循近大远小、近实远虚原则,轻松打造立体感爆棚的透视平台!

作者: cnpim CNPIM 2021年12月06日

椭圆平台怎么画才好看?有啥技巧吗?

这是一位读者看过这页 PPT 后,在留言区向我提问的一个问题。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

其实,在 PPT 设计中,用形状来模拟透视平台,是一个能够快速提升页面设计美感的技法。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

比如下面这两页腾讯峰会的 PPT 原稿,现在看,视觉上略显平淡:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

而利用形状模拟透视平台后,页面的空间、设计感就会大幅度提升。比如绘制椭圆平台:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

或者是绘制梯形平台:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

那么,回到文章一开始的问题,大家用的都是 PowerPoint,为什么你总是画不好呢?

你绘制的平台:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

别人绘制的平台:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

绘制这类透视平台,到底有何技巧?

别慌,今天,这篇文章就带你解开这其中的奥秘!

一、透视平台遵循的原则

想要透视平台画的好,只需遵循 2 个现实原则即可。因为与现实相关,所以理解起来不难。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

? 原则一:近大远小

体积相似的物体,距离我们越远,在视觉上看起来就会越小。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

比如地面瓷砖,他们的实际大小相同,但一眼望去,越远的瓷砖,看起来就越小:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

如果把图片中瓷砖线条提取出来,分别来看横线和纵线。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

很明显,横线之间的间距,由近及远,越来越窄:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

纵线如果继续延展,终将汇于一点:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

这就是页面看上去有纵深感的原因!

我们回到透视平台的构建上。对于椭圆型平台,如果只是用大小不同的椭圆简单嵌套,页面缺乏纵深感,看起来就会有些假:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

我们在绘制时,就可以根据上述横线的特点,调整各个椭圆错位,使各个线条的间距,由近及远,越来越窄:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

此外,线条间的各个间距相差越大,平台的纵深感就会越强:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

同理,梯形平台就应该符合上述纵线的特点。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

所有形状两侧边界的延长线,都要汇聚于一点:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

? 原则二:近实远虚

近处清晰,远处模糊。这个原则相信大家也深有体会。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

比如从高楼向远处眺望,近处的大厦就很清晰,而远处的山峦受云雾的影响,会变得模糊不清。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

同样的,将近实远虚的原则,应用到平台的绘制上。比如通过调整椭圆渐变:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

让远处的线、面透明度降低:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

梯形平台同理,利用渐变让平台远透,近不透:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

结合,上面所说的两大原则,我们用形状所构建的平台就更加符合现实逻辑,从视觉上去看自然会更加的美观。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

二、透视平台的快速画法

OK,原理是明白了,那有没有什么方法,可以快速绘制这样的透视平台呢?

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

当然有,我们可以借助三维旋转。通过使用三维旋转,就可以不用手动调整个圆环的间距,而且平台的透视强度可以任意调节。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

像上面这个案例,我们可以先绘制 4 个嵌套的正圆。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

设置三维旋转,预设 > 角度 >「透视:适度宽松」:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

这时,页面中的正圆,就会有向后倾倒的趋势:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

我们调整 Y 旋转,可以变换观察平台的视角:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

调整透视,可以变换平台的纵深感。透视越大,纵深感越强

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

最后,调整平台渐变即可。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

除了椭圆透视平台,像下面这样的梯形平面透视平台,也可以使用这个方法快速绘制。

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

先绘制 5 个矩形,并组合:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

和刚才的一样,设置三维旋转,选择预设中的「透视:适度宽松」。Y 旋转控制平面倾倒的幅度;透视,控制平台的纵深感:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

最后,依据近实远虚的原则添加渐变效果:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

三、透视平台的用法

最后,为了拓宽大家的思路,我再分享一些透视平台在 PPT 设计中的一些用法。比较常见的是充当载体,放置单个页面信息。比如主要文本:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

重点数据:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

当然,只要你画的平台够大,也可以放置多个内容:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

稍微复杂一些,我们还可以利用透视平台,立体化呈现层级架构。比如这种圆形平台:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

或是梯形平台:

邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

等等...

好了,以上呢,就是这篇文章的全部内容了。希望看完这篇文章,你也能够快速上手,画出漂亮的透视平台。

·

原标题:邵大,腾讯官方的这页PPT也太高级了!为啥我做不出来...

内容未完全展示,请下载附件查看




点击加载全文

本文阅读量:

声明:本信息来源于旁门左道PPT 微信号:pangmenzd,仅用于学习和技术交流,如有侵权或其他问题,请联系本站处理。

技术支持:CNPIM.COM