🇹🇼 國慶日快樂!限定加碼 $1,010 購課金 🎇 點擊再現領 \\ 全站課程 85 折券 //
天
時
分
國慶特選課現折 $1,010💥
登入/註冊
從基礎學會手繪動畫課|做那些 AE 做不到的事
0 seconds of 1 minute, 14 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:14
 
二棲知學 Motioner

從基礎學會手繪動畫課|做那些 AE 做不到的事

學會手繪原理與表演技巧、深入手繪合成與上色方法 將 Cel 實用技法一網打盡,並搞懂與 AE 間的結合應用
Hahow AI 學習升級
45.5 k 的人也在觀看

關於課程

課程包含

包含 7 章 26 單元、1 項作業

課程時長

3 時 36 分鐘

課程總人數

353 位同學

觀看限制

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

學習升級

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

最新消息

課程內容

Hahow × 二棲知學字樣置於藍綠、黃色與粉紅色的柔和彩色漸層圓角橫幅中央,兩側搭配星星與手繪曲線裝飾。

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

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

深藍色幾何線條橫幅標示:「購課即可獲得此宣傳片 AEP 原始檔」,說明購課可取得宣傳片的 AEP 原始檔。

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

讓你見識與學習在動畫中所藏的珍貴技術細節! 購買課程後,在課程單元 1-1 即可下載此宣傳片 AEP(After Effects Project) 原始檔!

難道學會 AE,就能打遍天下無敵手嗎?

動漫中令人喜愛的華麗動畫效果,是否全是手繪動畫製作?使用 AE 時,想做的特效與轉場效果總是硬幹也做不到?

課程痛點聚焦於動畫與特效製作:學員想用 AE 完成華麗轉身、煙霧與火焰等效果,卻不熟 KEY 及複雜介面;逐格手繪耗時,作品效率與進階材質技巧也難以提升。

粉紅與紫色漸層背景的手繪動畫宣傳橫幅,中央標語寫著「別再猜啦!這些只有手繪動畫才做的到!」,周圍點綴星星與飄帶圖案。

手繪逐格動畫(Cel)

Cel 全名為 Cel-Animation,中文稱手繪逐格動畫,廣泛應用於《鬼滅之刃》、宮崎駿與《你的名字》等日系動畫;貓草影像的啵啵與 Nelson 老師將講解繪製觀念,搭配 After Effects 製作華麗動態效果。

效果對比

布料效果:AE


布料效果:CEL


火焰效果:AE


火焰效果:CEL


煙霧效果:AE


煙霧效果:CEL


課程特色是將 Cel 與 AE 完美搭配,從基礎學習手繪逐格動畫(Cel),快速做出想要的呈現,完成 AE 做不到的效果。

深藍色幾何線條與星點背景的標題橫幅,文字寫著「學會手繪動畫基礎概念,做出豐富的角色表演」,呈現手繪動畫與角色表演主題。

Before:

藍綠漸層背景中央,一個白色與粉紅色相間的圓潤角色站立著,頭頂有兩組青綠色鹿角,瞪著藍色橢圓眼睛,身後露出藍綠相間的條紋尾巴。

After:


深紫色幾何星空背景的橫幅,以青綠色文字呈現「學會特效繪製技巧,讓你的畫面增加豐富度」,外圍有白色矩形框線裝飾。

Before:


After:


橫幅標題寫著「學會 AE 合成技巧,更有效的做好華麗美術風格」,文字以青綠色呈現,搭配深紫色幾何線條、星點與邊框裝飾。

Before:


After:


課程特色

課程特色聚焦 Cel 與 AE 的結合:從原畫、中割、清稿上色與動畫十二守則入門,進階學習尾巴、頭髮、布料、火焰等複雜動態及 360 度運鏡,並用 AE 外掛與合成技巧完成手繪效果。

課程內容包含

課程涵蓋手繪原理、角色表演、特效與上色,從原畫、清稿到逐格動畫製作,並教學 Cel 技法與 AE 後製合成、材質陰影處理及軟體協作。

還有精彩的案例解析

Mixcode 主張從專案解析出發,融合 2D、3D、實拍、複合媒材與手繪,突破界限,挑戰超越維度的視覺呈現。

從設計 Styleframe* 到完成「多喝水 MORE 氣泡水--人生不輕易滿足篇」的逐格手繪動畫,解析關鍵畫面張數的決定方式,以及手繪特效細節處理,提升動畫說服力。


