從 0 開始學 AE（上集）｜動態設計基礎

0 seconds of 1 minute, 52 secondsVolume 0%

00:00

01:52

MGBoom

從 0 開始學 AE（上集）｜動態設計基礎

這堂課將帶著 AE 初學者，學會掌握創作動態圖像的設計概念與流程。從影視理論開始學習，全面掌握 AE 的關鍵介面與功能操作，讓你/妳知道學會動畫一點也不難喔！

Hahow AI 學習升級

評價優於前 10% 課程

5.0

(231)

關於課程

課程包含

包含 10 章 62 單元、9 項作業

課程時長

6 時 49 分鐘

課程總人數

4097 位同學

觀看限制

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

學習升級

Hahow AI 學習助教

無需額外付費

即時問答、重點整理、測驗理解，讓知識派上用場

課程內容

AE【2022版本】更新系列單元來囉!

歡迎新同學一起加入《從0開始學AE》+ 舊生也別忘了回娘家來複習一下! 詳細的更新內容在 : 第 10 章《從0開始學AE》系列版本更新補充單元喔^^

MGBoom 公開課進擊的鉛筆MG動畫解析 (免費完整教學案例)

獨家隱藏版課程+公開課又更新!我們又另外新增了超過150分鐘的獨家技巧跟大家分享^^

詳細內容請參考"課程單元" !

隱藏版課程1_Keyframe 軟Q動畫設定

深藍色星空背景中央，一枚白色與橘紅色相間的卡通火箭向上升空，尾部噴出火焰。

隱藏版課程2_手繪感動畫技巧一次學

深藍背景上的手繪彩色字樣「EMPLOYEE APPRECIATION」，搭配雲朵、星星與彩色圓點裝飾，呈現歡樂的員工感謝主題。

隱藏版課程3 增加效率的實用小技巧

Adobe After Effects 工作介面截圖，中央合成畫面以黃色為背景，呈現粉紅色圓角方形、橘色圓形與藍色圓角方形，底部可見圖層時間軸與右側效果控制面板。

隱藏版課程4_3D Cube FreeStyle

斜放的智慧型手機畫面呈現一則社群貼文，主圖是一名人物在戶外樹林中騎乘雙輪交通工具，周圍搭配粉藍漸層背景與粉紅弧形裝飾。

隱藏版課程5_Simple Character Animation

青綠色背景中的人物伸展四肢，雙手向上與側邊畫出心形橘色線條；左側有一棵小樹，整體以明亮色彩呈現活潑、輕盈的裝飾插畫。

隱藏版課程6__ AO翻轉3D文字

綠色背景中央呈現白色立體幾何造型，包含拱形線條與圓環元素，作為頁面裝飾。

MGBoom 公開課│電影預告title動態解析教學

KINOCHECK 品牌標誌置於山林湖泊背景前，字母與幾何 K 圖形帶有樹木紋理，遠景可見雪山、森林與湖面小船。

大家好，我們是MGBoom。

MGBoom 從 2014年成立開始以「推廣動態圖像」為主旨，在線上提供 Motion Graphics 動態圖像設計訊息、軟體教學與創意分享。讓更多想要學習動態圖像設計的朋友們有一個不受時間、地點限制的自我學習管道。

MGBoom 學習平台（http://www.mgboom.com/）
MGBoom 臉書（https://www.facebook.com/mgboom.com.tw）

推出「從 0 開始學 AE 動態設計」系列課程的目的，是希望提供初學者能充分瞭解 AE 最核心的基礎與操作觀念，省去自我摸索的寶貴時間。並跳脫 AE 版本功能與特效的限制，無論使用 AE 任何版本，都能夠輕鬆上手。

課程的重點不只是一步步教您學會使用 AE 指令，更要您瞭解 AE 背後的動態設計基礎與影視規則，協助大家能充分利用 AE 完成各類作品，並在往後的自我學習與商業運用上更能知己知彼、得心應手。

頁首橫幅以深紫色漸層為背景，左側呈現圓形幾何線條標誌，中央以直線分隔，右側標示「短單元課程，輕鬆學習」。

每『單元』課程影片最長不超過 15 分鐘，搭配實作幫助同學快速吸收增加學習印象，輕鬆掌握 AE 核心基礎的學習節奏。

紫色漸層背景搭配圓形線條標誌與垂直分隔線，中央標示「課程說明」，作為課程頁面的段落標題裝飾。

「從 0 開始學 AE 動態設計」課程總共分為兩大階段，共有十大單元內容。詳細課程規劃如下：

上集課程（本次課程）

第一單元－學習 AE 前應有的基本認識

