#設計#動態設計

所有知識內容>自學設計>動態設計

小蛙同學

2022/08/24

2,227

【2D／手繪篇】14+1 堂動畫設計師養成計劃

動態設計（Motion Graphics）是什麼？實際運用時有哪些難題經常出現？盤點「使用情境」、「使用工具」和「先備知識」，找出最適合你的那門課。

對文章有興趣來不及看？點選右上角「橘色小書籤」收藏文章，再也不怕錯過就是一輩子！

動態設計（Motion Graphics）是什麼？實際運用時有哪些難題經常出現？針對不同了解程度的同學，盤點「使用情境」、「使用工具」和「先備知識」，找出最適合你的那門課。一起踏入動態設計的異世界吧！

先花 1 分鐘想一想，以下哪句話更貼近你的內心獨白？

🆅 MG 是什麼？看見好作品時，除了「哇～」我還想說出點門道。
請右轉教室 A. 職人體驗課

🆅 MG 是什麼我當然知道，但在實戰上常常遇到難題也找不出頭緒。
請直走教室 B. 種子培訓班

🆅 先不說 MG 是什麼了，我現在只想知道眼前的甲方為什麼總是皺眉。
請左轉教室 C. 進階特訓班

🆅 MG 之外，有沒有更多技巧讓我面對公司和客戶更得心應手？
請上樓教室 D. 在職進修班

A. 【無經驗可】職人體驗課

備好零食，打開影集，小蛙總不想錯過片頭的動畫，格外留意其中巧妙的細節。想多了解一些，但是 google 到的資訊和軟體眼花撩亂，才剛提起的興趣，馬上又被澆熄了。

你也和小蛙一樣，不知從何入門嗎？放輕鬆，只要先花半小時，免費請你觀賞一部影集。從設計師最常使用的 Photoshop 和 Illustrator 打好基礎，學會製作適合動態設計的設計稿，一併打包帶走所有初學者必備的觀念和小技巧。

推薦你：

▶ Motion Graphics 新手村｜Ai + Ps 超實用攻略

🆅使用工具：Photoshop、Illustrator
🆅先備知識：歡迎無經驗、無背景、不會操作任何軟體的新手。

圖片來源：Motion Graphics 新手村｜Ai + Ps 超實用攻略

B. 【適合新手】種子培訓班

上完體驗課之後，還澆不息你的求知慾嗎？以下兩張動圖，你第一眼更喜歡哪一個？

動態設計全方位設計篇
圖片來源：動態設計全方位！[設計篇] 設計竅門一次搞懂

動態設計全方位設計篇
圖片來源：動態設計美術必修課｜用幾何概念畫出好插畫

☜ 選擇上方，偏愛清晰實用的路線
現在已有一些基礎的你，想領會更多動態設計的奧妙，那便不能錯過「動態設計一條龍」的套裝行程。從設計篇到動畫篇，從文字、分鏡、動態腳本到動態製作、影音整合，最後完成影片，從頭到尾帶你完整順一次實際的設計思維與工作流程。一步步跟著做，學到提升效率的小技巧，更學到設計精髓。不再照本宣科，靈活變化出屬於自己的動畫風格。

動態設計全方位設計篇
圖片來源：動態設計全方位！[設計篇] 設計竅門一次搞懂

推薦你：

▶ 動態設計全方位！[設計篇] 設計竅門一次搞懂

🆅使用工具：Illustrator
🆅先備知識：已知動態設計是什麼，也具備 Illustrator 軟體操作基礎。

推薦你：

▶ 動態設計全方位！[動畫篇] 實戰入門一次搞定

🆅使用工具：After Effects
🆅先備知識：已知動態設計是什麼，但不清楚 After Effects 如何操作的新手也歡迎。此課程的第一章開放免費觀看，帶你徹底了解動畫基本功！

不知道動態設計是什麼？歡迎先右轉去教室 A. 職人體驗課，花半小時上一堂免費課程：

▶ Motion Graphics 新手村｜Ai + Ps 超實用攻略

☞選擇下方，愛上手繪插畫動起來的生命力
現在已有一些動態設計基礎的你，更適合從專業插畫師的角度，吸收實戰技巧。包含作畫時應注意什麼，插畫動起來才不會奇怪，以及從發想到完稿，如何配合業界動態專案的實務操作。

不會畫畫也沒關係，只要會操作基礎的 Illustrator 和 Photoshop，就可以跟著課程製作出生動有趣的向量插畫設計稿。

推薦你：

▶ 動態設計美術必修課｜用幾何概念畫出好插畫

🆅使用工具：Illustrator（主要）、Photoshop、繪圖板
🆅先備知識：不需要會畫畫，但需有 Illustrator、Photoshop 軟體的基礎操作能力。

