如何在PPT中实现动画效果(附动画演示教程)
今天和大家分享一个图片动画效果。
开始教程之前,我们来看一个动图,思考一下,这样的动画效果,在PPT中是如何实现的~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
怎么样,这个动画是不是还不错啊,有人知道这个效果如何制作的吗?(这个不是路径动画,也不是飞入动画哦。)
这个动画看着好像很高,但是这个动画制作起来却是非常的简单(版本要求2019和365)
我们先来分析一下这个图片动画,图片从黑白变成彩色,那我们就分别准备这两张图片。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
接下来我们将两张图片重叠在一起,彩色图片放置在黑白图片的上方,并复制一页相同的幻灯片。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
裁剪第一页幻灯片的彩色图片,把画布内的彩色图片都裁剪掉,第二张保持不动。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
蕞后,将两页幻灯片的切换动画改为“平滑”,这样就能实现图片的“上色”动画了。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
是不是非常的简单,一看就会,无脑操作~
原理也非常的简单,就是利用的“平滑切换”这个功能,将两张彩图进行过渡处理。
同样的道理,如果1、2两张彩色图片左右各留一小部分。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
那么展现出的动画效果就是,一条彩图在PPT中间飞过~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
只要有“平滑”切换1、2两张的图片都能实现过渡,这个与图片的“形状”和“颜色”没有关系。
知道这个道理,我们就能更改图片的“形状”或者“艺术效果”了。
我们可以将图片改为圆形,让其从中间向四周扩散~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
换个图片的艺术效果,也能制作出这样的效果。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
这种图片的处理方式,在PPT中有哪些运用呢?
01、人物介绍的使用
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
这里的人物是被单独抠出的,他的图层是在蕞上方的。(上篇文章有讲)
上面的人物介绍是背景在移动,我们还可以将背景固定住,让人物之间发生过渡。
首先,用背景图和圆形色块进行“布尔运算”,得到三个头部图片。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
然后设置背景的艺术效果为“虚化”,并复制三张一样的幻灯片。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
接下来就是将PPT之间的切换效果改为“平滑”,来看一下整体的效果~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
这样的人物介绍是不是蛮有趣的~
02、页面介绍的使用
这个与人物介绍有点类似,但是多了一个放大的效果,可以用在产品细节上的介绍。
举个简单的例子~
来看一下这幅《虎啸山林》的图片~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
图片来自站酷“猫小兜动漫影视”
介绍这张图片某个细节时,如果图片能与人形成互动,那效果就会很棒。
比如我们介绍老虎凶恶的眼神时,可以将眼睛部分放大,介绍锋利的牙齿时,可以将牙齿放大,以此类推~
制作步骤:
首先准备两张《虎啸山林》的图片(一大一小)
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
将大的图片与圆用布尔运算的方式裁剪出要展示的几个部位。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
将裁剪好的图片用一个放大镜装饰一下。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
然后将这三个部位分别放在三张PPT中~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
蕞后设置一下平滑动画即可。
出来的效果是这样的~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
同样的方式,也可以制作出这样放大产品细节的PPT
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
03、产品切换的使用
来看一下这样的手机产品图片的更换。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
手机的产品的颜色有一个很明显的变化过程。
像这样的效果制作起来也蛮简单的~
首先准备几张一样大小的手机图片。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
案例中的颜色过渡,其实就是图片之间的过渡。
我们将手机,分别放入不同的幻灯片中,注意相邻的幻灯片里的手机要一样。
如果1是白色,2是红色,3是绿色,那么1就要放上白、红两部手机,2就要放上白、红、绿三部手机,3就放红、绿两部手机。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
接下来就是对图片进行裁剪,
首先是1,这页我们要保留的是白色手机,所以我们将红色的手机裁剪成看不见的大小。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
接下来是2,这页我们要保留的是红色的手机,所以我们将白色和绿色手机都剪成看不见的大小。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
接下来是3,这页我们要保留绿色手机,只要裁剪红色手机就行。
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
蕞后将切换调为“平滑”~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
就能实现这样的图片变换效果了~
![PPT里的图片,居然能自动上色,长见识了](https://www.shengxinwang.net/wp-content/themes/module/themer/assets/images/lazy.png)
好啦,以上就是今天的全部内容了。
免责声明
版权声明:本文内容由网友上传(或整理自网络),原作者已无法考证,版权归原作者所有。省心文案网免费发布仅供学习参考,其观点不代表本站立场,本站不承担任何法律责任!