领导最爱的立体科技风设计，手把手教给你！

大家好，我是周末也不忘学习的秋小叶~

最近一段时间特别流行立体科技风，很多大厂的官网、发布会都喜欢用！

今天就邀请晓公子来做一次分享，手把手教你们如何用 PPT 做出立体科技风！

作者：忘吃药的晓公子

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

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

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

下面几页全是我用 PPT 制作完成：

做出这样的 PPT 其实并不复杂。

PS？AI？C4D？不需要不需要！

今天要做的就是以这几页效果为例，教你们如何用 PPT 做出空间立体感！

01

基本立体形状的制作

首先要给你们拆分的，是这几页都存在的一个基本元素——

立方体。

也是打造这种空间立体感的核心！

如果你用的是 Office 365，那插入一个 3D 立方体是非常简单的。

但你也无法随意更改它的渐变颜色，除非与画图软件相结合！

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

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

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

首先我们插入一个菱形：

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

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

另一边一样的道理~

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

最后，我们为了使效果更逼真，

可以复制一份并缩小置于这个立方体的下层！

因为它的渐变填充都有一定的透明度，所以能展现出渐隐效果！

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

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

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

02

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

我们已经基本了解在 PPT 中「仿立体图形」该如何制作，

那接下来我们就要利用这个方法，做出一页完整的立体页面！

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

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

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

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

▲ 点开大图更清晰

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

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

▲ 点开大图更清晰

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

要提醒你们的是，别忘了给中间的蓝紫色渐变矩形，加一些阴影效果~

我给出的参数你们可以作为参考：

▲ 点开大图更清晰

接下来要制作中间类似椭圆体的「发光源」部分：

你能想到是如何实现的吗......？

没错，还是拼接！

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

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

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

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

▲ 点开大图更清晰

这里你可能想问，为什么不直接给倒数第二个圆设置阴影效果呢？

因为 PPT 本身的阴影是无法设置渐变的！

我们可以用自定义形状来模拟阴影。

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

我们插入一个梯形，让上底与「光源」最上方的圆直径重合：

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

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

接着我们可以在「光」里放一些文字、图形、图标。

这里为了方便，还是选择放前面做过的一组立方体：

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

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

不管是 logo、icon 还是文字，为了体现页面的立体的效果，记得设置三维旋转！

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

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

03

利用三维旋转

在 PPT 中，除了利用拼接来制造空间立体感，还可以用三维旋转！

比如以下这个页面：

右侧其实就是渐变矩形和渐变线条的组合：

把你希望展示的部分制作好后，分别组合，然后置于一个合理的位置。

设置三维旋转，记得一定要先组合！

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

以上就是我利用 PPT 做出的空间立体感效果~

方法其实都不难，只是需要我们换个思维来考虑问题，不能一蹴而就的，我们就拆解着来！

如果你也和小叶一样喜欢这种立体科技风，记得留言告诉我！