「我會畫畫呀，但作品常被說少了些什麼⋯⋯」有時候，能不能吸引目光的關鍵，正是建立起自身「風格」。然而，風格說來抽象，如何將其概念化和操作化，就讓專業的來告訴你。解析作品元素與重構的邏輯，從建立風格、突破既有風格，到與客戶溝通風格的經驗談，完整了解業界的設計思維。

推薦你：

▶ 用構圖拆解百變風格｜新手也能打造的插畫風格

🆅使用工具：Photoshop（主要）、Illustrator、Procreate
🆅先備知識：已有插畫經驗，也有 Illustrator 和 Photoshop 軟體的基礎操作能力（了解圖層、筆刷、選取等概念）。

C-1. 【適合設計師】進階特訓班

「還沒有素材，你先設計一下『感覺』」、「我也不知道，就怪怪的⋯⋯你再改一下」特訓後的小蛙終於成為夢想中的動態設計師，沒想到現實中遇到的難題一個比一個還莫名其妙。美感、技術？只有這些居然還遠遠不夠，到底怎麼擺脫無限修改的死循環？

拒當設畜，重新找回眼底光芒，就從換個角度思考開始。那些你其實都會的技巧，在巧妙運用之後，沒想到就能因應更刁鑽的現實需求了！特別開設給從業設計師，融合多年實戰經驗的心法與概念，耗時耗力耗血淚的絕學技巧，濃縮進一個課程通通教給你。

推薦你：

▶ ㄘ我の排版辣！向設畜說不的動態排版學

🆅使用工具： Illustrator
🆅先備知識：有設計背景，且需具備 Illustrator 軟體操作技能。

C-2. 【適合動畫師】進階特訓班

特效百百種，越華麗越好？我要的「質感」特效怎麼找？呼叫剪輯師、VJ（Video Jockey）和 PV 動畫師，專為你們開的課程來了！從實際案例分析，了解各種類型的特效搭配時機和情境。更進一步拆解特效的運作邏輯，學會輕鬆疊加與靈活運用的技巧，做出路人也模仿不來的亮眼特效。

推薦你：

▶ AE 必學特效實戰課｜只要你懂特效，特效就會幫你！

🆅使用工具：After Effects
🆅先備知識：具備動態設計與動畫運作原理的基本概念、了解 After Effects 操作介面並實際操作過。

圖片來源：AE 必學特效實戰課｜只要你懂特效，特效就會幫你！

比起特效，如何把每個畫面銜結在一起讓你更苦手？想解決這一難題，就從拆解「轉場」開始。轉場是一支動畫流暢的關鍵技巧。讓這堂課帶你解析 5 大轉場效果的應用時機，上完課就能學會用 After Effects 製作出畫龍點睛的轉場效果。

推薦你：

▶ 動畫師私藏系列｜從轉場學會拆解 Motion Graphics

🆅使用工具：After Effects
🆅先備知識：具備動態設計與動畫運作原理的基本概念、了解 After Effects 操作介面並實際操作過。

除了特效、轉場之外，許多故事常總是從角色開始，但每每碰到有角色的腳本內容，卻常常不知道如何讓角色動起來，只能找很多範本去模仿動作？跟著課程，一步步了解角色、表演呈現的效果與傳達的情緒，從零開始創作一個專屬於你的角色，完成一段生動有趣的動畫表演。並在學習過程中，同步解決動畫表演風格常見的難題。

推薦你：

▶ 生動表演大剖析 ! 角色動畫特訓班

🆅使用工具：After Effects（主要）、Illustrator、Photoshop、True Comp Duplicator 等等
🆅先備知識：已經有動畫製作經驗，具備動態設計與動畫運作原理的基本概念、了解 After Effects 操作介面並實際操作過。

圖片來源：生動表演大剖析 ! 角色動畫特訓班

如果上述課程都 easy peasy，對 After Effects 已經頗為熟練的你，依然不滿足於呈現的效果？那麼，手繪逐格動畫（Cel）可以認識一下。差別是什麼，一看便知——

從基礎學會手繪動畫課

圖片來源：上、下皆為從基礎學會手繪動畫課｜做那些 AE 做不到的事

同樣是火焰，效果更加生動、動作細節更加飽滿的那一張，就是手繪逐格動畫（Cel）的能力。跟著課程學會從原畫、清稿、上色等手繪動畫流程，以及搞懂逐格必備的製作細節。學會 After Effects 的後製合成，完美結合智慧與科技，省下複雜的材質與陰影的手工繪製時間。將時間花在刀口上，省下更多時間休息睡覺。人美，作品更美。

推薦你：