你敢相信？这居然是用PPT做出的科技风作品！

大家好，我是秋小叶~

近些年，发布会上大多用科技风 PPT，炫酷、动感的光线粒子，总能给人留下深刻的印象。

今天我们继续探讨科技风 PPT 的制作方法，但今天要分享的科技风 PPT 教程和往常不大一样。它把页面中的效果都一一做了分步拆解，跟着动手就会有很大收获呦

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

你们都见过什么样的科技感 PPT 呢？多半应该是靠发光线条粒子或借助图片内容，还有星球也应该算是一类。

前几天我偶然看到，Anggit Yuniar Pradito 设计的网页，有点数据流的意思。于是就用 PPT 模仿了一下，我个人是非常满意的。

以上这页所有部分都是在 PPT 内完成，不涉及任何图片。

大致包含了以下几种形状组合，加以不同的排版，足以撑起一份完整的科技风 PPT。

所以你想试试吗？

01
基本形状——圆角长方体

首先我们解决的是一个基本问题，页面中反复出现的圆角长方体！

方法就是拼接！

但这里有个问题，我们稍后就会发现！首先要插入三个圆角矩形。

这里和部分小白说一下每个圆角矩形的左上方，都有一个黄色控点，是可以调节弧度的。

立方体每个面的渐变颜色，如果把控不好，可以从我的案例中来取色！

接下来我们还是要利用到三维旋转：

PS：截图参数看不清，可点击放大图片查看，下同

把三个圆角矩形分别进行旋转后，拼接在一起。

但我们明显发现一个问题，左右两个面不是平滑过渡，如何解决这个问题呢，很简单！

我们插入一个稍微小一些的圆角矩形，然后把黄色控点拉到最大值。

它其实就是一个「补丁」的作用，所以对于这个小的圆角矩形，最重要的是渐变处理！

渐变中的两个光圈，分别要从左右两个面的矩形中取色，而且是尽量靠近这个「补丁」的位置。

这时候就体现版本的重要性了，如果你是 Office2016 及以上，就可以直接用 PPT 的取色器，否则就要截图截取色号。

到这里，基本形状——圆角长方体就制作完成了！后面的很多组合，都要以此为基础。

02
利用圆角长方体设计「数据库」

因为我们已经解决了基本形状的搭建，所以在此基础上做出以下几种组合就不难了！

先从第一个「数据库」样式开始，其实很简单，插入几个不同的自定义形状，分别设置三维旋转。

其实它们的旋转角度和它们所在面的旋转角度是完全一致的！

如果你想更精致更逼真一些，可以在此基础上分别给它们加一些内部阴影或柔化边缘。

这样第一个「数据库」样式我们就完成了，在添加内部阴影的时候，可以先选择一个预设角度，然后再根据实际情况去调节！

其实我们制作好第一个样式后，接下来就不需要我再细讲了，道理都是一样的，只不过是添加的自定义形状或元素不同罢了。

比如第二个「数据库」是两个圆角长方体的堆叠，中间的发光部分则是设置了柔化边缘的一个圆角矩形。

第三个样式，我只把上方发光矩形的各个参数，给你们作为参考。

我在教程中所有给你们的参数，更多的是作为一个参考，因为根据你插入形状的大小，参数一定会有所变化！

所以记住的是方法，而不是数值！当然我还是会把教程细化到每一步，先从模仿开始也是一个学习的途径！

03
如何进行镂空处理

接下来我要讲的涉及到如何给图形做镂空处理，其实原理万变不离其宗......

我们先插入两个居中对齐的椭圆，渐变如果把控不好，同样可以参考我的案例，只是千万不要选择一样的渐变搭配！

再插入一个矩形，上下两边对齐两个椭圆的中心线。

然后下方的椭圆与这个矩形进行合并形状

如此我们就得到了一个圆柱体，可能有人会问我为什么不直接选择 PPT 内的圆柱体呢

我们先来看一下两者的对比：

右侧 PPT 内置的圆柱体，角度和颜色显然都不是我想要的，但最关键的原因还是在接下来的两个步骤！

接下来我要做的是把这个圆柱体「掏空」一部分，插入矩形，这里我为了看得清楚，矩形没有做填充。

用下方我们刚才处理过的自定义形状减除这个矩形。

如此我们就把这个圆柱体「掏空」了一部分，但显然还不够逼真！

我们回到上一步的插入矩形，这次我选择再原位复制一份矩形和下方自定义形状（圆柱体的下半部分），把两个「复制品」进行合并形状——相交。

这样你理解了我在做什么吗，我利用插入矩形减除和相交的两个操作，得到了以下几个部分。

这样我不只「挖空」了圆柱体，还保留了被「挖走」的部分。

接下来就是给被「挖走」的部分，设置渐变填充

也许看上去会比较复杂，其实我做这页设计还不到写这篇教程一半的时间，动手试试就知道了！

为了效果我们可以在上面堆叠几个不同的椭圆，半透明或加线条都可以，这里就没什么好讲的了，注意对齐。

最后我们要处理的是发光部分，这里以最外层的为例再简单讲一遍。

插入一个矩形，下边线与你选择的发光圆中心线对齐，宽度一致。

原位复制一份你选择的这个发光圆，和矩形做合并形状——相交。

合并后的自定义形状设置恰当的渐变填充：

同样的方法可以在里层也做出一个发光效果，这样一个镂空的圆柱体我们就基本完成了！

因为在页面中使用的时候，会有一个传送带的设计，这部分只需要在最底层加一个三维旋转的矩形就可以了，宽度当然要配合镂空的位置。

04
周边的设计小心思

其实以上主体部分已经完成了，为了科技感更强一些，我们可以稍微加点小心思！

这部分涉及到了一个 svg 格式，扁平化的人物形象。

我会在之后为你们整理去哪找这样的素材以及如何运用，所以暂时我们先不要管它！

按照正常的水平垂直角度，制作好类似图表的样式，当然你也可以直接插入图表，这里我为了方便就简单画了画！

然后右键组合，设置三维旋转即可。

至于页面中一些类似「数据流」的部分，线条自然是渐变处理，可能唯一的难点就是矩形下陷。

其实这也是一个内阴影的效果，阴影的颜色建议介于背景与矩形填充色之间。

到这里页面中所有涉及到的部分，我都一一为你们拆解过了，你们是否还觉得有难度呢？

以上我为你们讲解的这些，只要你根据内容不断变换排版和搭配，就足以撑起一份技术流的科技感 PPT。

今天的教程是不是很酷呢？大家记得动手跟着做哦~

好了，如果喜欢这篇的设计，就点「在看」吧！

炫酷科技风 PPT 学得还不过瘾，
想要系统学习 PPT，解决工作中 PPT 制作的各种难题？
给你们推荐《工作型 PPT 应该这样做》课程

限时特惠，立省 30 元！
原价 249 元，现在仅需 219 元！
长按识别二维码，扫码报名

猛戳阅读原文，买课就送3500+页速查手册，
科技风、中国风、学术风、党政风 PPT……全都有，
随查随用，承包你一整年的 PPT！