设计师的动效设计100天,我如何在100天训练自己创作50个动画



知更常青藤 2018-09-11 09:00:00

  每天十分钟,系统学习设计,成为设计师。终生学习,受益终生。这里是【知更常青藤】,欢迎你的到来,这是我和你一起学习设计的第八天。如果你不想丢失这个体系,可以关注我,转发本文。

  作者/Tiantian Xu 翻译/万岁爷 校验/君 知更常青藤原创出品,转载请注明出处,版权所有,侵权必究。

  原文:https://uxdesign.cc/100-days-of-motion-design-463526af852f

故事的开端

  100天,我如何训练自己创作50个动画设计。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  那是在西雅图的夏夜。

  我像往常一样,吃着冰激凌、看油管(Youtube)的教程、下载免费试用的Principle软件。几个月之后,我完成了我的第五个100天项目——动效设计100天。

  2015年的时候,我开始了我的第一个100天项目。多年以来,我完成了许多100项目,这些100天项目里包含了:

  • 100天涂鸦
  • 100天字体
  • 100天水彩
  • 100天矢量插画

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  我过去的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分钟)】

  一旦我有了一个想法,我就在我的笔记本上绘制关键动作。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  草图想法

  【步骤3:创作插画(40分钟)】

  我把创作的插画导入到Principle或者After Effects中。并且保持有组织的设计文件可以大大地加快导入速度。

  这个教程向我们展示了如何准备并导入一个插画文件到After Effects中。或者,一个叫做Sketch2AE的插件可以导入Sketch图层到After Effects中。

  【步骤4:创建动画(60分钟)】

  我把插画制作成动画,并且导出为一个最终的短视频动画。我把这个视频以#100daysofmotionbytx为话题放到Instagram上。

  如果你想把动画放到Dribbble上的话,这个教程可以教你如何把一个视频导出为GIF。

1-14天:从零开始

  我通过看《Principle--简单角色动画(跳跳甜甜圈)》这个视频创作了我的第一个动画。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——跳跳甜甜圈

  我还通过观看《Principle--滚动手势的动画头像》视频创建了一个可交互的原型。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——杰克和披萨

  很快,我就可以不看教程独立使用Principle来创作动画了。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——白天黑夜切换开关

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——日食

15-70天:攀登学习曲线

  在15-70天中,我开发了一套攀登After Effects学习曲线的方法。

  【方法1:观看教程 & 根据记忆创作】

  在观看教程视频的时候,我以1.5倍速率观看,并尝试着利用记忆创作这些动画。

  必要的时候,我会写下关键步骤,只有在我卡住的时候,才会重新看一看教程。我还努力下功夫记住常用的After Effects快捷键,以加快创建速度。

  这是我看过《烟雾动画——AE教程》之后创作的烟雾动画。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——烟岚

  这是我观看《AE教程——熔岩灯》之后创作的。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天教程——熔岩灯

  【方法2:重现别人的工作】

  我逐帧地研究了别人在Dribbble上的工作。然后利用自己的想法再次创作。

  我复原了Deekay创作的《欢快的水果》,解构了他的工作,重新创作了下面的动画。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——欢快的甜点

  我复原了Tony Babel的《Ducky Walk Cycle》,他的《AE教程——循环行走》教程教会了我如何创建循环行走的动画。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——茶杯先生

  【方法3:刻意地应用学习的技能】

  重复是加强新学习技能的关键。我刻意地重复使用这些学习到的技巧来创建动画。比如下面的跳跃的南瓜。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——南瓜

  这是我重复训练的循环行走技能。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——火烈鸟

  【方法4:阅读书籍,连接知识点】

  100天项目进行到了一半以上,我花了一天时间阅读了《Adobe After Effects CC Classroom in a Book》。这本书让我连接了学习到的知识点,并且更加系统地完善了这些体系。在书中,我还发现了一些我想尝试的新技术。

71-100天:发自内心的创作

  当我对这些软件的使用得心应手的时候,我开始创作一些更加自我的东西。一些设计的灵感来自于我最喜欢的游戏和电影。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——瞭望塔

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——鸦人

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——迷人的玫瑰

  还有一些设计灵感来自于别人的设计。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——灯塔

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——水下世界

  我还创作一些我想去旅行的地方。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——热气球

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——极光

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——孔明灯

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——星系

项目后的思考

  【1. 想法驱动】

  一旦我有了一个想法,我就会将其引入到生活中。至于需要学习什么技术并不重要。

  比如,我想要表达我对阅读的热爱。为了将翻书的想法变成现实,我在油管上看到了一些教程,将2D对象转化成3D图层。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——翻书效果

  同样地,我想要创作一杯南瓜味道的拿铁咖啡。我在油管上看到一个叫做《扁平化的烟云效果》教程,学习了如何利用Slider Control和wiggle expression。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  100天动效——南瓜拿铁

  【2. 保持谦逊】

  在项目最初,我对我的动效设计能力有着乐观的自信。但是,当我开始学习AE的高级功能时,我的自信心开始受到打击。技能的巨大差距使我认识到我可怜的经验根本不值一提,并且意识到动效设计的知识是什么。

  一个叫做Dunning-Kruger效应的研究表述了一种认知偏差:低能力的人往往错误地评估他们的能力。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  认知偏差

  越是认识到自己的能力不足,越是谦逊。

  【3. 成为1%的创作者】

  在我开始我的100天项目之前,我花费大量的时间去消费内容:社交媒体、Netflix等等,有时候我甚至会上一些在线课程或者阅读一本书。但是所有这些都只是输入而已。

  在互联网上,有一个“1%规则”。大致讲的是:在互联网上,只有1%的人在创作新的内容,9%的人在编辑内容,剩下的90%都是在消费内容。

设计师的动效设计100天,我如何在100天训练自己创作50个动画

  1%规则

  自从我开始100天项目之后,我便成为了一个创作者。我开始创作我喜欢的事物,学习新的技巧,并且以积极向上的方式影响着我周围的人们。

  我想成为这创作内容的1%的人,这种想法促使我每天努力创作,尤其当这件事情变得困难的时候。

后记

  译者持续为你翻译优秀设计文章,同时也独立创作优质设计内容,如果你有什么诉求和意见,请留言告诉我们。希望能够获得你的关注,我们下期再见。


0