針對動態影像的設計觀念與實務流程做介紹。並跟大家分享在AE製作動畫或特效合成之前，應先具備的影視基礎與觀念。

After Effects 合成工作介面截圖，畫面同時呈現人物影像、木工場景與圖樣布料，中央疊加半透明粉紅色幾何圖形，左側可見 Black & White、Levels、Curves、Tint 等效果控制項。

第二單元－AE 的基礎工具與操作

詳細介紹AE的操作介面，從匯入素材開始，詳細說明AE操作的流程與各類操作視窗中各項好用的功能。

咖啡杯 PSD 素材的圖形製作示範：左側專案面板列出 Bean、BG、Coffee、Cup 與 Smoke 等 Photoshop 圖層，中間進行構圖，右側呈現分離上下杯身與圓形咖啡圖案的完成畫面。

第三單元－AE 關鍵影格的類型與設定方法

全面介紹關鍵影格的操作觀念以及基本屬性，讓大家瞭解動態產生的基本原則與創造出更具真實與生動的動態技巧。

粉紅色速克達沿著拱形山丘上方的弧形虛線運動路徑前進，畫面標示「Motion Path」，左側有黑色樹木剪影，呈現動畫物件的移動軌跡。

第四單元－AE 的 Mask 遮罩功能運用

解析 AE 遮罩的類型與使用方法，例如：產生遮罩的數種方法、遮罩動態設定等，協助大家製作合成特效與遮罩動畫的應用。

影像去背與路徑編輯對照：左側為停在寫有「FISHING!」木牌上的翠鳥原圖，右側以紫色背景呈現選取結果，木牌改為「NO FISHING」，並以紅色節點勾勒鳥與木牌輪廓。

第五單元－AE 的 3D 圖層與攝影機動態設定

說明在 AE 應用 3D 圖層的正確觀念，以及如何將 2D 素材轉換成 3D 圖層的設定技巧，並結合 3D 攝影機與燈光，創造出更真實有趣的視覺效果。

畫面左側以透視線與標註示意 Logo1 的構圖及 Focus Distance，右側展示 Mastercard 標誌與多個彩色圓形圖案，呈現標誌設計與視覺構成。

【從0開始學AE(下集):進階動態應用｜完整上線囉!】

上完上集課程想進階學習,現在"下集課程"已經完整上線囉(五顆星課程評價!)

詳細課程內容請參考: https://goo.gl/t5xvK3

動態設計作品拼貼，展示火箭、潛水艇、Diet Soda 罐與漫畫人物動畫，以及「muslo don’t stop」、「Motion Banner」和「Lower Thirds Design」等標題視覺，搭配動畫合成軟體介面。

第六單元－AE 動態追蹤與去背應用

教大家使用 AE 強大的 Track Motion（動態追蹤）功能，為動態影片開發出更多與實景合成的吸睛效果。

木製衣夾夾在晾衣繩上，夾身繫有紫色標籤，背景可見景深模糊的衣夾與繩索，作為生活感裝飾。

第七單元－AE 與 PS、AI 的整合應用

詳細說明 AE 與 PSD、AI 檔案的整合應用技巧，教大家完美結合 Adobe 自家軟體設計的素材，讓製作過程更事半功倍。

影像編輯軟體的圖層面板列出 Cup、Coffee Stain、TRAVEL Diary、Clock、Tape、Paper Clip、Notebook 與公車等素材，畫布呈現地圖、照片、紙張、迴紋針與手繪路徑組成的旅行拼貼。

第八單元－AE 文字動畫應用

從 AE 文字的基礎操作開始介紹，全面性的說明文字動畫的基礎與相關應用方法，學習如何運用文字動畫來為影片畫龍點睛。

動態文字沿著紅色曲線路徑排列，右側顯示文字圖層的 Path Options 設定，可調整 Reverse Path、Perpendicular To Path、Force Alignment、First Margin 與 Last Margin。

第九單元－AE 的 Expressions 表達式的應用

焦點擺在經常使用而且撰寫容易的 Expression 表達式，以簡單的編寫範例融入實務操作，讓大家都能自行輕鬆建立表達式，讓動畫設定事半功倍。

藍色背景中的兩個黑色燈泡剪影，左側較大的紅色圓形內有白色美元符號，黃色箭頭指向右側較小的美元符號，周圍點綴黃色與綠色方形。

第十單元－AE 的影音輸出設定

完整介紹各類 Render 的設定方法，與 Render Queue（算圖序列）中的各項設定參數等，幫助動畫師精準的完成各類應用需求的視覺成品。

