零基础用 iPad 做一个手绘风少数派 logo
2019-12-03 16:22:58 Author: sspai.com(查看原文) 阅读量:262 收藏

Matrix 精选

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

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


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

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

弹跳的我派

关于逐帧动画

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

专业的透写台

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

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

拟订动画脚本(Script )

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

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

线稿绘制关键帧

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

通过关键帧预览动画效果

丰富补间动画(Tween Animation )

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

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

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

20 帧线稿
补完动画线稿

上色完成

最后,在每一帧绘制颜色,选取钢笔工具和红色。本文的目标就是简单的小动画,所以以最简单的平涂快速解决上色。

选择钢笔和红色进行上色

这样我们的小动画就完成了。绘制界面点击左上角「动画」,选择当前动画并「导出」到相册即可。

所有的影格

写在最后

  • 如果你想更深入了解更多关于手绘动画的知识,推荐视频和书籍:《原动画基础教程:动画人的生存手册》
  • 逐帧动画需要对物体动态变化有非常强的造型能力,推荐 这个网站,可以逐帧的看到人的表情变化、动作变化、动物的动作变化等,可作为动画的逐帧参考。
  • 如果你想从经典中寻找灵感,历届的 奥斯卡获奖短片 是不容错过的选择。

希望大家手中的 iPad 可以在创意方面继续发光发热。

> 下载少数派客户端、关注 少数派公众号 ,发现更多实用应用和技巧 🆒

> 特惠、好用的硬件产品,尽在 少数派 sspai 官方店铺 🛒

Quentin_Yu


文章来源: https://sspai.com/post/57671
如有侵权请联系:admin#unsafe.sh