。，、自从毕业之后基本就和PPT无缘了，最近翻看大学时候做的PPT，发现了一个自己经常使用的转场动画，两页PPT能够非常完美的结合在一起，我一般用在标题转目录的衔接上，具体的动画就是下面这个样子：
转场
好吧，第二页可能确实是有点丑丑的，这没关系，我们看转场动画就好了，这个PPT是大三的一门课的课程设计，我们当时设计了一个旅游类网站，取名叫~走吧，背景就是这个样子，下面详细说下这两页PPT的结构和动画。
一、PPT页面解析
1、封面
下图是这个动画的第一页（纯PPT制作，包括后面背景上面那些我理解做星星的东西和那几个英文），依稀记得灵感来源应该是某一张图片，但是找不到了~
同时给大家一些不成熟的小建议，平时一些设计简单但是很有创意的海报可以搜集下，关键时刻就是装逼的利器！（但是，当你不会PS也不会AI的时候，别选那些背景奇形怪状的海报，用ppt画的话，会疯的）。
第一页
做完这个封面，接下来一页就是整个PPT的目录页，这是我做PPT的习惯，基本上所有PPT都会带一张目录页，关于目录页的设计，也是够研究一壶的，之后有机会可以单独写一篇。
2、目录页
下图是这个PPT的目录页，好吧，确实有点丑丑的~
整个第二页由三个部分组成，左上角是logo，左下角是人员分工（真名已经换掉啦），右边是PPT的目录。
目录页
二、动画解析
整个动画其实非常简单，第一页是没有动画的，所有的转场都发生在第二页，阴影部分是人员分工和目录部分的动画，使用的是两个最基本的动画：擦除和上浮，只是对时间线进行了一些延后，主体转场动画在于logo部分往左上角移动和整个背景淡出，也就是没有加阴影的部分。下面详细说明下这两个组合动画。
动画窗格
1、背景图
下图是转场动画中淡出的背景图，这个背景图和第一张PPT相比，少了中间的logo，因为背景图做的是消失动画，如果保留logo，会显得很奇怪（其实当切换到第二张图片的时候，整个背景图已经变成了一张图片，这样做的好处是只需要对一张图片做动画）。
背景图
背景图用的是两个动画的组合：放大和淡出，将两个动画设置为同时进行，时间都设置为一秒钟即可：
背景图动画
2、logo部分
logo部分的动画比背景图稍微难一些，用到了自定义路径（下图的虚线部分）
logo
logo动画使用了一个持续一秒的自定义路径，和两个0.5秒的放大缩小动画，前一个是倍数150%的放大动画，紧接一个倍数80%的缩小动画，造成一种视觉上的靠近：
logo动画
总体说来，这个动画还是比较简单的，但是做这两页PPT（尤其是第一页背景上那些文字，老是对不齐~）倒是花了不少时间。
网友评论