想學習 Motion Design 卻不知如何開始？那你該收藏這篇！

Image Source: Shutterstock

前言

當我在 2017 年第一次認識 Motion Design 這個詞彙時，網路並沒有什麼資源，而英文資源已經夠稀少，更遑論中文領域。好在我的英文還可以，所以半推半就的透過網路影片自學、從書中培養設計美感，再到真正做動畫工作也過了好長一段時間。

所幸現在網路資源蓬勃，光是免費的學習資源就足夠打天下，我也時常在專案中尋找教學，重新學習新技巧。如果你是第一次聽到 Motion Design，想認真學習踏入這個領域，你可以看看我精挑細選的收藏，這當中包含了我這七年來學習的精華，我持續不斷觀看的頻道，以及我推薦的免費及付費學習資源，絕對能讓你在 Motion Design 的學習路徑中，不會迷失方向！

所有的資源都區分成：免費資源、低預算課程與高預算的完整課程，每個人都可以檢視自己的學習情況來做選擇。

Motion Design 基礎

什麼是動態圖像設計（Motion Design）？如果你對這個問題的答案一知半解，可以先從這裡開始。想像你走進一間法式餐廳，正準備享受一個愜意的晚上，底下的影片就像是前菜，挑起你的味蕾，無法滿足你對美食的渴求或帶來完整的體驗，但它們會替你建立起 Motion Design 的一切基礎，你也會學到一些軟體運用，更重要的是，你會從這些影片中激發起好奇心與對 Motion Design 的熱情，進而渴望學習更多。

免費資源

Motion Design 是什麼？

• Path to MoGraph - School of Motion
• What do Motion Designers do? - School of Motion
• Beginner’s Guide to Design & Motion by Michael Jones - School of Motion

Motion Design 的工作流程與行業術語

• Motion Design Process in After Effects Illustrator & Photoshop - Tutorial - Ben Marriott - YouTube
• Motion Design Process - How Studios Do It From Start To Finish - Plainly Simple - YouTube
• Creative Codex - Industry-standard definitions for any term in Motion Design

關鍵的軟體技術

雖說一個好的 Motion Designer 更重要的是長期培養的美感、動態的敏銳度與說故事的技巧，但少了軟體技術就什麼事也完成不了，底下的清單可以逐步幫助你學習一些這個行業領域內重要的軟體。

過程可能會花費你不少時間，但假以時日，你終將會掌握這些軟體，自由地做出你心目中理想的畫面。

學習 After Effects 的基礎

免費資源

• Introduction to After Effects - Kyle Hamrick
• Take control of the Graph Editor in After Effects - Jake in Motion - YouTube
• Learn Adobe After Effects - Gareth David Studio - Class Central
• After Effects for Beginners | FREE Mega Course - Dave Bode - Envato Tuts+
• After Effects Basics - For Beginners | Free Course - Motion Nations

低預算

• After Effects CC 2022 Essential Training - Alan Demafiles - LinkedIn Learning
• The Beginner’s Guide to Adobe After Effects - Jake Bartlett - Skillshare
• Adobe After Effects: Complete Course from Novice to Expert - Louay Zambarakji - Udemy

中階預算

• Patata School - After Effects

高預算的完整課程 （新台幣 $6000-$30000）

• Motion Foundations - Ben Marriott
• After Effects Kickstart - School of Motion

_{額外但重要的 After Effects 教學}

Graph Editor ➡ Perfect Ball Bounce | Animation in After Effects - Michael Jones - School of Motion

學習 Adobe Photoshop 的基礎

Photoshop 用來做各種合成與照片非常方便，但它的用途不只如此，業界有許多人會用它製作精緻豐富的插畫，你也能在 Photoshop 繪製手繪的逐格動畫，而我最常用來調整非相量的設計圖、修改客戶素材以及繪製分鏡稿，熟練 Photoshop 將會開啟更多你成為藝術家的可能。

免費資源

• Photoshop for Beginners | FREE COURSE - Dan Scott - Envato Tuts+
• Photoshop Tutorial for Beginners 2023 | Everything You NEED to KNOW! (UPDATED) - Vince Opra - YouTube
• Learn Adobe Photoshop | 33 Episode FREE Course - Gareth David Studio - YouTube

低預算

• Getting Started With Adobe Photoshop on Coursera
• Adobe Photoshop for Beginners - Harrison Kuykendall - Domestika
• Photoshop 2021 Essential Training: The Basics - Julieanne Kost - LinkedIn Learning
• Photoshop 2021 Essential Training: Design - Julieanne Kost - LinkedIn Learning
• Photoshop for Beginners - Patata School

中階預算

Adobe Photoshop Mega Course-From Beginner to Super Designer - Alan Ayoubi - Udemy

高預算的完整課程（可同時學習Illustrator）