以「GOGORO VIVA 形象影片」為例,呈現 3D、手繪與實拍等不同形式的創意表現,說明 2D、3D、Cel、插畫、實拍的專案分工,以及如何整合不同動態風格。


綜合實拍畫面、3D、角色動畫與複合媒材的應用案例:「中華電信 Hami Video/©C@T 戰隊集結 宣傳影片」,解析大型複雜專案的時程評估、人物拍攝與動畫搭配,以及畫面元素結合 Cel 的手法。


手繪動畫、漫畫風格與 3D 素材的完美搭配,以「披荊斬棘的哥哥」節目片頭影片為案例,解析美式漫畫風格動畫的製作困難與解決方案,並說明 3D 與 Cel 的優勢及交錯融合應用手法。


單元規劃

章節 1 - 手繪逐格(Cel)是什麼?這堂課在教什麼呢?

單元 1 - 想讓作品更生動,手繪逐格是你不能缺少的好幫手!

單元 2 - 手繪逐格該怎麼用 : 了解 Cel 於不同專案的運用

章節 2 - 手繪逐格(Cel)小試身手一下|基礎概念與前置準備

單元 1 - 基本概念:手繪逐格的製作流程有什麼不同嗎?

單元 2 - 前置準備:工具軟體準備好,畫手繪沒煩惱

單元 3 - 動畫練習:原畫中割是什麼?跟著老師畫手繪逐格

單元 4 - 動畫練習:動態節奏掌握好,律表與中割指示不能少

單元 5 - 手繪逐格基本概念:做動畫不能不知的「動畫 12 守則」

章節 3 - 手繪逐格(Cel)大展身手|進階動態的運動概念與應用

單元 1 - 動畫練習:尾巴、頭髮、布料,曲線擺動不再卡卡

單元 2 - 動畫練習:燃燒吧~火苗~火焰節奏與形態拿捏

單元 3 - 動畫練習:煙霧動態不再霧煞煞,掌握黏稠度與柔和動態

單元 4 - 動畫練習:旋轉~跳躍~不閉眼,物體旋轉交給三視圖來輔助

單元 5 - 動畫練習:「360度運鏡」不能少的方箱概念

章節 4 - 終於畫出動態草稿!但要怎麼銜接進專案呢?

單元 1 - 手繪逐格整合:從發想到動態草稿

單元 2 - 手繪逐格整合:好清稿一生平安,提升後製效率

單元 3 - 手繪逐格整合:上色也有大學問,不用照著美術畫也行!

單元 4 - 不能忽略的出檔 SOP

章節 5 - Bibbidi-Bobbidi-Boo! 還原美術風格階段~

單元 1 - AE 後製:手繪逐格專用插件 x Layer Style

單元 2 - 課程總結:享受在手繪裡的創作吧!

作業 1 - 5 秒 Cel 手繪動畫作業

章節 6 - 來看看手繪逐格(Cel)與 AE 怎麼延伸運用吧!

單元 1 - 延伸說明:專案 Workflow 講解

單元 2 - AE 協作小撇步:移動光源綁附 & 抽格效果

單元 3 - 手繪逐格協作小撇步:材質貼圖繪製 & 螢火蟲拖尾

章節 7 - MixCode 精選專案幕後解析

單元 1 - 3D、手繪、實拍呈現不同形式的創意表現

單元 2 - 從設計 Styleframe,到完成整段逐格手繪動畫過程頗析

單元 3 - 統合實拍畫面、3D 角色動畫、複合媒材綜合應用

單元 4 - 手繪動畫與漫畫風格與 3D 素材的完美搭配

單元 5 - 專訪:MixCode 動態設計創作與經營歷程

講師介紹

貓草影像

貓草影像 C-Grass.tv 以影像企劃、動態製作與美術視覺為主軸,特色是手繪動畫與 Cel-Animation。課程由貓草影像的啾啾及 Nelson 老師帶領,作品包含《Netflix-極道千金》片頭動畫、《臺北捷運100億》宣傳動畫等專案。

一起看看貓草影像更多精彩作品!

behance / Facebook / Instagram / Website 更多的作品精彩幕後細節: 1. 2019 超犀利趴10 SuperSlipper | Next On VCR 2. 2020南瀛國際民俗藝術節—臺灣演藝| 宣傳影片 3. Once upon time | 宜蘭映像節宣傳影像 4. Taipei MRT-TEN BEILLION|台北捷運100億缺你不可宣傳影片 5. 2021年 雙十總統府國慶光雕