After Effects「Output Module Settings」視窗顯示 AVI 輸出格式與格式清單，包含 H.264、PNG Sequence、QuickTime 等選項；背景為地球前的立體中文文字動畫畫面。

瞭解影視基礎理論，讓作品不只好看、還要「能用」
熟悉 AE 主要視窗的功能應用
靈活應用 Keyframe 關鍵影格
學會利用 AE Mask 遮罩的應用技巧製作動畫
準確控制 AE 3D 圖層與攝影機、燈光的巧妙變化
應用追蹤與去背進行實景合成
整合 AE＋PS＋AI 三兄弟，聰明運用設計素材
讓您的文字動畫清晰又生動，完美傳達要點
簡單編寫 Expressions，輕鬆完成反覆與隨機的動態效果
掌握算圖效率，完美輸出最佳作品

好康道相報，趕快找朋友一起學習，解鎖額外的免費課程

解鎖課程的募資達成率將會持續累計到正式課程上架前！

越多人一起來學習，MGBoom 就會跟大家分享更多實用的 AE 應用技巧。

300％：Shape Layer 應用觀念與圖層結構詳解

400％：Shape Layer 動態屬性詳解

500％：Shape Layer 常見動態範例解析

動畫製作軟體的形狀工具選單開啟，列出 Rectangle Tool、Rounded Rectangle Tool、Ellipse Tool、Polygon Tool 與 Star Tool；中央為名為「Glue-ani-gif」的合成，呈現藍底白色圖形畫面。

Adobe After Effects 的形狀圖層 Add 選單開啟，列出 Rectangle、Ellipse、Polystar、Path、Trim Paths 與 Repeater 等功能；右側合成畫面呈現粉紅與青色描邊的 M 形線條。

動畫編輯軟體的合成畫面，粉紅背景上排列黑、白與灰色幾何圖形、十字、圓點及曲線；左側圖層面板可見「Game Outlines」與「shadows outlines」等圖層名稱。

若超過 500％以上，為感謝大家的支持，將會視上課同學的學習需求，繼續加碼解鎖新的課程單元唷！

Hello 大家好，歡迎大家加入 AE 的學習與創作之路。

我是 MGBoom 線上教學平台的創辦人－陳啟耀，從事動畫設計職務與教學，至今已經超過 14 年以上。服務過的單位有：故宮博物院、電視台以及台北數位藝術中心等。目前除了自由接案，也持續在大學教授相關動畫課程與演講，與在校同學分享我的動畫設計經驗。

很高興有這個機會藉由 Hahow 線上募資課程平台，分享我多年教學經驗所彙整出最完整的 AE 核心課程，希望以我專業的動畫經驗與教學熱忱，引領大家邁向成功的動態設計師之路。

目前正職：MGBoom Design的設計總監 / MGBoom線上教學平台創辦人
工作室：MGBoom Design
出版：《AE關鍵手冊》系列電子書、《Maya3D視覺擬真藝術表現》
展覽：板橋府中 15《動感•感動》數位藝聯展 2014、《萌‧YOUNG》聯展 2012、《運墨‧韻墨》2010 高雄漢字節⋯等。
動態圖像授課：高雄師範大學、正修科大、南台科大業師⋯等。
從業經歷：曾任台視、東森與公廣集團客家電視、台北數位藝術中心、國立故宮博物院。
顧問：智慧菓科技有限公司、加拉巴哥電視製作有限公司。

「從 0 開始學 AE 」系列課程將協助大家培養扎實的 AE 基礎，並能盡情的使用 AE 創造出屬於個人的動態影像。現在就來購買課程投資自己，為自己打下成為專業動態圖像設計師的成功基礎。

哪些人適合這堂課？

1. 具有平面設計背景，想增加動態設計軟實力的朋友。 2. 對 AE 似懂非懂，想徹底瞭解 AE 核心觀念與技術的朋友。 3. 想靈活運用 AE，製作出各類風格的動態影像。

你可以學到

能夠靈活應用 After Effects 的核心觀念與技巧、製作出MG動畫、動態元素、短秒數片頭等動態影像作品。

上課前的準備

需要準備的工具 / 軟體（若購買課程前不清楚版本是否支援，請先留言與老師確認。）

需要使用到的軟體： Adobe After Effects Adobe Photoshop Adobe Illustrator

需要具備的背景知識

具備電腦基礎操作有使用過Adobe軟體經驗更佳

單元一覽

10 章 62 單元｜總時長 409 分鐘

全部展開

學習 AE 前應有的基本認識

單元 1 - 1. 學習 AE前應有的基本認識(第一單元課程介紹)

點我試看