你可能不信,我把月度总结做成了超级玛丽的游戏

优秀作品3年前 (2021)更新 向天歌-吴沛文
1,730 0 0
你可能不信,我把月度总结做成了超级玛丽的游戏

一个月又过去了,是的,又到了月度总结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秒】,这样起跳会快一点

你可能不信,我把月度总结做成了超级玛丽的游戏

最后我们再来看一下第三个动画做出来的效果

你可能不信,我把月度总结做成了超级玛丽的游戏

至此,三步的动画都做好了,我们将其按顺序组合起来就做成了封面的动画了

你可能不信,我把月度总结做成了超级玛丽的游戏

接下去几页的动画操作跟封面都是一样的,麻烦的就是每一页都需要自己重新绘制路径,繁琐而已

大家如果有兴趣,也可以去尝试一下,后台回复【超级玛丽】即可获取源文件噢

——
公众号:向天歌
原文链接:你可能不信,我把月度总结做成了超级玛丽的游戏

© 版权声明

相关文章