MixCode 混合編碼工作室

MixCode 混合編碼工作室介紹:曾製作金曲獎、金馬獎、Apple 等大型專案,融合各式媒材與人才,分享 Cel 與 AE 結合的視覺執行細節;作品涵蓋《Gogoro Viva Mix》形象廣告、《多喝水 MORE》氣泡水廣告與《Pause Originals 2022》合輯動畫。

來看看 Mixcode 更多精彩作品!

behance / Facebook / Instagram / Website

常見問答集

我一定要會畫畫,才能做手繪動畫嗎?

  • 本課程中不會教學基礎的繪畫技巧,建議有基礎繪畫知識或電繪經驗,會比較好上手。但若沒有繪畫經驗也沒關係,課程會提供老師示範的素材檔案讓學生練習哦!

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

  • 在購買課程後,就可以在 Hahow 的「作業成果」區,選擇要上傳繳交哪一份作業。

老師會來批改我的作業嗎?

  • 老師將 2-3 週批改一次作業。

老師會回覆我的問題嗎?

  • 若同學有問題,都可以在購買課程後,至「問題討論」區發問。

  • 老師將 2-3 週回覆一次問題。

深藍色科技感背景搭配星點與幾何線條,中央以大型白色文字標示「課程專屬社團」,兩側有青綠色箭頭裝飾。

一起加入課程專屬《Motioner VIP 交流社團》

當你購買《從基礎學會手繪動畫課|做那些 AE 做不到的事》這門課程後 你就能加入替《動態設計全面實戰》系列課程所設立的專屬社團 社團加入方式,請於購課後於「課程公告」中查看。

