抖音黑客代码教程简单（黑客帝国代码雨编程）

《黑客帝国》系列电影中有一个场景非常引人注目，那就是众所周知的“代码雨”效果。这种效果甚至在设计圈也很流行，很多大师都在用Photoshop、AfterEffects、Illustrator等软件复制它。

据说，在拍摄制作该系列电影时，虽然当时的电脑CG技术不如现在，但花费了大量的资金、人力和时间。整体拍摄成本达到6000万美元。

今天的内容是我们外部教程的第三篇。我们来看看，如何在不使用如此高的人力和技术成本，仅使用PPT的情况下，制作出《黑客帝国》中炫酷的代码雨效果。

老规矩，看一下用PPT重现的效果图：

好的，让我们开始我们的复制过程。流程的最后，有对实现这个效果的原理的解释。

1.将幻灯片页面背景填充为黑色：

2.在页面中插入文本框并输入相关字符。角色颜色为白色。我插入了一个水平文本框，并在每个字符后按Enter键，将其变成细长的矩形。这里的许多字符无法使用键盘输入。我使用“插入”选项卡中的“符号”按钮并选择相应的字体来插入这些字符。

3.输入字符后，如下图红框所示对齐：

4、使用OK插件的“全屏矩形”插入一个矩形，并将其放置在刚刚插入的文本框下方：

5、首先选中插入的全屏矩形，然后点击文本框，在布尔运算中选择“剪切”，将全屏矩形的中间挖空。这个空心全屏矩形可以在“选择”面板中命名为“代码”。

6.镂空后，由于我们将背景颜色设置为黑色，因此镂空的文字现在看起来是黑色的：

如果我们将背景颜色更改为白色，这些空心文本将看起来是白色的：

7、在页面中间插入一个新的矩形，宽度略大于空心文本的宽度，并将其设置为更亮的绿色。在“选择”面板中将其命名为“绿色”：

然后把这个矩形放在全屏矩形下面：

8.用渐变填充这个细长矩形，如下所示：

左边第一个渐变光圈：位置0%，亮绿色，透明度100%；

中间第二个渐变光圈：位置85%，亮绿色，透明度不变；

右侧第三个渐变光圈：位置100%，白色，透明度不变。

9.选择空心全屏矩形并将填充更改为黑色：

10、调整细长矩形的位置，使其上端与全屏矩形的下端重合，并将其置于中心：

11、为细长矩形添加“飞入”动画，并设置参数如下图：

12、以上步骤完成后，我们的一个动画效果就完成了。但是源效果有很多字符滚动，所以我们需要设置几次。

再插入几个垂直的文本框，输入文字，并改变文本框的位置，不要全部对齐：

13、和之前一样，对新插入的文本框和全屏矩形进行布尔运算，让全屏矩形显得更加空心。同时，将亮绿色矩形复制几次：

14、此时，复制的亮绿色矩形的动画同时开始。为了获得更好的效果，它们的启动时间应该有一定的延迟，所以在动画面板中调整它们的延迟：

这样设置好后，在播放页面时，就会出现本文开头的效果。

好了，总体步骤就是这些了。我们来解释一下它的逻辑。请看下图：

该效果由以上三层组成：

最上面一层是黑色镂空文字层，中间是亮绿色矩形层，最下面一层是黑色背景层。

该动画中唯一移动的元素是中间的亮绿色矩形，顶部的空心文本层不会移动。当亮绿色的矩形穿过上面的空心字符时，就会显示相应的颜色。经过某个字符后，空心字符会显示底层背景层的颜色。但由于背景层也是黑色的，所以看起来它已经消失了。在效果中，字符将显示为白色，来自亮绿色矩形底部的白色区域。

这就是动画的原理。

这个效果和之前的效果是一样的。看起来很复杂，操作实际上需要十几步，但实际上是非常简单的单步操作。如果说这种动画“难”的话，可能是在单步操作的综合运用上比较困难。

好了，整个动画设置步骤和原理逻辑就这样了。每个人都“浪费时间”吗？

和之前一样，我已经准备好了源文件。请按照以下步骤获取：

结尾

————一分钟了解@slashfrontline————

远不止PPT，从PPT开始，不只是PowerPoint，我是斜线前线。

如果喜欢我的文章，请记得关注我。我是一个知识渊博、有趣的演讲者，不会让你失望的~