你想將所在地區設為 美國 並顯示 繁體中文 嗎?
更新設定關閉
關閉
登入/註冊
動態設計美術必修課|用幾何概念畫出好插畫
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
00:00
00:00
01:12
 
二棲知學 Motioner

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

沒有畫畫背景,卻又想學插畫嗎? 不用繪畫基礎的向量插畫能夠完成你的夢想!
Hahow AI 學習升級
15.5 k 的人也在觀看

關於課程

課程包含

包含 6 章 28 單元、1 項作業

課程時長

1 時 31 分鐘

課程總人數

94 位同學

觀看限制

不限觀看次數,還會附贈完課證書

學習升級

Hahow AI 學習助教
無需額外付費
即時問答、重點整理、測驗理解,讓知識派上用場

最新消息

課程內容

圓角膠囊形橫幅以藍綠、黃色與粉紅色漸層為背景,中央呈現「Hahow × 二棟知學」字樣,兩側搭配星星與藍色曲線裝飾。

Hahow X Motioner 二棲知學 從入門到專業,帶你探索動態設計的方方面面

Hahow 與 Motioner 二棲知學 合作,推出一系列動態設計課程,從技術、實戰、心法等方面著手,讓無論是初進領域,或在業界打滾多年的你,都能找到讓專業能力更上一層樓的選擇。

促銷橫幅以黃色格線背景、藍黃紅色播放箭頭與攝影機插圖呈現,主文案為「購課即可獲得募資影片 AEP 完整專案檔」。

不只學習課程,還送你課程動畫的原始檔案!

讓你見識與學習在動畫中所藏的珍貴技術細節! 購買課程後,在課程單元 1-1 即可下載募資影片 AEP(After Effects Project) 完整專案檔!

主視覺以人物手持鉛筆與凌亂線稿呈現插畫學習情境,傳達沒有繪畫背景也能學習向量插畫、完成創作夢想,並引導思考向量插畫在動態設計中的角色。


「向量插畫」是動態設計中最常見的一種風格形式,透過角色與場景結合動畫與 Motion Graphics 轉場,讓原本的靜態插畫轉變為充滿生命力的作品。

執行動態插畫專案時會遇到兩大問題:插畫師如何配合動態專案,以及想讓自己的插畫動起來,作畫時需要注意哪些事項。

講師介紹

講師李笠潔是插畫師、動畫師與動畫導演,曾任 Bito 副藝術指導及 Folio Art 動畫導演,擅長插畫、2D 動畫與動態影像設計,作品曾獲 3x3 插畫獎、ADC 設計獎。

講師作品



課程內容介紹

動態設計的向量插畫實戰課,帶你從發想靈感、規劃專案、進行提案、繪製分鏡到交接檔案,使用 Illustrator、Photoshop 練習 Styleframe,並透過 Before/After 示範將插畫動起來。

課程以「實戰拆解|七大美術風格」為主軸,涵蓋像素、拼貼與漫畫等插畫風格,並透過幾何圖形創作角色與場景、完成 Styleframe;另提供業內模板與 AI 原稿素材,解析團隊合作流程。


詳細單元規劃

章節 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| 平常的養分吸收與實力累積

課程適合插畫初學者、想學幾何風格的設計者,以及希望為動態專案繪製插畫的專業插畫家;將學習 Illustrator、Photoshop 與插畫類動態專案的前期流程。

常見問答集

我的作業要上傳到哪裡呢?

  • 在購買課程後,就可以在 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
