又到天桥底下说书时间,大家好我是老匹~~
没有案例,直奔主题。
我们经常可以在发布会上看到一些很炫酷的动画,比如这样子的数字滚动效果,就会让人眼前一亮。试想一下,如果你在工作汇报的时候,突然出现这样一个动画, 是不是很能震惊全场呢?
其实这个效果做起来很简单
拆解一下我们就会发现,在上面的动画效果中,一共有四个数字同时参与了滚动效果,因为同一时间一个图层只能进行一个动画,由此得知这四个数字对应了四个图层。
制作数字图层
滚动数字的原始版本
那如果我们要制作这样一页呢?
这一页当中的数字总共有五个,所以根据上面我们拆解的经验来判断,需要制作出对应的五个图层才可以完成滚动效果。
但其实不用那么复杂,因为数字都是一样的,我们只需要制作出来一正一反两个图层就可以,能保证的两种出现方式就可以了,其他的图层都可以复制。
选择一种较粗的字体,这样在视觉表现上会更有震撼力。
此时的数字图层还是本文样式,这里需要把他们转换成图片的样式,方便后面的操作。按住CTRL+X快捷键,剪切掉其中一个文本图层,然后按住CTRL+V,粘贴成图片,这样就可以把文本转换成图片了。
把两个文本都转换成图片。看动图;
转换成图片之后数字需要调整大小,可是又不能通过字号进行调整,那怎么才能让两张图片大小保持一致呢?靠鼠标拖拽显然不是好办法。
这时全选两张图片,在顶部弹出的图片格式工具中,把他们的宽度统一调整成为5厘米,这样就可以保证两张图片的大小完全一致了,就问你棒不棒~~
搞定图片大小之后,我们就需要进行下一步操作啦。
切割图片
制作真正意义上的滚动数字
因为数字最初的原始状态为 [0] ,所以我们把除 [0] 在外的所有数字,全部都裁剪掉,不要它显示在画面内。再把其余的三张图层复制出来,我们就得到了这样一张页面。
PS:PPT的裁剪功能,可以把裁剪掉的部分隐藏,并不是完全删掉。
给它简单的装饰一下:
这时我们的原本数据效果就制作好了,按住CTRL+D快捷键,快速复制这一页幻灯片。把数字调整成我们原来准备好的数字。
这时我们的全部工作就已经做好了,给他们加上切换中的平滑效果看看效果吧~~
好啦,以上就是今天的内容,希望各位能够喜欢。
PS:其实这个效果还有另外的一种方法可以制作出来,但是那一种效果用到的是动画功能,属于线性动画,而线性动画最大的缺点是缺乏动画过渡效果,所以从视觉上不是很友好,所以我给替换成了“非线性动画”。让动画整体看上去,舒适度更高一些。
我是老匹,咱们下次再见~~