零基础用iPad做一个少数派logo手绘动画_脚本

时间：2019-12-03 15:51:40 来源：作者：网络

原标题：零基础用 iPad 做一个少数派 logo 手绘动画

Matrix 精选

Matrix 是少数派的写作社区，我们主张分享真实的产品体验，有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章，展示来自用户的最真实的体验和观点。

文章代表作者个人观点，少数派仅对标题和排版略作修改。

买了 iPad 之后可以做些什么呢？相较于网上介绍的生产力工具，大多数时候，手里的 iPad 可能还是在播放视频，看完网上的大触们用 iPad 画各种各样的作品，最后还没开始尝试就已经放弃了。等等，这和我们一开始想买 iPad 的原因不一样啊。

这里和大家分享一个既简单又有趣的动画小创作，0 基础，人人能上手。希望在大家手里的 iPad 可玩一点不一样的。我们先来看看最后的效果：

弹跳的我派关于逐帧动画

在电脑动画出现之前，可以说所有的动画都是一帧一帧画出来的，连续快速地播放使之成为动画，称为逐帧动画，如我们看过的经典迪士尼动画等。制作逐帧动画，需要用到专业的制作工具：透写台。通过来自桌面的光源，把动画上一帧的图像，在下一帧的绘制上体现出来，进行参考。

专业的透写台

iPad 逐帧动画绘制推荐的透写台是 App：Animate desk classic（也可以选择其他的动画绘制软件，在原理上大同小异）。另外我们需要准备的还有 Apple Pencil。整个软件的界面模拟了一台复古的透写台。

绘制逐帧动画的过程，用到的是关键帧画法（Keyframe Animation），即以关键位置定位，逐步完成补间动画。

拟订动画脚本（）

我们先以文字的方式，拟定我们的动画内容：球落下 - 着地后变形弹起 - 转一圈并逐渐放大 - 逐渐出现白色的 π Logo。

根据我们拟订的脚本，以单线绘制几个关键帧，简单的制作一下活动脚本（Motion Board ）。

线稿绘制关键帧

活动脚本完成，我们点击播放，可以预览初步的动画感觉，是否是我们预想的状态。最后 Logo 出现的帧，我们可以复制两帧，延长显示时间。

通过关键帧预览动画效果丰富补间动画（Tween Animation ）

接下来我们陆续丰富我们关键帧之间的动画，这里我们需要用到的是「洋葱皮功能」，做过动画的可能对这个功能有所了解。在「Animation desk classic」中，这个功能就像在投写台打开了光源，可以透出上两帧的动画位置（也可调整为显示上一帧与下一帧）。我们通过洋葱皮功能，逐步完成我们预定的动画脚本。

左下角灯泡，打开「洋葱皮功能」

在这里需要提醒的是，物体落下后因为重力的作用，会加速下落。在帧的表现上每一帧的位移会逐步变大，这样的动画就不会有违和感。