MoGraph Note | 動態設計是怎麼做出來的 ?

內文為School of Motion 中 The Path to MoGraph 的課程筆記，共十堂全英文免費課程，推薦給對動態設計有興趣的朋友觀看噢 :D

Joey 以課程的開頭動畫講解 MoGraph 製作流程

第一步：簡短的訴求(brief)

客戶的品牌動畫訴求，包含LOGO形式、LOGO規範、顏色規範等等

品牌動畫是動態設計師常見的案例，通常客戶會給與明確的影片訴求，例如影片長度、風格內容、LOGO呈現、顏色設定等等，來幫助製作者從無限多種的製作方式，縮小到可行的概念發想上，即便是個人製作，也要明確列出影片訴求，讓製作有跡可循。

開頭動畫訴求：「製作10-15秒的品牌動畫，暗示我們在教什麼的同時也呈現 School of Motion 的 logo」

第二步：概念發想

具象概念(左) 抽象概念(右)

概念是所有好的動態設計的核心，有些概念十分明確，有些則是有微妙的暗示性。Joey 經常使用心智圖 (Mind Mapping) 來協助創意發想，寫下任何與主題相關的字詞與想法，讓想法不斷地往外延伸，直到你的靈感小燈泡亮起為止，而這次的開頭動畫概念是：「呈現 > 教學 > 強調（我們的方法）」

這是我們課程的核心哲學，我們「呈現」有趣的畫面讓你感興趣，「教導」你我們是如何做到的，最後再次「強調」這些知識讓他們在你的腦中生根。

第三步：概念呈現

從分鏡草圖到明確的視覺呈現

利用設計當作視覺語言，將概念用視覺呈現，作者使用紙筆繪製分鏡草圖，接著使用 illustrator 和 photoshop 將概念更完整的呈現出來。

第四步：讓它動起來

使用 After Effect 製作影片，細部調整速度、額外插件使用、設定各種keyframe，雖然有許多工具、方式及原理要學，但一旦學會一切就像直覺一樣簡單。

第五步：配上音效

一個好的影片怎麼能沒有聲音? 在網後的課程 Joey 會教大家如何使用 Adobe Creative Lab 和其他工具來解決影片的聲音需求。但這次個開頭影片由 Joey最喜歡的音效設計師(sound designer) - Wesley Slover 製作完成，與影像搭配得天衣無縫。

第六步：完成

最後將音效檔與影片結合輸出，就完成囉！

你可以跳過步驟、增加步驟或是改變順序，不管怎樣，動態設計大概就是這樣產生的囉！

喜歡的話請給個鼓掌吧 ! 或是給很多個也可以 :D ! ( 聽說最多可以連續給五十個 XD)