動畫工坊 — 動畫製作、動態設計與影片特效

Motion Graphics

After Effects 表達式入門到實戰：用 Expression 自動化動畫製作完整教學

完整學習 After Effects 表達式（Expression）自動化動畫製作，從 wiggle、loop 到自訂函式。附實戰範例，省下 80% 手動關鍵影格時間！

李承恩7 分鐘閱讀

Motion Graphics

Cavalry 程式驅動動畫入門教學：用節點系統打造生成式動態設計

Cavalry 節點式動畫軟體入門教學，學會用程式驅動方式製作生成式動態設計，含操作步驟與實作範例。

李承恩9 分鐘閱讀

Motion Graphics

After Effects 資訊圖表動畫教學：從數據視覺化到 MG 動態影片完整流程

資訊圖表動畫（Infographic Motion Graphics）是數據時代最強的視覺溝通工具。本文帶你用 After Effects 從零開始製作動態資訊圖表，涵蓋數據視覺化規劃、圖表類型選擇、動態效果製作，以及輸出成影片的完整流程，讓枯燥的數字變成令人印象深刻的動態故事。

李承恩9 分鐘閱讀

Motion Graphics

After Effects 2026 新功能完整介紹：向量工作流與 3D Substance 材質

After Effects 2026 帶來了哪些新功能？向量工作流升級、免費 3D 材質庫、可變字體動畫——一次看完所有更新。

李承恩10 分鐘閱讀

Motion Graphics

After Effects Shape Layer 動畫教學：用形狀圖層打造專業 MG 動態設計

想做出那種流暢又有質感的 Motion Graphics 動畫嗎？Shape Layer 是 After Effects 裡最強大也最被低估的功能之一。這篇教學帶你從零開始，用形狀圖層打造專業級的 MG 動態設計。

李承恩12 分鐘閱讀

Motion Graphics

After Effects 轉場特效完整教學：10 種專業影片過渡動畫效果製作指南

完整解析 After Effects 10 種專業轉場特效製作方式，從基礎漸隱到進階遮罩轉場，掌握影片過渡動畫的核心技巧。

李承恩12 分鐘閱讀

Motion Graphics

Spline 3D 網頁互動動畫設計入門教學：零程式碼打造驚艷 3D 互動體驗

從零開始學習 Spline 3D 網頁互動動畫設計，涵蓋介面導覽、建模材質、互動事件設定、AI 功能應用到網頁嵌入完整流程，不需要寫程式碼就能打造專業級 3D 互動體驗。

李承恩9 分鐘閱讀

Motion Graphics

After Effects 表達式自動化動畫教學：用程式碼讓動態設計事半功倍

學會 AE 表達式就像獲得超能力！這篇教學從基礎語法到實戰應用，教你用表達式自動化重複動畫，大幅提升 Motion Design 效率。

李承恩8 分鐘閱讀

Motion Graphics

Rive 2 State Machine 互動動畫完整教學：用狀態機打造專業級動態介面

Rive 2 State Machine 完整實戰教學，從五大核心概念到 React 整合範例，帶你用狀態機打造高效能互動動畫介面。包含 Listener、Data Binding 與效能最佳實踐。

李承恩7 分鐘閱讀

3D 動畫

Blender Grease Pencil 2D 動畫入門教學：從零開始畫出你的第一個動畫（2026）

完整 Blender Grease Pencil 2D 動畫新手教學，從環境設定、繪圖操作到製作第一個彈跳球動畫，掌握圖層管理與匯出技巧。

李承恩10 分鐘閱讀

Motion Graphics

Rive 2 State Machine 互動動畫網頁整合進階教學：打造 App 級別的使用者體驗

深入教學 Rive 2 State Machine 如何整合到網頁專案，涵蓋狀態機設計、React/Vue 整合、效能優化，打造流暢的互動動畫體驗。

李承恩13 分鐘閱讀

Motion Graphics

Rive 2 State Machine 進階教學：打造互動角色動畫與遊戲化 UI（2026 實戰）

Rive 2 的 State Machine 是打造互動動畫的核心引擎。這篇文章深入探討進階技巧，包括巢狀狀態機、Blend States、事件系統與 Runtime API，並透過互動角色和遊戲化 UI 的實際案例帶你掌握這套強大工具。

李承恩11 分鐘閱讀

3D 動畫

Three.js WebGL 3D 網頁動畫入門：打造互動式 3D 場景

從零開始學習 Three.js WebGL 3D 網頁動畫開發，涵蓋 Scene、Camera、Renderer 三大核心元素、光源材質搭配、動畫迴圈、GSAP ScrollTrigger 整合、React Three Fiber 使用、Shader 特效入門到效能優化策略，附完整程式碼範例與實際應用案例。

黃雅琪8 分鐘閱讀

3D 動畫

After Effects 26 參數化 3D 網格完整教學：不用建模軟體也能做出專業 3D 動態設計

After Effects 26 帶來革命性的參數化 3D 網格功能，讓你不需要 Cinema 4D 或 Blender 就能在時間軸裡直接建立和動畫化 3D 物件。本文完整教你怎麼用這個新功能。

李承恩11 分鐘閱讀

Motion Graphics

After Effects MOGRT 動態圖形模板完整教學：從設計到 Premiere Pro 無縫匯出的工作流程

從 Essential Graphics 面板到 Premiere Pro 匯出，手把手帶你完成 After Effects MOGRT 動態圖形模板的完整製作流程。

李承恩7 分鐘閱讀

3D 動畫

AE 26 Parametric Meshes 完整教學：原生 3D 形狀讓動態設計不再依賴外部建模

After Effects 2026 帶來革命性的 Parametric Meshes 功能，設計師終於可以不依賴 Cinema 4D 或 Blender，直接在時間軸中建立原生 3D 形狀。本文帶你完整掌握立方體、球體、圓環等幾何體的建立方式，以及 Substance 3D 材質整合與可變字體動畫的實戰應用。

李承恩7 分鐘閱讀