動態設計美術必修課|用幾何概念畫出好插畫
0 seconds of 1 minute, 12 secondsVolume 0%
Press shift question mark to access a list of keyboard shortcuts
鍵盤快捷鍵
播放/暫停空白鍵
音量增加↑
音量減少↓
快進 5 秒→
倒退 5 秒←
開啟/關閉字幕c
全螢幕/離開全螢幕f
靜音/取消靜音m
Decrease Caption Size-
Increase Caption Size+ or =
跳轉至%0-9
關於課程
課程包含
包含 6 章 28 單元、1 項作業
課程時長
1 時 31 分鐘
課程總人數
94 位同學
觀看限制
不限觀看次數,還會附贈完課證書
學習升級
Hahow AI 學習助教
無需額外付費
即時問答、重點整理、測驗理解,讓知識派上用場
最新消息
課程內容
Hahow X Motioner 二棲知學 從入門到專業,帶你探索動態設計的方方面面
Hahow 與 Motioner 二棲知學 合作,推出一系列動態設計課程,從技術、實戰、心法等方面著手,讓無論是初進領域,或在業界打滾多年的你,都能找到讓專業能力更上一層樓的選擇。
不只學習課程,還送你課程動畫的原始檔案!
讓你見識與學習在動畫中所藏的珍貴技術細節! 購買課程後,在課程單元 1-1 即可下載募資影片 AEP(After Effects Project) 完整專案檔!

講師介紹
講師作品


課程內容介紹

