PPT太普通？教你三招打造出亮眼的空间立体感！

大家好，我是秋小叶！这里是秋叶 PPT 的「Office 干货」栏目。

PPT 是个神奇的工具，它不仅能做出日常工作汇报使用的 PPT，还能够做出堪比 PS 的海报级效果！这次晓公子更是用 PPT 做出了 C4D 的效果，手把手教学，一起来看看吧~

作者：忘吃药的晓公子

来源：忘吃药的晓公子(ID：CRAZYPPTer)

我之前看了 Manuel Rovira 做的一组网页设计，想用 PPT 来模仿一下，达到一种空间立体感的效果。

最后和我的预想一样，几乎可以「以假乱真」！

以上几页完全是在 PPT 内制作完成，而且并不复杂。

Office365？PS？AI？C4D？

完全不需要~

我今天以这几页效果为例，给你们分享如何用 PPT 做出空间立体感！

01

基本立体形状的制作

首先公子要给你们拆分的是这几页都存在的一个基本元素——立方体，也是打造这种空间立体感的核心！

如果你用的是 Office365，那插入一个 3D 立方体是非常简单的，但你也无法随意更改它的渐变颜色，除非与画图软件相结合！

所以在这里，Office365 就并没有什么优势了，我们还是老老实实来看一下它到底是如何实现的！

我们以这个立方体为例，其实它就是一个「拼装」后的产物，你是否也想到了？

菱形+两个平行四边形，并给出适当的渐变效果，我们就轻而易举的拼出了一个立方体。

我接下来会详细拆分它，如果你并不是 PPT 小白，可以略过这个部分！

❶ 首先我们插入一个菱形

并设置一个与背景匹配恰当的渐变效果，公子建议渐变颜色中最好要有一个亮色的存在

❷ 然后我们再插入一个平行四边形贴合菱形的一边，但高度你可以随意。

另一边一样的道理，或者你可以直接选择把上一个平行四边形做「垂直旋转」的处理，就可以得到立方体的另一面！

❸ 最后我们为了使效果更逼真，可以复制一份并缩小置于这个立方体的下层！

因为它的渐变填充都有一定的透明度，所以可以很好的显现出来，并有一些渐隐效果！

或者你可以试试其他渐变色，做出这样一页效果来！

总之公子要分享的理念是，普通 Office 版本支持的立体形状大抵就是以下三种：

并且我们不能随意更改视觉角度，这个时候就需要换个思维，用拼接的方法来制作立体的图形各个面！

02

利用拼接制作空间立体感页面

我们已经基本了解在 PPT 中「仿立体图形」该如何制作，那接下来我们就要利用这个方法做出一页完整的立体页面！

我们就以这页为例，首先说一下背景部分！

我做的是一个深蓝色渐变，然后插入了 n 个透明度为 85%，0.5 磅的白色线条。

建议利用 iSlide 的补间动画来补全线条，如果不能熟练操作，那就简单绘制几条，毕竟只是一个渲染效果的装饰作用！

然后就是底部的立方体制作，原理与公子前面说过的一致——拼接

这里公子就不细讲了，渐变参数可以参考上方菱形我给出的示例！

而这里我们需要注意的一点是，把菱形与平行四边形右键组合后，为了做到更逼真的立体感，可增加一些阴影效果！

到这里我们再结合前面所制作出的立方体，设计出这样一份页面，是不是就没有任何难度了！

公子需要提醒你们的是，别忘了给中间的蓝紫色渐变矩形加一些阴影效果，我给出的参数你们可以作为参考。

接下来我们就是要制作中间类似椭圆体的「发光源」部分。

你能想到是如何实现的吗......没错，还是拼接，不要想的太复杂了！

来看一下它的「真实面目」，你就会「豁然开朗」：

就是这么简单到不讲道理，4 个渐变圆的叠加~

这里我需要重点讲的只有一点，就是最下方的那个圆，它是作为「光影」存在的，所以只要显露出一点就可以了。

而且既然是「光影」，当然要模糊一些的，所以我们要设置一点柔化边缘的磅数。

这里你可能想问为什么不直接给倒数第二个圆设置阴影效果呢，因为 PPT 本身的阴影是无法设置渐变的！

接下来算是一个难点，「光源」制作好后，自然就该做出「光」的部分，这里会用到形状间的布尔运算！

关于形状的布尔运算，Office2013 版本以上都是没问题的，当然最好是 2016 版本及以上。

言归正传，我们插入一个梯形，上底与「光源」最上方的圆直径重合！

然后我们原位复制出一份「光源」最上方的那个圆，与梯形合并形状！

这就是我们制作的「光」的形状，根据实际情况和颜色搭配，给它设置一个渐变！

渐变颜色的选择最好与下方的圆形有所重复，这样可以做到一个自然的过渡！

接着我们可以在「光」里放一些文字，图形，图标都没问题，这里我为了方便还是选择前面做过的一组立方体！

再加上你的文字内容，到这里这个页面就基本完成了！

如果你希望页面更加的精致，效果更逼真一些，我们可以加一些图标 icon 在中心位置，或者是你企业的 logo、文字标识！

这里公子就以图标为例，素材就是从分享给你们的图标库内随便找的一个！公子个人的图标库分享给你们

不管是 logo、icon 还是文字，因为其他元素都是一个立体的效果，所以要记得设置三维旋转！

以上这个立体感的 PPT 页面就制作完成了

在最后我们涉及到了三维旋转的设置，这就是我要讲的第三部分！

03

利用三维旋转

在 PPT 中，除了利用拼接来制造空间立体感，还有一个方法是比较常见的，那就是设置三维旋转。

比较多用来设置文字或平面自定义形状，比如以下这个页面：

几个长方体和它的「发光」效果，到这儿就不用公子细讲了吧，与前面介绍的方法是一致的

重点是最右侧的部分，我们先来看一下它的真实面目，其实就是渐变矩形和渐变线条的一个组合。

把你希望展示的部分制作好后，分别组合，然后置于一个合理的位置，设置三维旋转，记得一定要先组合！

三维旋转的各参数其实并不难理解，X 轴、Y 轴、Z 轴，如果你几何学的好，就更容易驾驭一些。

以上就是我利用 PPT 做出的空间立体感效果，方法其实都不难，只是需要我们换个思维来考虑问题，不能一蹴而就，我们就拆解着来！

其实以上除了技术配置，还隐藏了一个难点，那就是渐变的颜色搭配！

如果颜色搭配不合理，那可能我们的立体效果就做不到「以假乱真」，这部分需要日积月累的去看去练啦~

这组作品相对简单一些，因为模仿了 Manuel Rovira 的网页设计，我们完全是可以在大师的肩膀上进行再创造的！

下期再见啦~

新店开张19.9 惊喜特惠

戳上图抢先下手！