苹果发布会都在用的精巧小动画,手把手教你制作出来!

基础入门4年前 (2021)更新 PK阿锴
1,734 0 1
苹果发布会都在用的精巧小动画,手把手教你制作出来!
嗨大家好,我是阿锴。
最近各大手机厂商发布会频发,在感叹大厂简约美观的设计之余,发布会上各个精巧动画的使用,亦是值得我们学习。
这篇文章呢,就跟大家分享3个制作简单,但非常实用美观的PPT动画,我会尽可能详尽地写出制作过程,希望你看完后也能动手做出来。
一般来说,动画效果的制作,主要分为3个过程:制作素材-添加动画-调试细节。
下边的教程说明也会按照这个顺序进行。
 
01闪烁动画
logo出现时,附带一个光晕效果辅助展示。
苹果发布会都在用的精巧小动画,手把手教你制作出来!

 

这个动画在最近的苹果发布会中就有出现。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
具体怎么做的呢?
首先排版好需要的素材。
 
苹果发布会都在用的精巧小动画,手把手教你制作出来!

 

而后制作闪光的光晕效果,我们可以在PPT里用渐变做出来,想要更好的效果也可以去找一些光效素材。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
到这一步素材制作完成,接着添加动画,用到的有「淡出」、「放大/缩小」这两个动画。
 
苹果发布会都在用的精巧小动画,手把手教你制作出来!
首先,对logo素材添加「放大/缩小」的动画效果,时间持续3s,缩放大小设置15%的幅度。
 
苹果发布会都在用的精巧小动画,手把手教你制作出来!
这里有一个小细节,「PK」字样和「X」是拆开来加动画的,不然缩放的中心和幅度会不太统一。
接着添加炫光的效果,首先增加一个「淡出」效果,时间为1s。
 
苹果发布会都在用的精巧小动画,手把手教你制作出来!
接着增加两个「放大/缩小」效果,一个用于放大,一个用于缩小。「放大」的动画持续2s,「缩小」的动画持续2.5s,延迟2s。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
苹果发布会都在用的精巧小动画,手把手教你制作出来!
苹果发布会都在用的精巧小动画,手把手教你制作出来!
最后,把两个放到一起,就完成了。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
02缩放动画
这个动画在苹果最近的发布会上,用得非常多。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
苹果发布会都在用的精巧小动画,手把手教你制作出来!
我做的动画是这个样子的:
苹果发布会都在用的精巧小动画,手把手教你制作出来!
如何制作的呢?可以拆分为两部分:一个是中心物体的缩放,另一个是四周其他物体的呈现。
缩放的动画,可以有两种制作方法:平滑或者平滑过渡。
平滑大家都有一些了解了,是一些版本比较高的PPT才有的切换效果,在两个PPT页面里放置同一元素,调成不同的大小,把切换效果设置为「平滑」,即可看到效果。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
完成后效果如下:
苹果发布会都在用的精巧小动画,手把手教你制作出来!
如若没有,则可以用平滑过渡替代,平滑过渡是islide插件中的一个免费功能,
苹果发布会都在用的精巧小动画,手把手教你制作出来!
‍做法是复制一层新的,先点选大的,再点选小的,而后在iSlide「扩展」-「平滑过渡」应用功能。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
而后便是其他元素进场的动画,这个其实很简单,只需要排列好素材,然后添加「缩放」动画就可以了。
唯一的复杂的点,在于如何让其他元素按照打乱的顺序进入,这主要靠调节动画的延迟时间实现。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
要想设置随机的延迟,简单点可以手动设置,按照自己想要的数值来。
但如果元素太多,逐个设置难免太笨拙,那有没有进阶一点的用法呢?
有的,借助iSlide插件「扩展」-「序列化」功能,一键设置。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
点开功能窗口后,先点左上角的框框,全选页面中所有动画,统一设置。
在右边的参数设置窗口里,选择「延迟时间」、「随机序列」等,并且设置好随机参数的变动区间。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
设置完点击下方「应用」按钮,即可完成。
再看一遍动画。。
苹果发布会都在用的精巧小动画,手把手教你制作出来!
另外,我还做了一个闪光的效果,很是精巧别致,但由于篇幅的原因,制作方法,就放到下次再讲了,卖个关子,但会把源文件发放出来。
 
苹果发布会都在用的精巧小动画,手把手教你制作出来!
在公众号后台回复:精巧动画,便能获得文章中的案例动画源文件。
如若文章对你有所收获,还请多多分享转发,点个「在看」,感激不尽。
本文完。

——
公众号:PK阿锴
原文链接:苹果发布会都在用的精巧小动画,手把手教你制作出来!

© 版权声明

相关文章