詳細單元規劃
章節 1 - 暖身|課堂介紹與使用工具
▶ 單元 1 - 課程介紹▶ 單元 2 - 課程使用的軟硬體設備章節 2 - 插畫發想與提案|Reference、Moodboard 與提案簡報
▶ 單元 1 - 了解客戶需求、專案背景▶ 單元 2 - 關於發想 |Mind mapping 是你的好幫手▶ 單元 3 - 找尋插畫風格參考資料 Reference▶ 單元 4 - 製作插畫類的情境板 Moodboard▶ 單元 5 - 製作提案簡報|收斂腦中資料庫與想法,製作成簡報章節 3 - Storyboard 繪製|將文字腳本轉化成插畫草稿
▶ 單元 1 - 關於分鏡腳本▶ 單元 2 - 使用 PS 繪製分鏡▶ 單元 3 - 完成分鏡表格,加上文字敘述章節 4 - 美術設計 Styleframe|角色、場景繪製完稿與補充
▶ 單元 1 - 插畫設計做稿須知|避免不必要的錯誤與麻煩▶ 單元 2 - 色彩規劃|使用 limited color 限量色盤繪製插畫▶ 單元 3 - 角色設計|使用幾何圖形設計角色▶ 單元 4 - 場景設計|使用扁平式向量繪圖設計場景▶ 單元 5 - 插畫手寫字體▶ 單元 6 - 畫面完稿統整、添加材質▶ 單元 7 - 繪畫技巧補充(一):Isometric illustration 幾何等距插畫▶ 單元 8 - 繪畫技巧補充(二):透視基礎概念,單點、兩點、三點與反透視▶ 單元 9 - 繪畫技巧補充(三):在PS繪製幾何圖形▶ 單元 10 - 繪畫技巧補充(四):各種常用風格技巧 - AI 篇▶ 單元 11 - 繪畫技巧補充(五):各種常用風格技巧 - PS 篇▶ 單元 12 - 單元結語,學習建議章節 5 - 插畫與動畫的交接 |檔案整理與說明補充
▶ 單元 1 - 如何整理檔案給動畫端▶ 單元 2 - 撰寫畫面說明,提供其他素材章節 6 - 重點回顧|總結、作業與補充
▶ 單元 1 - 課堂複習與總結▶ 單元 2 - 【作業引導】📋 作業 1 - 動態影像大探險▶ 單元 3 - 小補充 1|如何以動畫師的角色和插畫家合作▶ 單元 4 - 小補充 2| 平常的養分吸收與實力累積常見問答集
我的作業要上傳到哪裡呢?
在購買課程後,就可以在 Hahow 的「作業成果」區,選擇要上傳繳交哪一份作業。
老師會來批改我的作業嗎?
老師將 2-3 週 批改一次作業。
老師會回覆我的問題嗎?
若同學有問題,都可以在購買課程後,至「問題討論」區發問。
老師將 2-3 週 回覆一次問題。
一起加入課程專屬《Motioner VIP 交流社團》 當你購買《動態設計美術必修課|用幾何概念畫出好插畫!》這門課程後 你就能加入替《動態設計全面實戰》系列課程所設立的專屬社團
社團加入方式,請於購課後於「課程公告」中查看。
哪些人適合這堂課?
本課程適合:
🔸 所有想學向量插畫的人
🔸 想要踏入這個產業的零基礎初學者
🔸 不會畫畫,但想學插畫的人
本課程不適合:
❌ 單純想要學習 Ai、PS 軟體操作的人
❌ 對「插畫設計、動態設計」等已經有經驗的人
若仍不確定此課程是否適合,歡迎透過單元 1-1 的試看影片進一步了解喔!
你可以學到
1. 一次解決「創意發想方法」「幾何設計思維」「基本插畫概念」
2. 學會使用軟體中「對的工具」繪製出細緻的幾何風格插畫
3. 完整學習:從「插畫師的角度」掌握每個設計細節與需求!
4. 各種插畫繪圖與專案執行中不可不知的實用隱藏技巧!
5. 建立「插畫類動態專案」的前期流程完整認知!
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
本課程主要使用 illustrator 進行教學,建議同學準備下咧軟體和工具:
🔸 illustrator(在 Adobe 網站可以下載免費試用版七天,歡迎大家下載來上課。)
🔸 Photoshop(在 Adobe 網站可以下載免費試用版七天,歡迎大家下載來上課。)
🔸 筆電或桌電(PC/Mac 皆可),老師課堂中會使用 Mac 示範
🔸 繪圖板(不限品牌)
🔸 紙跟筆(繪製草稿、紀錄重點)
需要具備的背景知識
課程中會使用到 Illustrator、Photoshop,並針對特定功能進行示範操作,但不會特別講解工具功能
因此適合具備 Ps、Ai 基礎功能操作的同學
無使用過 Ps、Ai ,仍可透過本課程了解「動態設計的插畫設計專案」的流程單元一覽
6 章 28 單元|總時長 91 分鐘
全部展開1
暖身|課堂介紹與使用工具
影片單元
單元 2 - 課程使用的軟硬體設備
00:55
2
插畫發想與提案|Reference、Moodboard 與提案簡報
影片單元
單元 1 - 了解客戶需求、專案背景
02:14
影片單元
單元 2 - 關於發想 |Mind mapping 是你的好幫手
01:59
影片單元
單元 3 - 找尋插畫風格參考資料 Reference
01:29
影片單元
單元 4 - 製作插畫類的情境板 Moodboard
01:48
影片單元
單元 5 - 製作提案簡報|收斂腦中資料庫與想法,製作成簡報
01:44
3
Storyboard 繪製|將文字腳本轉化成插畫草稿
4
美術設計 Styleframe|角色、場景繪製完稿與補充
影片單元
單元 1 - 插畫設計做稿須知|避免不必要的錯誤與麻煩
03:19
影片單元
單元 2 - 色彩規劃|使用 limited color 限量色盤繪製插畫
03:27
影片單元
單元 3 - 角色設計|使用幾何圖形設計角色
07:31
影片單元
單元 5 - 插畫手寫字體
03:29
影片單元
單元 6 - 畫面完稿統整、添加材質
05:40
影片單元
單元 7 - 繪畫技巧補充(一):Isometric illustration 幾何等距插畫
04:55
影片單元
單元 8 - 繪畫技巧補充(二):透視基礎概念,單點、兩點、三點與反透視
02:51
影片單元
單元 9 - 繪畫技巧補充(三):在PS繪製幾何圖形
04:00
影片單元
單元 10 - 繪畫技巧補充(四):各種常用風格技巧 - AI 篇
08:06
影片單元
單元 12 - 單元結語,學習建議
01:39
5
插畫與動畫的交接 |檔案整理與說明補充
影片單元
單元 1 - 如何整理檔案給動畫端
03:46
影片單元
單元 2 - 撰寫畫面說明,提供其他素材
01:53
6
重點回顧|總結、作業與補充
影片單元
單元 1 - 課堂複習與總結
02:21
影片單元
單元 2 - 作業引導
01:16
作業單元
作業 1 - 動態影像大探險
查看作業
影片單元
單元 3 - 小補充 1|如何以動畫師的角色和插畫家合作
02:37
影片單元
單元 4 - 小補充 2| 平常的養分吸收與實力累積
01:59
試看單元
課程評價
本課暫無評價或評價未達 3 筆,暫不顯示
關於講師
二棲知學 Motioner
40堂課程10篇文章32,049位學生
【Motioner 二棲知學】集結臺灣最專業的設計業界師資,為你打造最完整扎實的動態設計課程,搭起學界與業界的橋樑,成為每位學員在設計路上的學習嚮導!
購課前問答
日期最新
日期最新
日期最舊
愛心數
Belle
2025-05-05
請問一下 這堂課是會用到AE軟體嗎? 看標題說『動態設計』。。?
(已編輯)
同學您好
這堂課較偏向在進入AE做動態設計之前,如何將要導入的素材用向量的方式畫好。
以達到與動畫師順利的協作,方便進行動態製作。
課程中會使用的是 Ps 以及 Ai 兩套Adobe底下的軟體學習。
如果後續要學習動態設計的話,這門課會是很好的前置學習點喔~
By Motioner小助教
Belle
2025-05-14
了解,謝謝您的回答 我會找時間來報名看看
回覆
我也想問
Enos
2025-03-09
請問老師,沒有繪畫基礎適合這堂課嗎?謝謝🙏
同學您好
若沒有繪畫基礎的話是沒有問題的喔!
同時,這堂課主要較偏向如何與動畫進行配合來進行創作,所以過程中較不像傳統使用繪圖板或畫筆的方式一筆一筆畫圖。
而較偏向使用幾何的方式,將向量的色塊、線條搭配在一起變成圖樣,來完成插畫作品。若同學想學習這方面的插畫,很推薦您學這一堂課程喔!
By Motioner小助教
回覆
我也想問
X Crystal
2023-02-09
你好👋,我想請問本身有繪畫基礎,想要達到像宣傳影片一樣使畫面變成動畫的效果適合購買此課程嗎?謝謝!
同學您好,若想將畫面變成動畫,可參考以下兩種方式及相關課程:
1. 如果想嘗試手繪動畫,建議參考貓草影像開設的課程《從基礎學會手繪動畫課|做那些 AE 做不到的事》:https://hahow.in/cr/motioner-c11
2. 如果想學習 AE 動畫,建議參考林思翰老師的《動態設計全方位![動畫篇] 實戰入門一次搞定》:https://hahow.in/cr/motioner-c03
若同學已有繪畫基礎,以手繪動畫出發,學習成本會相對比較小一點喔!
Motioner 小助教
(已編輯)
回覆
我也想問
購買單堂課
NT$2,380
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用