6月4日,也就在今天凌晨1点钟,苹果爸爸又开发布会(WWDC)了!虽然这次没有发布任何硬件产品,但为我们带来了全新的iOS/watchOS/tvOS/macOS。相比“平淡无奇”内容,发布会的keynote动画设计可谓是惊艳全场,甚至有种看完让人身心愉悦的效果。

WWDC 全球开发者大会
为什么苹果的动画这么厉害?
在这篇文章里,我整理出了发布会keynote上用到的6种惊艳动画效果,先马后看!
1.每章节3D动画开场


发布会的主题围绕iOS/warchOS/tvOS/macOS来展开,每章节的3D动画是我最喜欢的部分,视觉震撼力不言自明,在PPT更新3D功能之后,也能模仿制作出类似的效果。

PPT-3D使用教程:这一招,带你的PPT突破天际!
想要得到更好的视觉体验,很大程度上还需借助C4d等专业建模工具。

C4d入门:零基础自学C4D?不妨从这里开始
2.神奇移动(平滑)




说到神奇移动这项功能,无非就是在两个页面之间可以让相同的元素可以无缝移动,实现流畅的转场效果。现在Office也拥有了这项功能,效果不难实现。
制作过程:只需要在两个页面摆好相同元素的位置,第二页选择切换方式为平滑,即可自动实现平滑移动。


3.简单却不简陋的图表动画


苹果对图表的展示做了一次教科书般的示范,纯色背景+单色(渐变色)图表,去掉了所有的数据标签,反而看起来更加简洁,富有科技感。
制作过程也并不复杂:用自带的曲线工具勾勒出图表的外形,将图表设置为渐变色填充,加上从左至右的擦除动画即可。

4.黑色文字蒙版


在需要同时展示大图和文字时,不妨在图片上设置一层黑色的蒙版,相当于给图片盖上了一层“面纱”,这样在展示图片的同时又能看清文字部分。
制作过程:在图片上新建矩形,设置为黑色填充(透明度10-30%),再加上文字,设置矩形和文字的动画顺序即可实现。

5.动态icon的使用

动态icon的设计也是本次发布会的亮点之一,可以体会到苹果对细节满满的诚意。在PPT中的实现方法稍稍复杂,需要用到其他动画软件(如AE)进行渲染导出,转换为gif格式后插入PPT就可以实现类似的效果!
6.插入视频背景

相比“略显死板”的平面背景,高质量视频的使用也可以提升演示的品质感。视频可以直接插入PPT作为背景使用,这里提供给同学们几个免费的高清视频素材网站:

2.Free HD Stock Video & HD Video Clips

3.Mazwai

本文首发于知乎专栏:做生活的设计师
微信订阅号:观海PPT
订阅号回复“苹果”领取专属模板
网友评论
百度 “Aladeng” 阿拉灯 Aladeng
http://www.lgwimonday.cn/officestudy/ppt