哪些人適合這堂課?
🔸 對手繪動畫有興趣的同學 🔸 對繪製日系動畫有興趣的同學 🔸 想進一步提升作品呈現及效率的設計師、動畫師
你可以學到
1. 一次學好手繪動畫:AE 不熟或剛學手繪?紮實從零學好基礎,進一步做好自己的作品! 2. 掌握手繪動畫原理:誇張角色表演、手繪特效原理與技巧全部搞定,再也不怕瞎忙硬幹! 3. 清晰搞懂製作細節:學會從原畫、清稿、上色等手繪動畫流程,及逐格必備的整合知識! 4. 學會 AE 後製合成:面對複雜美術場景的材質與陰影,用對 AE 合成技巧省下繪製時間! 5. 熟悉軟體協作搭配:學會 AE 在手繪動畫上的必備操作,並能夠判斷使用時機完成作品!
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
本課程主要使用 Clip Studio Paint EX (CSP) 與 After Effects 進行教學! 同學們可以至 Clip Studio Paint 官網下載免費試用版(試用期 3-6 個月),使用 CSP 時需具備繪圖板與繪圖筆,也可以在平板電腦上使用繪圖筆創作。 CSP 的軟體教學重點會著重在「動畫繪製」的功能上,不會著墨太多其他繪畫功能,而 After Effects 可至 Adobe 官網下載七天免費試用版。
需要具備的背景知識
建議同學要對 AE 的基礎功能,以及動畫的製作流程有一定程度的認識,比較不會有知識斷點 但如果是對手繪動畫(CEL)不熟悉的同學,課程將會從基礎概念、軟體操作開始講解,因此也不用擔心會跟不上喔!
單元一覽
7 章 26 單元|總時長 216 分鐘
全部展開
1
手繪逐格(Cel)是什麼?這堂課在教什麼呢?
影片單元
單元 1 - 想讓作品更生動,手繪逐格是你不能缺少的好幫手!
03:08
影片單元
單元 2 - 手繪逐格該怎麼用 : 了解 Cel 於不同專案的運用
04:55
2
手繪逐格(Cel)小試身手一下|基礎概念與前置準備
影片單元
單元 1 - 基本概念:手繪逐格的製作流程有什麼不同嗎?
11:26
影片單元
單元 2 - 前置準備:工具軟體準備好,畫手繪沒煩惱
15:30
影片單元
單元 3 - 動畫練習:原畫中割是什麼?跟著老師畫手繪逐格
05:31
影片單元
單元 4 - 動畫練習:動態節奏掌握好,律表與中割指示不能少
影片單元
單元 5 - 手繪逐格基本概念:做動畫不能不知的「動畫12守則」
08:44
3
手繪逐格(Cel)大展身手|進階動態的運動概念與應用
影片單元
單元 1 - 動畫練習:尾巴、頭髮、布料,曲線擺動不再卡卡
影片單元
單元 2 - 動畫練習:燃燒吧~火苗~火焰節奏與形態拿捏
08:29
影片單元
單元 3 - 動畫練習:煙霧動態不再霧煞煞,掌握黏稠度與柔和動態
08:51
影片單元
單元 4 - 動畫練習:旋轉~跳躍~不閉眼,物體旋轉交給三視圖來輔助
08:05
影片單元
單元 5 - 動畫練習:「360度運鏡」不能少的方箱概念
07:03
4
終於畫出動態草稿!但要怎麼銜接進專案呢?
影片單元
單元 1 - 手繪逐格整合:從發想到動態草稿
07:04
影片單元
單元 2 - 手繪逐格整合:好清稿一生平安,提升後製效率
影片單元
單元 3 - 手繪逐格整合:上色也有大學問,不用照著美術畫也行!
09:22
影片單元
單元 4 - 不能忽略的出檔 SOP
04:42
5
Bibbidi-Bobbidi-Boo! 還原美術風格階段~
影片單元
單元 1 - AE 後製:手繪逐格專用插件 x Layer Style
14:24
影片單元
單元 2 - 課程總結:享受在手繪裡的創作吧!
05:51
作業單元
作業 1 - 5 秒 Cel 手繪動畫作業
查看作業
6
來看看手繪逐格(Cel)與AE怎麼延伸運用吧!
影片單元
單元 1 - 延伸說明:專案 Workflow 講解
06:19
影片單元
單元 2 - AE 協作小撇步:移動光源綁附 & 抽格效果
09:05
影片單元
單元 3 - 手繪逐格協作小撇步:材質貼圖繪製 & 螢火蟲拖尾
04:59
7
MixCode 精選專案幕後解析
影片單元
單元 1 - 3D、手繪、實拍呈現不同形式的創意表現
09:27
影片單元
單元 2 - 從設計 Styleframe,到完成整段逐格手繪動畫過程頗析
07:19
影片單元
單元 3 - 統合實拍畫面、3D 角色動畫、複合媒材綜合應用
08:37
影片單元
單元 4 - 手繪動畫與漫畫風格與 3D 素材的完美搭配
09:34
影片單元
單元 5 - 專訪:MixCode 動態設計創作與經營歷程
11:00
試看單元
播放試看影片
章節 2 - 手繪逐格(Cel)小試身手一下|基礎概念與前置準備
單元 4 - 動畫練習:動態節奏掌握好,律表與中割指示不能少
試看影片
08:42
播放試看影片
章節 3 - 手繪逐格(Cel)大展身手|進階動態的運動概念與應用
單元 1 - 動畫練習:尾巴、頭髮、布料,曲線擺動不再卡卡
試看影片
10:13
播放試看影片
章節 4 - 終於畫出動態草稿!但要怎麼銜接進專案呢?
單元 2 - 手繪逐格整合:好清稿一生平安,提升後製效率
試看影片
07:52
課程評價
本課暫無評價或評價未達 3 筆,暫不顯示

關於講師

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

購課前問答

