循环旋转的图片

循环旋转的图片_第1张图片

本篇涉及两点:

一、 如何用PPT制作GIF动图

二、利用余弦函数实现循环运动

另外:文末有个人原创歌曲(害羞)


来看上篇(动画解析之旋转的图片)留下的疑问。

如何在PPT中实现下图里循环旋转的效果呢?

循环旋转的图片_第2张图片

花道说两种方法:

方法一:Gif动图法

顾名思义,就是将PPT中的动画转换成GIF动图。

由于GIF动图本身带有循环播放的属性,所以我们可以使用GIF录制软件将PPT中的动画直接录制成GIF,然后将其插入到PPT中。

这也是使用PPT制作GIF动图的一种方法,花道之前所发教程中的GIF动图都是用此方法制作的。

具体步骤:

首先,分别对两张图片设置如下的动画

循环旋转的图片_第3张图片

然后将两张图片水平对齐,居中对齐,效果如下

循环旋转的图片_第4张图片

至此,我们在PPT中实现了图片的一次旋转。

接下来只要把这一次旋转的过程用GIF录制软件记录下来,并保存成GIF动图,就OK啦!


下面有请小巧便捷的GIF录制软件登场!

点这获取GIF录制软件 密码: n6je)

“大家好,我是小G(此处可以鼓掌啦)。

多少次前世的抛媚眼,才换来今天短暂的 show time !

我是如何把PPT动画录制成GIF动图的呢?

首先点击录制按钮,选择保存路径(必须是桌面哦),就开始录制了!

录制完成后,点击停止按钮,就完成录制啦。没错,so esay!

循环旋转的图片_第5张图片

然后将录制好的GIF直接插入到PPT中就能自动循环播放喽!

小花花真是投机取巧,想到这种捷径!”

“小G,你妈喊你回家吃饭啦”

“各位,后会有期!”


继续正题,最后的效果,就是下面这样。


循环旋转的图片_第6张图片
循环旋转的图片_第7张图片

注:当然了,在录制的GIF动图中难免会有一些多余的帧,需要用其他的GIF软件删除掉。具体的GIF录制,编辑以及在PPT动画中的应用,后面会有一期专门展开,这里暂不细究,只提供思路。


方法二:借助余弦函数

假设下面这张图片的初始宽度是1(忽略单位),

循环旋转的图片_第8张图片

则该图片在完成一次旋转的过程中(假设旋转一次的时间是1秒),高度不变,宽度变化如下

循环旋转的图片_第9张图片

注意这里只选取了其中五个时刻的值,从图中可以看到,当图片的宽度是 负1时,图片就实现了反转。后面的动画就是利用了这个规律。


OK,接下来掌声欢迎今天的主角——余弦函数登场!(闪灯!撒花!)

y = cos(2*pi*t)(招手的同时,欢呼声渐渐平息……)

“大家好,我是小余,我的人生格言是:人生大起大落,实在是太——刺激啦!

请看我的人生轨迹:

循环旋转的图片_第10张图片

在时间老人从0秒走到1秒的过程中,我从人生的顶峰(1)走到了低谷(0),紧接着又回到顶峰(1)。

哎,看成败,人生豪迈,只不过是从头再来啊。” (掌声雷动!)


Cut!好,小余表现的很好,一次过,不NG。

下面我们把余弦函数的图像与图片宽度的变化做个比较

循环旋转的图片_第11张图片

可以发现,图片完成一次旋转,其宽度的变化过程,恰好与余弦函数一个周期内函数值的变化是一致的,并且二者都是连续变化的。

因此,不同于方法一(需要两张图片),这里我们只需要准备一张图片,并让其宽度按照余弦函数来变化,高度不变,就能实现图片的一次旋转。至于怎么做,可以参照如下。

具体操作:

1.给图片添加退出动画——层叠,持续时间调为1s。

2. 借助PA插件(官网下载: http://www.papocket.com/ ),选中图片,点击动画风暴,将可见性删除,然后设置宽度的属性:

第一帧,时间0,值0,公式

#ppt_w*(cos(2*pi*$));

第二帧,时间1,值1。

详细步骤可参看下面的动图

这样就实现图片的一次旋转啦(仔细观察,会发现图片不是匀速旋转的)。

循环旋转的图片_第12张图片

这时,我们仅使用了一张图片,且只给这张图片添加了一个动画

循环旋转的图片_第13张图片

所以,你想让它重复几次,就直接在动画窗格里设置动画的重复次数就可以啦。

最后,在图片的下面加个椭圆,用动画刷刷成同样的动画,就有了阴影的效果。


循环旋转的图片_第14张图片

好了,本篇到此结束。感谢大家的收听!

阅读原文


下面是自己写的一首歌, 希望大家喜欢。哈哈

《时光》


你可能感兴趣的:(循环旋转的图片)