AE 26 參數化3D網格教學：原生3D動態設計不需Cinema 4D

做動態設計的人大概都有過這種經驗：明明只是想在畫面裡放一個旋轉的立方體，結果得先打開 Cinema 4D 建模、算圖、再匯入 After Effects 合成。光是這個來回就吃掉半天時間。After Effects 26 終於聽到大家的心聲了——參數化 3D 網格（Parametric 3D Meshes）這個新功能，讓你直接在 AE 裡就能建立 3D 物件，而且還能套用 Substance 3D 的專業材質。

什麼是 AE 26 參數化 3D 網格

簡單來說，參數化 3D 網格就是 After Effects 原生的 3D 幾何圖形產生器。你不需要從外部軟體匯入模型，直接在合成面板裡就能建立立方體、球體、圓錐體、圓環體、圓柱體和平面這六種基本形狀。這些形狀的每個參數都可以用關鍵影格做動畫，也支援表達式控制。

跟以前用形狀圖層假裝 3D 的做法完全不同，這次是真正的 3D 物件。它們會正確地接受光線、投射陰影，也能跟場景裡的其他 3D 圖層互動。如果你之前有用過AE 2026 3D 模型導入教學裡提到的 3D 模型匯入功能，你會發現參數化網格的操作邏輯跟它很類似，但更輕量、更快速。

六種原生 3D 基本形狀介紹

AE 26 提供的六種 3D 基本形狀各有特色：

立方體（Cube）：最基礎的形狀，可以獨立控制長寬高，適合做建築感的動態圖形。
球體（Sphere）：可調整經緯線段數，段數越高越圓滑，但也越吃效能。
圓錐體（Cone）：頂部半徑可以從零調整到任意大小，設成跟底部一樣大就變成圓柱。
圓環體（Torus）：甜甜圈形狀，可以調整環的粗細比例，做科技感的 UI 動畫很好用。
圓柱體（Cylinder）：支援獨立的頂蓋和底蓋控制，可以做成開口容器的效果。
平面（Plane）：看似簡單但很實用，搭配置換貼圖可以做出地形效果。

建立與自訂 3D 網格物件

建立 3D 網格的步驟超級簡單。在專案面板裡右鍵選擇「新增 > 3D 網格」，或是直接從工具列的 3D 網格選單拉出來。建立之後，你會在時間軸看到一組專屬的參數：

尺寸（Size）：每個軸向獨立控制，X、Y、Z 三個方向可以分開調整。
圓角（Bevels）：邊緣倒角的大小和段數，讓方塊看起來不會太銳利。
分段數（Segments）：網格的細分程度，段數越高幾何形狀越平滑。一般用途 16-32 段就夠了，不需要無腦拉高。
蓋面（Caps）：圓柱和圓錐的頂蓋底蓋可以獨立開關，做出開放或封閉的效果。

有個實用小技巧：先用低段數調整好整體比例和動畫，確認沒問題之後再把段數拉高做最終算圖。這樣預覽的時候會流暢很多。

Substance 3D 材質整合應用

光有形狀沒有材質就像模型沒上色一樣，看起來很假。AE 26 整合了 Adobe Substance 3D 材質庫，裡面有超過 1300 種免費材質可以直接拿來用。金屬、木頭、石材、布料，基本上你想得到的材質都有。

套用材質的方式很直覺：在 3D 網格的材質屬性裡，點「瀏覽 Substance 材質」就能打開材質庫。選好之後，每個材質的參數都可以在 AE 裡直接微調——粗糙度、金屬度、法線強度這些都能用關鍵影格做動畫。想像一下，一個木頭立方體在五秒內慢慢變成金屬質感，這種效果以前要在 3D 軟體裡搞半天，現在幾個關鍵影格就搞定了。

材質也支援 UV 貼圖的偏移和縮放，所以你可以做出材質在表面流動的效果。搭配 loopOut 表達式，無限循環的材質動畫幾秒鐘就能完成。

關鍵影格與表達式動畫技巧

參數化 3D 網格最爽的地方就是——每個參數都可以做動畫。尺寸、圓角、段數、材質屬性，通通都能加關鍵影格。這代表你可以做出一個球體慢慢變成立方體的效果（透過調整段數和圓角），或是讓一個圓環體從細變粗再消失。

表達式控制更是重頭戲。幾個常見的應用場景：

wiggle 表達式：讓 3D 物件的大小或位置產生有機的隨機晃動。wiggle(2, 30) 就能讓物件在每秒 2 次的頻率下產生 30 像素的隨機位移。
time 表達式：time * 90 套用在旋轉上，物件就會以每秒 90 度的速度持續旋轉，不需要設任何關鍵影格。
連結表達式：用 pickwhip 把 3D 網格的參數連結到滑桿控制器，就能用一個控制器同時驅動多個物件的動畫。

如果你想讓動畫更有節奏感，試試搭配AE 26 可變字體動畫的技巧，把 3D 物件的變形跟文字的粗細變化同步起來，效果會非常協調。

SVG 匯入功能改進

AE 26 除了 3D 網格之外，SVG 匯入功能也做了大幅強化。以前從 Illustrator 或 Figma 匯入 SVG 常常會遇到路徑破損、漸層消失的問題，現在基本上都修掉了。更重要的是，匯入的 SVG 向量圖形可以直接擠出成 3D 物件，跟參數化網格放在同一個 3D 空間裡互動。

這個功能對做品牌動畫的人來說超級實用。你可以把 Logo 的 SVG 檔匯入 AE，擠出成 3D，然後搭配 Substance 材質做出質感十足的品牌動畫，整個流程都不需要離開 After Effects。

可變字體動畫強化

既然提到了文字，AE 26 對可變字體的支援也更進一步了。現在你可以在同一行文字裡，讓不同的字元有不同的字重、字寬變化。配合 3D 網格一起使用，你可以做出文字從平面浮起變成立體的效果，或是讓文字的筆畫粗細跟著 3D 物件的旋轉角度一起變化。

想深入了解這方面的應用，可以參考GSAP ScrollTrigger 捲動動畫裡提到的動畫時間控制概念，雖然是網頁動畫的框架，但時間軸的思維邏輯是互通的。

實戰工作流程建議

最後分享幾個我自己在使用參數化 3D 網格時摸索出來的工作流程建議：

先規劃再動手：想清楚你需要哪些 3D 元素，它們之間的空間關係是什麼。不要一股腦把所有形狀都丟進去。
善用預合成：把每個 3D 物件組合（包括它的材質和動畫）放在獨立的預合成裡，這樣管理起來會清楚很多。
效能管理：3D 網格很吃 GPU，記得開啟 Mercury GPU 加速。如果預覽卡頓，先把段數降低或是用四分之一解析度預覽。
搭配攝影機動畫：既然是真正的 3D 物件，當然要搭配攝影機運動。推拉搖移加上景深效果，可以讓動態設計的專業度直接提升一個檔次。
匯出考量：如果最終要用在網頁上，考慮匯出成 Lottie 或影片格式。想做互動式的 3D 體驗，可以研究一下Three.js 3D 網頁動畫的做法。

結語

After Effects 26 的參數化 3D 網格功能真的把動態設計的門檻降低了不少。以前需要 3D 軟體才能做到的效果，現在在 AE 裡就能完成大部分。當然，如果你需要做非常複雜的 3D 場景，專業的 3D 軟體還是不可取代的。但對於日常的動態圖形、品牌動畫、社群媒體內容來說，參數化 3D 網格已經非常夠用了。趕快打開 AE 26 試試看吧。