看完N场发布会,才发现这个动画最牛!

发布一下 0 0
看完N场发布会,才发现这个动画最牛!


Hello,大家好,我是薛海。

今天给大家分享一个神奇的动画效果------遮罩动画


我们先来看一下案例你就知道了:


看完N场发布会,才发现这个动画最牛!


像这种文字光泽的动画,在很多大厂的发布会中经常会见到:


看完N场发布会,才发现这个动画最牛!


那么这种像光扫过一样的效果,到底是如何制作出来的呢?


其实原理非常简单,我们只需要一个镂空的遮罩和颜色层,然后让底部颜色移动即可:


看完N场发布会,才发现这个动画最牛!


下面我将详细给大家分解一下操作步骤。



01 制作镂空遮罩


首先我们以华为logo为例,插入一个矢量的logo形状和一个矩形。


看完N场发布会,才发现这个动画最牛!


先选中形状,再选中logo,点击合并形状中的【剪除】:


看完N场发布会,才发现这个动画最牛!


这样就得到了一个形状遮罩了。



02 制作底部颜色


底部颜色就是几个渐变颜色的矩形拼接在一起组成的,颜色由深到浅模拟光源:


看完N场发布会,才发现这个动画最牛!


然后将做好的颜色形状置于底层。


看完N场发布会,才发现这个动画最牛!



03 添加动画


给底部颜色添加一个向右的路径动画:


看完N场发布会,才发现这个动画最牛!


开始设置为【与上一动画同时】,时间为【2秒】,重复为【直到幻灯片末尾】:


看完N场发布会,才发现这个动画最牛!


点击幻灯片放映,就会出现扫光的效果啦。


看完N场发布会,才发现这个动画最牛!


我们还可以把底部颜色倾斜一下,让其路径也调整为倾斜


看完N场发布会,才发现这个动画最牛!


点击放映就会得到一个 更加灵动的扫光效果了:


看完N场发布会,才发现这个动画最牛!



04 案例延展


底部颜色除了左右位移,我们还可以添加一个陀螺旋动画:


看完N场发布会,才发现这个动画最牛!


动画参数设置如下:


看完N场发布会,才发现这个动画最牛!


然后置于镂空遮罩的下方,就会得到一个旋转光效的动画效果了:


看完N场发布会,才发现这个动画最牛!


除此之外,我们还可以在PPT中结合遮罩和图片做出这样的效果:


看完N场发布会,才发现这个动画最牛!


方法也很简单:

首先绘制一个不规则的形状和一个大过页面的圆形

两者进行布尔运算,做出遮罩:


看完N场发布会,才发现这个动画最牛!


然后给圆形设置陀螺旋动画:


看完N场发布会,才发现这个动画最牛!


最后再插入一张图片置于底层,放上文字就完成了。


看完N场发布会,才发现这个动画最牛!


点击放映,就会得到一个炫酷的效果了。


看完N场发布会,才发现这个动画最牛!


使用镂空遮罩,我们还可以实现图片轮播的效果


看完N场发布会,才发现这个动画最牛!


相信到这里,大家应该都知道怎么做了吧。


其实就是将样机和底部形状都做了镂空,在底部插入了图片。


看完N场发布会,才发现这个动画最牛!


然后复制两个幻灯片,依次移动图片。


看完N场发布会,才发现这个动画最牛!

看完N场发布会,才发现这个动画最牛!


最后再添加一个平滑切换就做好了。


看完N场发布会,才发现这个动画最牛!


以上就是今天的所有内容了。

我是薛海,期待我们下期见!

版权声明:内容来源于互联网和用户投稿 如有侵权请联系删除

本文地址:http://0561fc.cn/200323.html