• Photoshop + Illustrator Unleashed - Jake Bartlett - School of Motion

學習 Adobe Illustrator 的基礎

Adobe Illustrator 可以說是任何設計產業的必備軟體，創作可無限放大的向量圖，廣泛被運用在平面設計、印刷、品牌識別與 UI / UX 上，可以用來創作任何你想像得到的設計作品。

免費資源

• Learn Adobe Illustrator | 19 Episode FREE Course - Gareth David Studio - YouTube
• Adobe Illustrator for Beginners | FREE COURSE - Dan Scott - Envato Tuts+
• Adobe Illustrator for Beginners (Free Course) - Andy Tells Things - YouTube
• Illustrator Full Course Tutorial (6+ Hours) - LearnIt Training - YouTube
• Adobe Illustrator Crash Course 2023 (for complete beginners) - Flux Academy - YouTube

低預算

• Get Started with Adobe Illustrator - Coursera
• Adobe Illustrator CC – Essentials Training - Dan Scott - Skillshare
• Learn Adobe Illustrator: Fundamentals for Beginners - Anne Larkina - Skillshare

高預算的完整課程（可同時學習Photoshop）

Photoshop + Illustrator Unleashed - Jake Bartlett - School of Motion

平面設計基礎

除了工具以外，平面設計的基礎也是每個設計師、藝術家或是動畫師必須掌握的項目。 了解這些設計基礎可以讓你做出更好的藝術創作，並且了解作品背後的各種意圖、構圖、色彩、紋理等，持續練習並掌握這些設計基礎，是讓你成為更好的創作者的基石。

免費資源

• Learn Graphic Design - Gareth David Studio - YouTube
• Beginners guide to Graphic Design | 45 Episode FREE Series - Gareth David Studio - Free
• Styleframe For Motion Designer - Yeti Pictures

低預算

• Fundamentals of Graphic Design by CalArts on Coursera
• Graphic Design Specialization by CalArts on Coursera

高預算

• Design Kickstart - Michael Fredrick - School of Motion
• Design Breakthrough - Ben Marriott
• Motion Design Pre-production: Planning and Creating 2D Artwork

＊更多學習資源

如果你學完這些（先替自己鼓鼓掌！）仍然感覺不夠，或是偶爾想要跳脫枯燥（但重要！）的基礎課程，以下是我推薦的學習資源、作品蒐集或工具網站，從常見的 Youtube 免費資源，到需要付費的完整課程，此外也有涉及商業理與幕後分享的 Podcast，偶爾看看必定能有所收穫！

工具網站 / 作品集

AEReference / Stash / Artofthetitle / Motionographer

推薦的 Youtube 頻道（免費！）

Plainly Simple / Envato Tuts+ / Ben Marriott / Jake In Motion / ECAbrams / Motion by Nick / Eyedesyn /Greyscalegorilla / Ukramedia / Olof Storm / School of Motion / Motion Nations / Motion Hatch / Manuel does Motion / Mt. Mograph / Motion Design Hotline / Motion Nations / Video Copilot / Motion Science

付費學習資源

低預算

Patata School / Skillshare / Coursera / LinkedIn Learning / Domestika / Udemy

中預算

Coloso / Learn Squared / Mograph Mentor

高預算

School of Motion / Motion Design School

Motion Design 的商業層面

如果你想進一步探討 Motion Design 的商業層面，如何經營、行銷、曝光、報價、協商，或是各大工作室的幕後，那你絕對不能錯過以下幾個重要的資源。

MotionHatch / The Futur / School of Motion Podcast / Between the Keyframes / Styleframe Saturday / Full Harbor

結語

你肯定沒有辦法在完成某些課程就立刻變成大師級動畫師或設計師，所有好作品都是時間的累積和無數的練習換來的，但走過這些課程能幫助你建立扎實的基礎，慢慢建立起你的作品集。

了解工作流程讓你知道怎麼團隊合作，知道怎麼與客戶溝通流程、知道怎麼安排專案時程，注重細節、敏捷調整、善於溝通、具備設計美感與動態敏銳度，都是成為好的動態設計師不可或缺的能力。新的一年就靠這份清單把設計基礎與動畫能力培養起來，增加自己解決問題與創作的新能力！

✏️🖤

嗨！我是丞平，著迷於視覺藝術、設計與圖像，深信文化是人類最強的力量，致力於工作中創作、學習與分享。拙作涉入藝術設計文化，更著眼於藝術設計工作者，如何成長，思考、經營並且增加自己工作的價值，歡迎追蹤，就能即時獲得好內容。

❖ 歡迎關注我經營中的社群
個人網站：https://chengpingli.com 
Instagram：https://www.instagram.com/chengpingli.tv/ 
Twitter：https://twitter.com/ChengPingLi 
LinkedIn：www.linkedin.com/in/chengpingli