一个简单的扁平转场

一个简单的扁平转场

今天来说一个简单的扁平转场,效果如下,

一个简单的扁平转场

上面的案例实际是“个人介绍”的一个片段。

可以看到,第一部分的内容是“我的名字是……”,

一个简单的扁平转场

第二部分的内容是“我的技能是……”。

一个简单的扁平转场

在这两个内容切换的时候,我加了个转场动画,以此增加一些趣味性。

一个简单的扁平转场


下面就来讲如何制作刚才的效果。

注意,接下来我们会借助PPT插件PA(口袋动画),而且你会充分领略到PA在制作PPT动画时的巨大魅力。

可自行搜索下载。下载后安装,重启PPT后可以在菜单栏中找到 “口袋动画”选项卡,证明你安装成功了。

一个简单的扁平转场

首先我们来看案例中的对象组成

仔细观察案例中的效果,你会发现,这个效果中对象可以分为五层,从下到上依次为:“红色背景“,“字体My Name”,“白色矩形”,“红色矩形”,“字体Personal Skill”。

因此我们先按照上述顺序把元素准备好。

一个简单的扁平转场

其中”红色背景“和“My Name”都没有动画,只有”白色矩形”,“红色矩形”和“Personal Skill”有动画效果,而且最重要的是,他们的动画效果实际上都相同。

如下所示,三者实现的效果都是高度从0变为原始大小的效果。

一个简单的扁平转场

如何来实现这一效果呢?下面我们以红色矩形为例。

依次点击“口袋动画”——“盒子版”

,此时便将口袋动画切换到专业版的界面了。

一个简单的扁平转场

选中红色矩形,依次点击“动画风暴”——“添加动画”——“自定义动画”——“添加行为”——“基本属性”——“属性”——“高度”,最后把“动画风暴”的窗口关掉即可,如下图所示,

一个简单的扁平转场

具体操作可参考如下动图

一个简单的扁平转场

这时我们就会在动画窗格中看到刚才添加的动画,

一个简单的扁平转场

播放一下效果看看,

一个简单的扁平转场

没错,正是我们要的效果。

只是动画的持续时间默认为“2s”,有些慢,这里我把“持续时间”调为“0.75s”,开始方式设为“与上一动画同时”

一个简单的扁平转场

要知道,这个效果在PPT中是不存在的,而我们却可以通过PA把它给创造出来,是不是既简单又神奇!

接下来,只需要通过“动画刷”把“红色矩形”的动画复制给“白色矩形”和“Personal Skill”,然后设置“红色矩形”和“Personal Skill”的延迟为“0.25s“,就OK啦。

一个简单的扁平转场


完成案例中的效果后,你就可以在此基础上加以修改,发挥自己的想象力。

比如给第二部分的矩形框单独添加一个“轮子”进入的动画效果,

一个简单的扁平转场

再比如把第一部分背景设为“蓝色”,“红色矩形”设为“紫色”,那就实现了蓝色到紫色的场景转换,像下面这样,

“梦里面,空气开始冒烟,梦里面完美的脸……看我72变”。

一个简单的扁平转场

或者是把背景和“红色矩形”都换成图片也未尝不可,权当图片之间的转场,

一个简单的扁平转场


本篇到此结束,谢谢收看!


分享到:


相關文章: