《水果忍者》是一款许多人都耳熟能详的游戏,因为游戏机制简单,从几岁的小朋友到七八十的老年人都能玩得很尽兴。
但是在 PPT 里,用各种各样的动画效果模拟出「切水果」的游戏场景,你知道该怎么做么?
前段时间啊,我收到一位粉丝的私信,他给我发来了一个其他博主发布的 PPT 制作切水果的教程,请教我里面的某一个步骤。
我点开一看……啊?就这?会不会有点太粗糙了?
小小的一番搜索后,我发现网上还有不少同类 PPT 动画,画风都和这个类似。有这样传承东方不败,以飞针杀人哦不,杀果的:
还有这样给西瓜上环的……
于是我就好奇心就上来了……到底用 PPT 能把《水果忍者》做到多贴近原版游戏呢?于是乎,就有了下面这个 PPT 动画:
00:52这个动画案例在还是半成品状态时,就被我发到群里,成功骗到了一众单纯的水友。
然后我亮出了「动画窗格」截图,小伙伴们崩溃了……
详细讲解整个制作过程不太现实(这一页总共有75个动画步骤),没有基础的话很难听懂。这里就大致说一下制作的环节,给大家科普下解制作这一类复杂动画的工序好了。
| 01 准备素材
巧妇难为无米之炊,制作这样一页有蓝本去模仿的 PPT 动画,当然最好是选用与原版一致的图片和音效素材。
图片素材的话,直接谷歌搜索「Fruit Ninja」,在搜索设置中加上「大图」的限定,能找到很多不错的图片,当然后续的裁剪、抠图也是少不了的。
看到第二行黄色的海报了吗?就是下面这张——切开的草莓和菠萝都来自于这张图:
草莓可以很轻松地抠出来,菠萝的话会发现有点问题——下边那一半的左上角被刀刃的闪光给遮住了,并不完整:
要怎么解决的呢?动用 PS 大法吗?
没那么夸张!我用的方法很取巧,那就是只裁取这半个菠萝的右半部分抠图,然后复制一份水平翻转,再把两张图片组合到一起:
怎么样?是不是很「鸡贼」?
其实这种「拆东墙补西墙」的做法,我早不是第一次用了,2015 年年底在别处发过的课件改造案例中,懒羊羊残缺的右角就靠这个方法给补上的:
搞定了草莓和菠萝,继续找素材。分开的西瓜来自这张竖版的海报图(注意搜索关键词的更换):
抠图时并不是做的「删除背景」,而是用任意多边形和「编辑顶点」功能绘制了一个和西瓜同样的形状,再用「合并形状-相交」把西瓜挖出来的。这个方法得到的西瓜边缘更加平滑:
切割前完整的水果则更多来自于实际的游戏截图抠图,比如完整的菠萝就来自于下面这张图片:
大图复制进 PPT ,裁剪、删除背景,搞定:
完整的西瓜来源于这张图,处理方法同样是裁剪、抠图:
完整的草莓是在百度里搜索「水果忍者」中文找到的——切换搜索引擎、切换搜索语言,是搜图时常用的技巧。
和刚才的半个菠萝类似,这个草莓也被百香果的果汁给遮挡住了一个角,抠图后会缺那么一点点,需要手动处理一下。画一个同色的椭圆置于底层,放到草莓图片后边,组合一下就 OK 了:
提醒一点,因为我们使用的是平面素材而非 3D 素材,在 PPT 里只能是在水平面上做旋转,所以像这种角度的水果素材,是不可取的:
另外,《水果忍者》还有很多版本,不同版本的水果也不能混用。比如下面这个图,虽然能找到非常好抠图的西瓜和菠萝,但这明显不是原版游戏:
除了水果图片,还有一个很重要的图是背景图片。要找到一张干干净净的背景图真心不容易,陈老师更换了很多关键词都无功而返。
最后,我想到了油管。油管上的视频大都非常高清,如果能找到合适的视频截取游戏还没开始时的画面,不就可以搞定了么?
事实证明,我这条路走对了。还真被我下载到了一个 720P 的游戏视频,截取到了干干净净的背景图:
利用这个高清的游戏视频,我还顺利截取了右上角的失误计数 UI (包括未失误和一次失误两种造型)和左下角的暂停按钮:
至于飞溅出来的果汁,可以用矢量的墨迹素材填色;刀刃则可以用任意多边形来绘制:
最后下载安装好游戏里所用到的字体(Gang of Three)写好分数 0、1、2、3,从「爱给网」下载到需要的音频素材,就可以开始制作动画了。
| 02 动画简析
前面说过,要一步一步的去分析动画太复杂,而且每一次切割水果从动画上来说都是一样的,无非就是把前面做过的动画刷给后续对象,在细节和动画时间上做些调整而已。
这里就把第一次切西瓜的动画拿出来稍微说一下:
首先第一个动画是游戏开始的时候尺八吹奏的一个颤音,玩过游戏的小伙伴都知道。接下来就是完整的西瓜被抛起来了,这里用了两个动画来模拟这个过程——一个是飞入,一个是陀螺旋(50°),与此同时,还有抛出水果「噗」的一声的音效,这三个动画是同时发生的:
然后该干嘛了呢?西瓜抛到指定位置,刀就该切进来了。
如果只是一个擦除动画,会很没有动感;而如果只是一个路径动画,就会做成前面展示过那些小红书作品里的效果,刀光像飞针一样生硬地飞过去。
实际上啊,这个动画类似光芒效果,是需要用一头一尾两个擦除(擦除出现、擦除消失)夹住一个路径动画来做的,也就是下面这样。这样做出来的效果才自然:
与此同时还有什么效果呢?伴随着切果汁飞溅的声音,完整的西瓜消失、分数由0变1、果汁溅到背景木板上、分数前面的西瓜做弹性缩放(放大115%加自动翻转)、两个半边的西瓜图片出现、一边轻微旋转一边短暂的分离飞行,稍等片刻后消失……
这一系列的动画都发生在 0.85 秒的时间之内。正是这眨眼间的多个动画,综合打造出了生动的「切西瓜」场景。
顺着这个思路,继续完成后续两次切水果的动画(可以用动画刷来提高效率,用PA插件来做动画的批量延迟),这个案例的核心部分动画就制作完成了。
如果想要效果更逼真,还可以对被劈开的水果飞行姿态做调整——菠萝比西瓜轻、草莓又比菠萝轻,抛在空中被刀砍中时,轻的对象应该飞得更远、转得更快。
看看直线动画路径的长度和陀螺旋的设置角度,是不是这样?
当然了,光是看完上面的解析,你可能还是很难能复刻出这样一页动画,但至少可以有个大致的感受:想要让动画「以假乱真」,必须仔细观察(或者思考)动画过程的每一个细节,然后从这些细节效果反推回去,找到合适的素材、添加恰当的动画,综合打造出尽可能完美的动效。
好了,今天就和大家聊到这里,虽然动画在商务类 PPT 里基本上只用得上「擦除」「淡出」这类基本款,但一旦进入教育、课件领域,它能发挥作用的场景就大大增加了。如果你是中小学老师或者校外 K12 教育机构的讲师,一定要好好钻研,仅仅满足于套模板的话,是一辈子都学不会的哦~
我是陈老师,(也许是)东半球最会做 PPT 的钢琴老师。
关注我,教给你最好玩的 PPT 实用技巧!欢迎大家留言互动,别忘了给我点点「收藏」,点点「赞」哦!
欢迎在留言区告诉我你的见解,别忘了顺手点点「收藏」点点「赞」哦!
1.《Jesse老师_这么逼真的《水果忍者》游戏 居然是PPT做的?》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《Jesse老师_这么逼真的《水果忍者》游戏 居然是PPT做的?》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/gl/1901127.html