每天十分钟,系统学习设计,成为设计师。终生学习,受益终生。这里是【知更常青藤】,欢迎你的到来,这是我和你一起学习设计的第八天。如果你不想丢失这个体系,可以关注我,转发本文。
作者/Tiantian Xu 翻译/万岁爷 校验/君 知更常青藤原创出品,转载请注明出处,版权所有,侵权必究。
故事的开端
100天,我如何训练自己创作50个动画设计。
那是在西雅图的夏夜。
我像往常一样,吃着冰激凌、看油管(Youtube)的教程、下载免费试用的Principle软件。几个月之后,我完成了我的第五个100天项目——动效设计100天。
2015年的时候,我开始了我的第一个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%的人,这种想法促使我每天努力创作,尤其当这件事情变得困难的时候。
后记
译者持续为你翻译优秀设计文章,同时也独立创作优质设计内容,如果你有什么诉求和意见,请留言告诉我们。希望能够获得你的关注,我们下期再见。
如果文章对你有价值,让你得到了提升,请你相信作者,并且关注他,转发文章让更多的人看到有质量的内容。或者用【打赏】喂食作者,让他继续为你奋斗。如果你有疑问或建议,请留言告诉我