每天十分鐘，系統學習設計，成為設計師。終生學習，受益終生。這裡是【
知更常青藤】，歡迎你的到來，這是我和你一起學習設計的第八天。如果你不想丟失這個體系，可以關注我，轉發本文。
原文：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%的人，這種想法促使我每天努力創作，尤其當這件事情變得困難的時候。
後記
譯者持續為你翻譯優秀設計文章，同時也獨立創作優質設計內容，如果你有什麼訴求和意見，請留言告訴我們。希望能夠獲得你的關注，我們下期再見。
如果文章對你有價值，讓你得到了提升，請你相信作者，並且關注他，轉發文章讓更多的人看到有質量的內容。或者用【打賞】餵食作者，讓他繼續為你奮鬥。如果你有疑問或建議，請留言告訴我
閱讀更多 知更常青藤 的文章
