每天十分钟，系统学习设计，成为设计师。终生学习，受益终生。这里是【知更常青藤】，欢迎你的到来，这是我和你一起学习设计的第八天。如果你不想丢失这个体系，可以关注我，转发本文。
作者/Tiantian Xu 翻译/万岁爷 校验/君 知更常青藤原创出品，转载请注明出处，版权所有，侵权必究。
原文：https://uxdesign.cc/100-days-of-motion-design-463526af852f
故事的开端
100天，我如何训练自己创作50个动画设计。
那是在西雅图的夏夜。
我像往常一样，吃着冰激凌、看油管（Youtube）的教程、下载免费试用的Principle软件。几个月之后，我完成了我的第五个100天项目——动效设计100天。
2015年的时候，我开始了我的第一个100天项目。多年以来，我完成了许多100项目，这些100天项目里包含了：
- 100天涂鸦
- 100天字体
- 100天水彩
- 100天矢量插画
我过去的100天项目
对于我而言，100天项目是一个创意输出。让我通过艺术表达自己。创造的乐趣和学习新技巧的挑战总是让我获益匪浅。
在100天动效设计项目中，我自学了动画，并且在100天内创建了50个基于矢量的动画。你可以在Instagram和Dribbble上找到这些项目。
以下是我的创作过程、使用的工具以及对项目的反思。
工具篇
【Sketch + Principle】
在最开始的两周时间里，我在Sketch软件上进行插画练习，然后把这些插画导入到Principle中进行动画创作。
- Sketch：一个轻量级的矢量编辑工具。这个软件方便且实惠。我发现它是一个创建插画的简单工具。
- Principle：一个轻量级的原型工具，它可以生成具有交互功能的动画。Principle可以无缝地和Sketch进行协作。我发现这是一个对新手十分友好的工具，它能很好地展示动画属性和时间线概念。
【Illustrator + After Effects】
两周之后，我切换到了更加复杂的工具：Illustrator和AE，以便获得更多的控制效果。
- Illustrator：最强大的矢量编辑软件。在Illustrator中创建的插画可以无缝地导入到After Effects中。
- After Effects：最强大的动画制作工具。该软件的学习曲线十分陡峭。经过这个项目，我学习到了许多高级的控制和内置的视觉效果。
创作过程
动画创作是非常消耗时间的。我把创作过程分成了4个步骤，并旨在2天内完成这些动画。
【步骤1：寻找灵感（15分钟）】
我每天从Dribbble、Behance和Instagram上收集动效设计灵感。我把这些收集到的动效设计放到我的Pinterest上。
我还在油管上收集动效设计教程。这里是我在油管上的教程清单，这些教程曾经在项目中使用到过。
【步骤2：草图想法（5分钟）】
一旦我有了一个想法，我就在我的笔记本上绘制关键动作。
草图想法
【步骤3：创作插画（40分钟）】
我把创作的插画导入到Principle或者After Effects中。并且保持有组织的设计文件可以大大地加快导入速度。
这个教程向我们展示了如何准备并导入一个插画文件到After Effects中。或者，一个叫做Sketch2AE的插件可以导入Sketch图层到After Effects中。
【步骤4：创建动画（60分钟）】
我把插画制作成动画，并且导出为一个最终的短视频动画。我把这个视频以#100daysofmotionbytx为话题放到Instagram上。
如果你想把动画放到Dribbble上的话，这个教程可以教你如何把一个视频导出为GIF。
1-14天：从零开始
我通过看《Principle--简单角色动画(跳跳甜甜圈)》这个视频创作了我的第一个动画。
100天动效——跳跳甜甜圈
我还通过观看《Principle--滚动手势的动画头像》视频创建了一个可交互的原型。
100天动效——杰克和披萨
很快，我就可以不看教程独立使用Principle来创作动画了。
100天动效——白天黑夜切换开关
100天动效——日食
15-70天：攀登学习曲线
在15-70天中，我开发了一套攀登After Effects学习曲线的方法。
【方法1：观看教程 & 根据记忆创作】
在观看教程视频的时候，我以1.5倍速率观看，并尝试着利用记忆创作这些动画。
必要的时候，我会写下关键步骤，只有在我卡住的时候，才会重新看一看教程。我还努力下功夫记住常用的After Effects快捷键，以加快创建速度。
这是我看过《烟雾动画——AE教程》之后创作的烟雾动画。
100天动效——烟岚
这是我观看《AE教程——熔岩灯》之后创作的。
100天教程——熔岩灯
【方法2：重现别人的工作】
我逐帧地研究了别人在Dribbble上的工作。然后利用自己的想法再次创作。
我复原了Deekay创作的《欢快的水果》，解构了他的工作，重新创作了下面的动画。
100天动效——欢快的甜点
我复原了Tony Babel的《Ducky Walk Cycle》，他的《AE教程——循环行走》教程教会了我如何创建循环行走的动画。
100天动效——茶杯先生
【方法3：刻意地应用学习的技能】
重复是加强新学习技能的关键。我刻意地重复使用这些学习到的技巧来创建动画。比如下面的跳跃的南瓜。
100天动效——南瓜
这是我重复训练的循环行走技能。
100天动效——火烈鸟
【方法4：阅读书籍，连接知识点】
100天项目进行到了一半以上，我花了一天时间阅读了《Adobe After Effects CC Classroom in a Book》。这本书让我连接了学习到的知识点，并且更加系统地完善了这些体系。在书中，我还发现了一些我想尝试的新技术。
71-100天：发自内心的创作
当我对这些软件的使用得心应手的时候，我开始创作一些更加自我的东西。一些设计的灵感来自于我最喜欢的游戏和电影。
100天动效——瞭望塔
100天动效——鸦人
100天动效——迷人的玫瑰
还有一些设计灵感来自于别人的设计。
100天动效——灯塔
100天动效——水下世界
我还创作一些我想去旅行的地方。
100天动效——热气球
100天动效——极光
100天动效——孔明灯
100天动效——星系
项目后的思考
【1. 想法驱动】
一旦我有了一个想法，我就会将其引入到生活中。至于需要学习什么技术并不重要。
比如，我想要表达我对阅读的热爱。为了将翻书的想法变成现实，我在油管上看到了一些教程，将2D对象转化成3D图层。
100天动效——翻书效果
同样地，我想要创作一杯南瓜味道的拿铁咖啡。我在油管上看到一个叫做《扁平化的烟云效果》教程，学习了如何利用Slider Control和wiggle expression。
100天动效——南瓜拿铁
【2. 保持谦逊】
在项目最初，我对我的动效设计能力有着乐观的自信。但是，当我开始学习AE的高级功能时，我的自信心开始受到打击。技能的巨大差距使我认识到我可怜的经验根本不值一提，并且意识到动效设计的知识是什么。
一个叫做Dunning-Kruger效应的研究表述了一种认知偏差：低能力的人往往错误地评估他们的能力。
认知偏差
越是认识到自己的能力不足，越是谦逊。
【3. 成为1%的创作者】
在我开始我的100天项目之前，我花费大量的时间去消费内容：社交媒体、Netflix等等，有时候我甚至会上一些在线课程或者阅读一本书。但是所有这些都只是输入而已。
在互联网上，有一个“1%规则”。大致讲的是：在互联网上，只有1%的人在创作新的内容，9%的人在编辑内容，剩下的90%都是在消费内容。
1%规则
自从我开始100天项目之后，我便成为了一个创作者。我开始创作我喜欢的事物，学习新的技巧，并且以积极向上的方式影响着我周围的人们。
我想成为这创作内容的1%的人，这种想法促使我每天努力创作，尤其当这件事情变得困难的时候。
后记
译者持续为你翻译优秀设计文章，同时也独立创作优质设计内容，如果你有什么诉求和意见，请留言告诉我们。希望能够获得你的关注，我们下期再见。
如果文章对你有价值，让你得到了提升，请你相信作者，并且关注他，转发文章让更多的人看到有质量的内容。或者用【打赏】喂食作者，让他继续为你奋斗。如果你有疑问或建议，请留言告诉我
网友评论