想要点燃全场？你需要用到“遮罩+动画”技巧

原标题：想要点燃全场？你需要用到“遮罩+动画”技巧

这是猫小默第182篇文章

上一周，在大侦探皮卡丘上映的第一天，我就迫不及待地去了电影院观看。

简直要被真人版皮卡丘迷死了！！！全程无尿点，结局反转再反转。

这个由人类手中创作出来的神奇宝贝世界，仿佛真的拥有特别的魔力。我喜欢它们可爱的外表，更喜欢它们与人类之间的亲密关系——彼此信任、共同成长。

今天，是#每周动画模仿训练#的第三期，我也跟大家介绍一个有点反转的动画，使用这个技巧，可以模拟出游戏页面的效果。

素材来自pokemongo官网

到底是什么动画？

下面就为你揭晓。

1

出人意料的遮罩动画

遮罩动画，顾名思义，是指运用遮罩制作而成的动画。一般情况下，是遮罩层静止不动，而被遮罩层中的内容在动。

比较常见的方式是先制作文字镂空遮罩，然后再遮罩底部放一个视频或动图，比如TED和漫威系列电影的开场动画。

TED演讲视频

钢铁侠2电影开头

之前我在做王者荣耀PPT的时候，也模仿着在结尾处做了一个类似的动画效果。

在PPT的【插入】工具中，可以直接插入视频。

当然，遮罩层除了遮挡，有时候也能起到反遮挡的效果，比如下面这个动画。

给文字换一个颜色，大家就能明白了。

反遮挡，即反过来，把遮罩层放在底部，利用颜色的差异显示出内容，一般是遮罩层本身在动，而被遮罩层中的内容保持静止。

了解了遮罩动画的基本原理，我们一起来看看可以怎么用？

2

遮罩动画在PPT中可以怎么用？

在上一部分中，我说遮罩是出人意料的动画，这是因为遮罩层是由我们自己设计的，而观众在看到动画之前，并不知道它的存在。

比如下面这个支付宣传页面，静止的时候，它跟普通页面设计没什么区别。

但是一旦动起来，就有了虚拟现实的扫描效果。

在小米5发布会上，雷军是在介绍UFS技术提高传输数据效率的原理时，展示了这一页PPT，用的也是遮罩。

上面这两个案例都有助于观众理解产品的功能。

那么利用遮罩动画的意外属性，我们还能怎么做？比起静止不动的东西，人们更容易被移动的事物所吸引。

比如凤凰视频的这个加载页面，我们很容易就注意到下面来回移动的进度条。

利用这个特点，遮罩动画可以起到吸引注意力、强调的作用。我们可以把它用在突出的标题上。

或者公司的logo上面。

以上所有案例中，我们所提到的都是“严密”的遮罩层，事实上，在PPT中，还有一种比较常见的遮罩——蒙版。

蒙版的作用相信很多做PPT的同学都了解，它常常用来弱化背景和统一设计风格。

一周进步模仿训练

如果给蒙版添加动画，效果会怎么样？

原本只是用来做背景，被蒙版遮挡的图片，人们能够清楚地看到了。

页面结构，以及更多的设计细节也被展示了出来。

当然，还有一些关于遮罩动画的创意玩法。

列举了那么多案例，终于到了实操环节！

这么好玩的遮罩动画，到底怎么做？

3

怎么制作遮罩动画？

一起看一下这次的模仿案例。

这次操作的知识点一共有3个：

第一步，我们先把需要的素材准备齐全。

1.制作遮罩层：

2.给遮罩层使用幻灯片背景填充，使之与背景一致：

3.制作扫光形状：

第二步，给元素添加动画：（详细操作步骤请下载素材查看演示视频）

第三步，按照顺序设置好动画时间：（详细操作步骤请下载素材查看演示视频）

以上，就是今天的全部内容。

最后，我把模仿练习素材、教程和Pokemongo游戏页面的源文件分享出来，感兴趣的同学可回复关键词下载：

关键词：遮罩动画

责任编辑：