【Convex Circus 正式上架】在 AE 做出即時跟隨的包覆外框

Convex Circus 在 After Effects 生成的包覆外框,小丑丟球示範

Convex Circus 正式上架!

在 After Effects 裡選幾個圖層,按一下 Create Hull,這些圖層就被一圈外框包起來,物件怎麼動、怎麼轉都包得緊緊。產出是原生的 shape layer,所有 shape layer 能做的事都支援,填色可以上漸層、描邊可以加虛線或跑 Trim Paths,還有免費的 Lite 版可以試用。

和市面上的外掛差別在哪?

ConvexCircus 產出是原生 shape layer 。

AE 很多外掛效果都做得很漂亮,麻煩的是有的只能疊在 Adjustment layer。想再疊一層描邊動畫、想 Trim Paths、想加 Repeater 都不行,能動的空間就很有限,而且專案其他人沒裝就不能用。

Convex Circus 按一下會生出三層:Hull CTRL 是控制器,參數都掛在上面;Hull 是填色,就是一層普通的 shape layer;Hull Stroke 是描邊,是原生的 Stroke。填色和描邊拆開這件事在動畫上很有用,可以讓描邊自己跑一圈掃描線,底下的填色維持不動。

招牌文字各自移動,Convex Circus 的外框跟著撐開,描邊層獨立跑燈泡動畫

支援五個參數

選到 Hull CTRL,五個滑桿都在 Effect Controls:

  • Padding(0 到 500) 外框跟物件之間留多少距離,決定整體的鬆緊

  • Concavity(−100 到 +100) 負值讓外框往物件之間內凹,正值讓中間的膜往外鼓,0 就是標準的凸包

  • Corner(0 到 100) 轉角要尖還是要圓

  • Lag(−30 到 +30 幀) 外框延遲幾格才跟上,做慣性拖尾很好用

  • Samples(6 到 64) 外框的精細度,越高越貼合,算得也越慢

小球被拋出時,Convex Circus 的包覆外框拉出尖角

文字跟影片,畫個 mask 就好

文字、影片、圖片這類圖層沒有向量形狀可以讀,工具只能拿它的邊界框來包。

解法是在圖層上畫一個粗略的 mask,把 mask 模式設成 None(才不會裁到畫面),外框就會照 mask 的輪廓走。

彈簧床示範,球彈越高包覆外框從扁平被拉成帳篷形狀

免費 Lite 版跟完整版差在哪

Lite 版是免費的,只差在一個外框最多包 3 個圖層、填色跟描邊不會分開,其他完全一樣,五個參數、mask 模式、3D 圖層、Parent 通通都給。

完整版沒有層數限制,填色跟描邊是分開的兩層,$20 美金,之後每次更新都會直接寄給買過的人。

期待大家一起做出酷東西✨

FAQ

Q:這跟 Cavalry 的 Convex Hull 一樣嗎?
概念一樣,都是把一群物件包成一圈會跟著變形的外框。差別在 Cavalry 是節點式軟體的原生功能,Convex Circus 是在 After Effects 裡用 shape layer 加路徑表達式做出來的,所以產出是 AE 原生圖層,可以繼續套 AE 自己的 shape 效果。

Q:需要另外裝外掛嗎?
不用。它是一支 ScriptUI 面板,放進 Scripts 的 ScriptUI Panels 資料夾就好,產出是 AE 內建的 shape layer。專案交給別人,對方不用裝任何東西也能正常渲染。

Q:Windows 可以用嗎?
可以都支援。

Q:包很多圖層會不會卡?
路徑是每一幀即時算的,物件數量和 Samples 拉高都會讓表達式變重。做動畫的時候先把 Samples 調低,或把外框圖層關掉,要算圖之前再開回來就好。

延伸閱讀

延伸學習

《超越技術的動態思維》(Motioner 二樓知學) 進階動態課,從經典案例分析講到設計思維。工具只是省力,真正值錢的是判斷什麼時候該用它。


作者:陳柏尹(PoYin),動態設計師,專注於把 AI 接進日常設計與動態工作流。

#設計廢文 #AfterEffects #動態設計