这是猫小默第182篇文章
上一周,在大侦探皮卡丘上映的第一天,我就迫不及待地去了电影院观看。
简直要被真人版皮卡丘迷死了!!!全程无尿点,结局反转再反转。
这个由人类手中创作出来的神奇宝贝世界,仿佛真的拥有特别的魔力。我喜欢它们可爱的外表,更喜欢它们与人类之间的亲密关系——彼此信任、共同成长。
今天,是#每周动画模仿训练#的第三期,我也跟大家介绍一个有点反转的动画,使用这个技巧,可以模拟出游戏页面的效果。
素材来自pokemongo官网
到底是什么动画?
下面就为你揭晓。
1
出人意料的遮罩动画
遮罩动画,顾名思义,是指运用遮罩制作而成的动画。一般情况下,是遮罩层静止不动,而被遮罩层中的内容在动。
比较常见的方式是先制作文字镂空遮罩,然后再遮罩底部放一个视频或动图,比如TED和漫威系列电影的开场动画。
TED演讲视频
钢铁侠2电影开头
之前我在做王者荣耀PPT的时候,也模仿着在结尾处做了一个类似的动画效果。
在PPT的【插入】工具中,可以直接插入视频。
当然,遮罩层除了遮挡,有时候也能起到反遮挡的效果,比如下面这个动画。
给文字换一个颜色,大家就能明白了。
反遮挡,即反过来,把遮罩层放在底部,利用颜色的差异显示出内容,一般是遮罩层本身在动,而被遮罩层中的内容保持静止。
了解了遮罩动画的基本原理,我们一起来看看可以怎么用?
2
遮罩动画在PPT中可以怎么用?
在上一部分中,我说遮罩是出人意料的动画,这是因为遮罩层是由我们自己设计的,而观众在看到动画之前,并不知道它的存在。
比如下面这个支付宣传页面,静止的时候,它跟普通页面设计没什么区别。
但是一旦动起来,就有了虚拟现实的扫描效果。
在小米5发布会上,雷军是在介绍UFS技术提高传输数据效率的原理时,展示了这一页PPT,用的也是遮罩。
上面这两个案例都有助于观众理解产品的功能。
那么利用遮罩动画的意外属性,我们还能怎么做?比起静止不动的东西,人们更容易被移动的事物所吸引。
比如凤凰视频的这个加载页面,我们很容易就注意到下面来回移动的进度条。
利用这个特点,遮罩动画可以起到吸引注意力、强调的作用。我们可以把它用在突出的标题上。
或者公司的logo上面。
以上所有案例中,我们所提到的都是“严密”的遮罩层,事实上,在PPT中,还有一种比较常见的遮罩——蒙版。
蒙版的作用相信很多做PPT的同学都了解,它常常用来弱化背景和统一设计风格。
一周进步模仿训练
如果给蒙版添加动画,效果会怎么样?
原本只是用来做背景,被蒙版遮挡的图片,人们能够清楚地看到了。
页面结构,以及更多的设计细节也被展示了出来。
当然,还有一些关于遮罩动画的创意玩法。
列举了那么多案例,终于到了实操环节!
这么好玩的遮罩动画,到底怎么做?
3
怎么制作遮罩动画?
一起看一下这次的模仿案例。
这次操作的知识点一共有3个:
第一步,我们先把需要的素材准备齐全。
1.制作遮罩层:
2.给遮罩层使用幻灯片背景填充,使之与背景一致:
3.制作扫光形状:
第二步,给元素添加动画:(详细操作步骤请下载素材查看演示视频)
第三步,按照顺序设置好动画时间:(详细操作步骤请下载素材查看演示视频)
以上,就是今天的全部内容。
最后,我把模仿练习素材、教程和Pokemongo游戏页面的源文件分享出来,感兴趣的同学可回复关键词下载:
关键词:遮罩动画
责任编辑: