Keynote小动画#03-文字扫光动画

2017-06-20 江杰 玩转Keynote

Keynote小动画#03-文字扫光动画_第1张图片

这次我们要讲的是文字扫光动画,这个动画主要是用于强调文字内容。
效果如下:


Keynote小动画#03-文字扫光动画_第2张图片

这个动画实现的其实是就遮罩动画的一种用法。

我们先看第一种方法:
先绘制一个充满画布的色块,然后把文字输入上去。

Keynote小动画#03-文字扫光动画_第3张图片

第二步,把该页面导出成图片


Keynote小动画#03-文字扫光动画_第4张图片

第三部,把该图片导入到keynote,并调整大小,使其充满整个画布。并使用Alpha工具删去字体部分,使得字体部分镂空。如下图所示:


Keynote小动画#03-文字扫光动画_第5张图片

但是使用这种方式,比较难以控制的是alpha的容差,这容易导致抠出来的文字不规整,有些不应该删去的地方也被删去了。

所以我们可以考虑第二种方法,这个方法的前提是要求电脑有装PPT。
在PPT里面,文字和形状对象可以直接使用布尔运算。使用合并运算后,可以得到很漂亮的镂空图形,因为是形状对象,所以图形可以任何变化颜色。

Keynote小动画#03-文字扫光动画_第6张图片

组合运算后,得到的图形如下:


Keynote小动画#03-文字扫光动画_第7张图片

接着把该PPT文件存档,然后使用keynote打开,即可直接使用。

做完镂空图形后,把背景色改成黑色,然后绘制一个浅灰色到白色的渐变长条色块。


Keynote小动画#03-文字扫光动画_第8张图片

接着给长条色块添加移动动画


Keynote小动画#03-文字扫光动画_第9张图片

然后把长条色块置于镂空色块的底层


Keynote小动画#03-文字扫光动画_第10张图片

动画至此就完成了,效果如下


Keynote小动画#03-文字扫光动画_第11张图片

然后大家思考下,下面的动画是实现的


Keynote小动画#03-文字扫光动画_第12张图片

好了,今天的文章就到这~
感谢观看!

Keynote小动画#03-文字扫光动画_第13张图片

你可能感兴趣的:(Keynote小动画#03-文字扫光动画)