「PPT教程」你相信这是用PPT做出的科技风吗

经常有“病友”和公子说
可不可以做一版科技风的PPT
但奈何投票总是不给力
于是我就想借着写教程的机会
给你们来个酷的

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

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

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

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

所以你想试试吗

—我是分割线—

基本形状——圆角长方体

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

还记得公子在空间立体感那篇教程中，教给你们的方法吗，拼接！

但这里有个区别，我们稍后就会发现！首先肯定是要插入三个圆角矩形。

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

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

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

把三个圆角矩形分别进行旋转后，拼接在一起。进行到这里，和空间立体感的操作一致

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

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

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

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

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

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

—我是分割线—

利用圆角长方体设计“数据库”

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

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

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

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

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

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

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

这个方法公子经常用到，你们应该不陌生。

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

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

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

—我是分割线—

如何进行镂空处理

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

如果你已经练习过公子那篇空间立体感的教程，那对于以上这个效果，你至少应该做到80%或以上！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后我们要处理的是发光部分，因为公子之前有详细拆解过，这里就以最外层的为例再简单讲一遍。

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

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

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

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

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

—我是分割线—

周边的设计小心思

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

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

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

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

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

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

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

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

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

如果你能设计出这样一份幻灯片
我想领导至少该给你加份鸡腿才行

今天的公子是不是依然很酷
不过话说什么时候交作业呢
别跑
说的就是你

—往期优质教程回顾—

OK
那今天就这样了
Good Luck

—如果喜欢公子的设计—
记得「星标置顶」和点「在看」

「PPT教程」 你相信这是用PPT做出的科技风吗

「PPT教程」你相信这是用PPT做出的科技风吗