Keynote小动画#02遮罩运用

在keynote动画中，为了达到预期的动画演示效果，经常需要采用各种各样的障眼法。障眼法用法很多，今天我们来讲其中的一种。

遮罩运用

临时做的动画，有点粗糙，请见谅~
大家有没有好奇，keynote的里面图片移动到哪去了？

你肯定说，既然是在讲遮罩动画，那肯定就是被遮罩给掩盖掉了呗~haha

这次讲的遮罩用法不同于另外一种“打补丁”式的遮罩，打补丁式遮罩一般是用在片色的背景上，如纯白色的背景。

把移动出去的图片用白色的色块遮挡住，这样的处理方式也能达到同样的效果。但是这种做法在图片背景上，就有些困难，因为要把遮挡用的色块制作得完全和背景图片融合有些难以操作。

那上面动画的遮罩是怎么处理的呢？

对背景图片做处理！
因为我们的目的是为了遮住移动出去的图片，所以只要图片在背景图片的图层下方即可，但同时又不能被背景图片给挡住。

那应该如何做？
请思考一下~

思考ing~

~

~

方法就是对背景图片做镂空处理，然后把演示用图片置于背景图片图层下方。演示的时候，图片出现在镂空处，移出去时则被背景图片挡住。

处理方式如下
先在背景图片上需要镂空的地方绘制一个纯色色块。

截图，然后把图片导入到keynote，调整好图片小大，使其充满画布。
接着使用“Alpha”工具，删去白色色块部分。

此时，只要要手机置于最上方，演示用图片置于最底层和镂空的背景图片置于中间层，上图的动画效果就可以实现了。

其中一页的制作画布如下效果

为了更好表达图层之间的关系，我特意把镂空的背景层挪动了一下。
可以看出，三张演示图片都在背景图片下方，手机则在背景图片上方。

举一反三
下面的字体效果如何实现？请动手试试~

今天的文章就到此，感谢观看~
下载本文动画源文件，需要关注“玩转keynote”公众号，在公众号的本文文章下点击“原文链接”，即可下载本文动画源文件。

image.png