日期最新
日期最新
日期最舊
愛心數
Edward loo
2025-03-21
老师好 想了解下 我是个新手 那在课程里老师会教CSP及Procreate怎么用吗?
二棲知學 Motioner
授課老師
2025-04-07
同學您好 這堂課主要會是使用CSP以及After Effect 而CSP的部分會偏向直接進入實作,雖然老師也是會放慢步調講解相關操作,但基礎的功能可能也沒辦法一一帶到,建議同學可以先嘗試摸索過CSP之後,搭配課程學習會比較合適 Motioner 小助教
回覆
1 人想問
Kusa Lin
2025-02-24
您好 請問能問硬體方面嗎><~ 目前我的筆電規格如下 系統製造商:ASUSTeK COMPUTER INC. 系統型號:TUF GAMING FX504GD_FX80GD BIOS: FX504GD.322 * 主機板 : ASUSTeK COMPUTER INC. - FX504GD * 中央處理器 : Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz * 核心數: 6 * 記憶體 : 4GB (3.86 GB 可用) * 顯示卡 : - NVIDIA GeForce GTX 1050 / 2GB - Intel(R) UHD Graphics 630 / 1GB * 顯示器: - 預設的監視器 (x) - (標準監視器類型) 一般 PnP 監視器 (1920x1080) * 儲存裝置 : - ST1000LM035-1RK172 / 931.5GB - KINGSTON RBUSNS8154P3128GJ / 119.2GB * 電池 : - 設計容量:48001mAh - 完全充電容量:23288mAh - 電池健康度:48.5% 要做出這樣的成品,我的筆電夠用嗎? 目前是打算記憶體擴到32GB,但擔心CPU算圖會不夠力 如果CPU也不太夠用的話,就打算重買筆電,不擴充了 或是還有其他硬體該注意的嗎~? 謝謝~~><!!
(已編輯)
二棲知學 Motioner
授課老師
2025-02-25
同學您好 這個問題較無關課程內容,但大家的確也都會來詢問,我們也有在知學的設計選讀欄位做分享,您可以搜尋「【2021 最新指南】想做 AE 動畫要如何組電腦?」了解相關知識。 同時,您也可以加入我們的line社群跟大家做討論喔~ https://bit.motioner.tw/m40Ih By Motioner小助教
Kusa Lin
2025-02-25
好的 謝謝~
回覆
我也想問
林茂森
2024-03-06
想請問如果對於手繪畫零基礎,是否適合這堂課呢
二棲知學 Motioner
授課老師
2024-03-11
茂森你好喔:D 對於繪畫及造型能力的掌握程度需要到怎麼樣,我覺得多少也是見仁見智,例如說你想先從基礎的繪製一顆球形來練習動態表現,我認為也是完全沒問題,不論造型的複雜度及簡化與否,對於動畫表現的應用方式都是共通的~! 所以我想你可以理解成,先具備「能畫出你想畫出的角色或物體的能力」,那麼或許我們就可以開始對於你所繪製出的物體或對象,經由這堂課程練習怎麼用CEL逐格動畫繪製的方法及技巧,從基礎的動畫概念一步一步開始,讓你筆下的角色或物體能動起來:)~!! 也希望這樣的回饋,對你評估是否想要及適合參與這堂課程有幫助喔>___<~!! 嗷嗷老師
回覆
1 人想問
seking860524
2023-09-12
您好想請問,這堂課程可以與Adobe的AI結合嗎?
二棲知學 Motioner
授課老師
2023-09-13
同學您好 這堂課的主要使用軟體為 CSP 、Procreate教您如何畫出逐格動畫,做複合運用,達到單純用 Ai illustrator 做動畫做不到的效果喔。 如果想先入門illustrator 製作動畫也可以參考我們其他的動態課程,搭配AE製作動畫。 同時我們過往開的幾堂課也對illustrator的操作有動畫有所幫助, 如免費課《Motion Graphics 新手村|Ai + Ps 超實用攻略》 以及《動態設計全方位!設計篇》、《動態設計全方位!動畫篇》 《用構圖拆解百變風格|新手也能打造的插畫風格》 
以上這幾門課都能帶您入門學會運用Ai搭配Ae軟體做出向量動畫喔~
 提供給您參考看看
 Motioner小助教
(已編輯)
seking860524
2023-09-16
不好意思!那想再詢問一下,如果AI沒辦法的話,Photoshop可以嗎?(⁠๑⁠•⁠﹏⁠•⁠)
二棲知學 Motioner
授課老師
2023-09-18
同學您好 基本上Ai、Ps這兩款軟體想適當的搭配做使用,來輔助動畫的製作是沒有問題的。 也如同前面有提及的,本堂課程教學使用的軟體主要會是CSP及Procreate,所以若同學想使用其他軟體操作,可能需自己再根據課程教學內容做調整。 同時,若學習上有任何問題,也歡迎加入Motioner的VIP社團,可以跟同學們做討論喔~ Motioner小助教
回覆
我也想問
沐影朝悅
2022-07-06
請問使用procreate 也可以參與課程嗎
二棲知學 Motioner
授課老師
2022-07-08
同學你好~ procreate 也有手繪動畫功能,基本的邏輯和觀念都是通的不用太擔心喔,部分CSP功能可能會不一樣,但熟悉 procreate 功能的話,也一樣可以做手繪動畫沒問題~
回覆
我也想問
購買單堂課

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

相關標籤