编辑:[db:作者] 时间:2024-08-25 01:48:40
Hello,大家好,我是利兄~
昨天晚上,苹果开了一年一度的秋季发布会,不知道大家有没有看!
作为一名科技产品爱好者,而且还是PPT设计师,自然没有错过!
本次发布会,发布了有名已久“十三喷鼻香”—IPhone 13,以及mini,pro,Max平分歧大小的系列产品。
熬夜看完了发布会,除了对产品感兴趣,我更多的关注的是里面一些PPT页面的设计。
由于苹果发布会的PPT/Keynote设计,每年都会给我一些惊喜。
今年有下面这几个动画,我以为非常故意思,一起来看看。
01
滚动照片墙动画
首先第一个我们要说的是下面这个滚动照片墙的动画。
由于这个动画效果运用很广,图片多就可以用!
这里包含两个动画效果。
底部的小图向左滚动是路径动画
上面大图是缩放动画
关于滚动动画,我们之前做过一个类似的,便是下面这个。
效果如下图所示:
这个实在也是同样的方法,我准备好素材,也便是一些海报图片,排版工致。
然后,将每一行的所有图片组合一下(快捷键Ctrl+G)
然后,给第一第三行设置向左的直线路径动画。速率调的慢一些,以是持续时长就长一点。
详细可以看动图。
效果设置:
1、动画持续时长这里,我们持续调成10秒,慢一点。
2、然后选中动画,打开右键打开动画效果选项,把平滑开始和结束都设置为0秒。
3、设置两个动画同时进行。
设置好之后,我们来看一下效果。
接下来,我们讲到详细的电影的时候,再插入一个电影海报,用一个缩放的进入动画。
于此同时,用一个蒙版挡住背景的图片墙,蒙版用淡化动画就可以了。
接下来,我们讲到详细的电影的时候,再插入一个电影海报,用一个缩放的进入动画。
于此同时,用一个蒙版挡住背景的图片墙,蒙版用淡化动画就可以了。
详细看一下动画窗格
02
移动放大动画
这个动画特殊酷,本来用的是一个图片墙的一个效果。
然后用过滚动动画,将重点进行放大。
那么想这样一个效果,该如何实现呢?
我们先将图片排版好,以每一列为单位,组合一下。
然后为了错落有致,像下图这样进行一个排版。
这里我们用的动画是平滑切换的效果。
然后复制一页,将手机放大。
位置调度一下,原来在上面的调度到下面,下面的调度到上面。
只保留三个手机在页面内,别的在版面外。
把稳玄色区域是版面内
末了给这一页添加一个平滑动画,就可以得到这样一个效果。
末了呈现的便是这样一个效果。
03
声音扩散动画
这个动画在一些发布会中常常会看到,非常酷,这个效果是如何制作的呢?
我们做了一个类似的效果,是不是差不多。
我们先做一个圆,这里的圆用的是一个射线渐变效果,一侧向另一侧的渐变,然后调度透明度。
设置好之后,旋转一下。
然后我们复制粘贴为图片,得到这样一个效果。
接下来,我们要做动画,用的是Islide的插件的平滑过渡。
我们先选中小圆, 然后同时选中大圆,然后点击islide的平滑过渡。
然后选中动画,右键设置动画效果选项,设置重复播放直到结束。
而案例中是有多个,而且是连续的。
选中大圆和小圆,多复制几个,这几个肯定也是设置好了平滑动画。
解析来,我们设置延迟效果,由于全体动画持续韶光是2秒,为了恰好一个周期。
第二组是延迟个0.5秒。
第三组延迟1秒
第四组延迟1.5秒
这样,第一组重复的时候,恰好接上第四组。(多理解一下)
这样左侧就可以得到这样的一个效果。
其余一侧也是相同的方法。
我们末了可以得到这样一个效果。
这个动画一定要动手做,否则不好理解。
以上便是本日的紧张内容,希望大家喜好。
本文完
本站所发布的文字与图片素材为非商业目的改编或整理,版权归原作者所有,如侵权或涉及违法,请联系我们删除,如需转载请保留原文地址:http://www.baanla.com/xyj/68551.html
Copyright 2005-20203 www.baidu.com 版权所有 | 琼ICP备2023011765号-4 | 统计代码
声明:本站所有内容均只可用于学习参考,信息与图片素材来源于互联网,如内容侵权与违规,请与本站联系,将在三个工作日内处理,联系邮箱:123456789@qq.com