一个月又过去了,是的,又到了月度总结time,每次做月度总结的PPT都很让人头大大大大大大大大
作为设计组的成员,本职就是做PPT,到做自己的PPT,要做什么形式的,都要思考好久
之前一直想做,然后……别然后了,就是现在,开做!
最后根据这个风格做出了下面这份月度总结,配合【推入】的切换动画,简直不要太顺畅
左右滑动查看全部效果
确定风格之后,我们需要完成三步
① 搭建场景
因为要做一整份PPT,所以这个场景要足够延续5~6页PPT,甚至更多
如果找不到场景的话,这个基本上就做不了
② 设置闯关角色
③ 设置闯关情节
TIPS:后台回复【超级玛丽】即可获取源文件噢
NO.1 场景搭建
场景搭建的素材,我都是在Freepik上去找的(Tips:Freepik只支持英文搜索)
在Freepik上搜索关键词:game,在这里就可以看到一个像素风的素材
然后我们再将它打开,里面就会有更多相似风格的推荐
然后我们可以打开上传者的主页,可以发现,上传的都是像素风的场景和素材,并且场景都是衔接的
然后将这一系列的场景都下载下来,足足有14张之多,场景的搭建就是小菜一碟啦
除去封面,这个月就3个大项目,以及下个月工作安排,差不多5页PPT就可以了
剩下全靠讲(小声比比:其实是做总结的时候只剩下半天时间了,来不及就只能做5页)
我们先使用使用前面5张搭建场景,其实就是一张图片放一页PPT
左右滑动查看全部效果
NO.2 闯关角色
每一页的场景搭好了之后,就该考虑下一个问题了,既然是游戏,就应该有闯关的人和守关的人
所以我从花瓣上找了这些素材来充当这些角色,是的每个角色都是gif,可以动的
这些角色都是在花瓣上搜索出来得到的,只需要搜索关键词:像素 gif,然后找找找就好了
NO.3 闯关环节
由于时间紧急,本次的闯关设置主要是设置丧尸的逃跑、躲避路线,以及每关怎么爆出装备
我们来看一下封面的动画
封面包括三个动画:
动画一:点击选项后消失
动画分为3步,鼠标从下方出现,点击选项,然后全部一起消失
从下方出现用【飞入动画】,点击效果用【放大缩小】,第三个用【淡化消失】
这里飞入和淡化都很简单,不进行讲解
我们主要来讲一下怎么设置点击动画,我们单独看一下这个效果
其实就是将鼠标给缩小,然后再放大回原来的样子
我们直接对鼠标添加【放大/缩小】动画,【持续0.5秒】
将其缩小尺寸设置为【90%】,并勾选【自动翻转】
只有这样鼠标才能回弹到原来的大小,点击动画就完成了
加上飞入和淡化消失,第一个动画就做好了
动画二:蘑菇屋开门
想要的效果是门打开,然后正道的光从门里面照射出来,我们先来单独看一下这个效果
开门的效果同样也是用【放大/缩小】的动画做出来的
重点来了:开门是沿着门轴进行开门的,只需要横向缩小,纵向不变,所以缩小的中心是轴,且在形状的边缘而非中心
上下的对比图帮助大家理解~
确定完中心,我们要做的有两步:
第一,改变门中心的位置
通常中心会在形状的内部,要移到边缘的话我们就得让PPT认为中心是在边缘
要怎么做呢?补上一个和门等宽的形状,然后将其设置为【无填充无描边】,然后再和门组合起来
经过组合之后,对于门来说,就是在左边缘处了
第二,设置【放大/缩小】动画,将其缩小尺寸设置为【70%】, 并勾选【水平】,这样门就会在水平方向沿着门轴进行缩小了
然后给光效添加一个【擦除】效果,设置为【与上一动画同时】,门打开的时候就开始发光
耶~动画二也完成了
动画三:丧尸的行动路径
老规矩,我们来单独看一下丧尸是怎样一个行动的
要想元素按照自己的想法随意移动的话,那么就只能用动画中【自定义路径】来手动绘制
于是我自己手动画了一条路径
但是做出来的是下面这样的效果,总感觉哪里有点奇怪
看了好久发现了两个问题
第一:这里其实丧尸有三段路要走,第一段是出门,第二段是起跳,第三段是跑出画面
因为我只画了一个路径,所以导致三段的路的时间没法分别调整
第二:正常起跳会先弯曲膝盖,压低身体,然后再往上跳
这里虽然是丧尸,但是也不能违背物理规律吧,绷直着腿是跳不起来的,起跳时候需要一个压弯的动作
要想解决这两个问题,法宝就是“PA口袋动画”插件
将路径拆分成三段,这样每段的时间可以自由调整,丧尸还可以在起跳前增加一个动作
使用PA插件中【形转路径】-【路径分段】,就可以根据刚才自定义路径画的四个顶点,分成三段路径
我们来看一下动图操作
分好段后就可以分别调整时间,我将第二段起跳和第三段的时间弄的短一点,分别设置为【0.8秒】和【1秒】,这样最后有一个加速冲刺的效果
对了,还有压弯的动作设置,这个和第二个开门动画是一个意思
只不过门是横向缩小,这里起跳是纵向缩小,并且缩小后还要恢复原样(记得要补充一个登高的形状来改变中心)
我们要在【放大/缩小】动画里,将其缩小尺寸设置为【80%】, 并勾选垂【直和自动翻转】
这样丧尸就有了起跳动作,时间设置为【0.25秒】,这样起跳会快一点
最后我们再来看一下第三个动画做出来的效果
至此,三步的动画都做好了,我们将其按顺序组合起来就做成了封面的动画了
接下去几页的动画操作跟封面都是一样的,麻烦的就是每一页都需要自己重新绘制路径,繁琐而已
大家如果有兴趣,也可以去尝试一下,后台回复【超级玛丽】即可获取源文件噢
——
公众号:向天歌
原文链接:你可能不信,我把月度总结做成了超级玛丽的游戏