暖身|課堂介紹與使用工具
影片單元
單元 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 繪製|將文字腳本轉化成插畫草稿
影片單元
單元 1 - 關於分鏡腳本
01:41
影片單元
單元 2 - 使用 PS 繪製分鏡
影片單元
單元 3 - 完成分鏡表格,加上文字敘述
02:30
4
美術設計 Styleframe|角色、場景繪製完稿與補充
影片單元
單元 1 - 插畫設計做稿須知|避免不必要的錯誤與麻煩
03:19
影片單元
單元 2 - 色彩規劃|使用 limited color 限量色盤繪製插畫
03:27
影片單元
單元 3 - 角色設計|使用幾何圖形設計角色
07:31
影片單元
單元 4 - 場景設計|使用扁平式向量繪圖設計場景
影片單元
單元 5 - 插畫手寫字體
03:29
影片單元
單元 6 - 畫面完稿統整、添加材質
05:40
影片單元
單元 7 - 繪畫技巧補充(一):Isometric illustration 幾何等距插畫
04:55
影片單元
單元 8 - 繪畫技巧補充(二):透視基礎概念,單點、兩點、三點與反透視
02:51
影片單元
單元 9 - 繪畫技巧補充(三):在PS繪製幾何圖形
04:00
影片單元
單元 10 - 繪畫技巧補充(四):各種常用風格技巧 - AI 篇
08:06
影片單元
單元 11 - 繪畫技巧補充(五):各種常用風格技巧 - PS 篇
影片單元
單元 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
試看單元
播放試看影片
章節 1 - 暖身|課堂介紹與使用工具
單元 1 - 課程介紹
試看影片
02:10
播放試看影片
章節 3 - Storyboard 繪製|將文字腳本轉化成插畫草稿
單元 2 - 使用 PS 繪製分鏡
試看影片
02:32
播放試看影片
章節 4 - 美術設計 Styleframe|角色、場景繪製完稿與補充
單元 4 - 場景設計|使用扁平式向量繪圖設計場景
試看影片
06:52
播放試看影片
章節 4 - 美術設計 Styleframe|角色、場景繪製完稿與補充
單元 11 - 繪畫技巧補充(五):各種常用風格技巧 - PS 篇
試看影片
06:59
課程評價
本課暫無評價或評價未達 3 筆,暫不顯示

關於講師

二棲知學 Motioner
40堂課程
10篇文章
32,049位學生
【Motioner 二棲知學】集結臺灣最專業的設計業界師資,為你打造最完整扎實的動態設計課程,搭起學界與業界的橋樑,成為每位學員在設計路上的學習嚮導!
前往講師頁面

購課前問答

日期最新
日期最新
日期最舊
愛心數
Belle
2025-05-05
請問一下 這堂課是會用到AE軟體嗎? 看標題說『動態設計』。。?
(已編輯)
二棲知學 Motioner
授課老師
2025-05-13
同學您好 這堂課較偏向在進入AE做動態設計之前,如何將要導入的素材用向量的方式畫好。 以達到與動畫師順利的協作,方便進行動態製作。 課程中會使用的是 Ps 以及 Ai 兩套Adobe底下的軟體學習。 如果後續要學習動態設計的話,這門課會是很好的前置學習點喔~ By Motioner小助教
Belle
2025-05-14
了解,謝謝您的回答 我會找時間來報名看看
回覆
我也想問
Enos
2025-03-09
請問老師,沒有繪畫基礎適合這堂課嗎?謝謝🙏
二棲知學 Motioner
授課老師
2025-03-10
同學您好 若沒有繪畫基礎的話是沒有問題的喔! 同時,這堂課主要較偏向如何與動畫進行配合來進行創作,所以過程中較不像傳統使用繪圖板或畫筆的方式一筆一筆畫圖。 而較偏向使用幾何的方式,將向量的色塊、線條搭配在一起變成圖樣,來完成插畫作品。若同學想學習這方面的插畫,很推薦您學這一堂課程喔! By Motioner小助教
回覆
我也想問
木木
2023-03-11
請問老師 我不會畫畫可以學這堂課嗎?
回覆
2 人想問
X Crystal
2023-02-09
你好👋,我想請問本身有繪畫基礎,想要達到像宣傳影片一樣使畫面變成動畫的效果適合購買此課程嗎?謝謝!
二棲知學 Motioner
授課老師
2023-02-15
同學您好,若想將畫面變成動畫,可參考以下兩種方式及相關課程: 1. 如果想嘗試手繪動畫,建議參考貓草影像開設的課程《從基礎學會手繪動畫課|做那些 AE 做不到的事》:https://hahow.in/cr/motioner-c11 2. 如果想學習 AE 動畫,建議參考林思翰老師的《動態設計全方位![動畫篇] 實戰入門一次搞定》:https://hahow.in/cr/motioner-c03 若同學已有繪畫基礎,以手繪動畫出發,學習成本會相對比較小一點喔! Motioner 小助教
(已編輯)
回覆
我也想問
購買單堂課

NT$2,380
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用

相關標籤