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