【在 AE 做出即時跟隨的包覆外框!】Convex Circus 開發預告

Convex Circus 在 After Effects 裡把幾顆丟接中的球包成一圈即時跟隨的外框
小丑丟球。幾顆球一直在換位置,外框就跟著整團重新變形,中間沒有手 K 任何一格路徑。

用 Cavalry 的人應該都玩過 Convex Hull。把幾個物件丟進去,它會長出一圈把它們整團包住的外框,裡面的東西一動,外框就跟著變形。

所以我嘗試開發 Convex Circus 這個工具,讓 AE 也可以做同樣效果。它生出來的是一層 100% 原生的 shape layer,Trim Paths、Wiggle Paths 這些平常會疊的效果照樣疊得上去,包覆的範圍、圓角、滑順程度都可調參數,外框都會即時跟著跑。

我最在意的是它要留在 shape layer 裡

做這個工具的時候,我給自己的第一條限制是:產出必須是原生的 shape layer。

原因很現實。AE 裡很多外掛效果都做得很好,問題出在它把結果鎖在自己的框裡,你想再疊一層描邊動畫、想 Trim Paths、想加 Repeater,能動的空間就很有限。

所以 Convex Circus 出來的東西就是一層乾乾淨淨的 shape layer,路徑由表達式即時算。另外它會額外生一條拆開的 stroke,描邊可以自己上效果、自己調色,不跟底下的填色綁死。想在外框上跑 Trim Paths 寫出一圈掃描線,或是讓描邊跟填色各走各的節奏,都可以直接做。

After Effects 用 Convex Circus 把招牌文字包成一圈即時跟隨的外框
招牌上的字各自在動,外框跟著撐開,邊緣那一圈燈泡是描邊層在跑,跟底下的填色分開。

為什麼叫 Convex Circus

我很喜歡看馬戲團的表演。馬戲篷本身就是一個把觀眾和表演者一起包住的空間,大家在一個緊密的範圍裡玩耍、創造有趣的回憶,這件事跟 Convex Hull 在做的事情蠻像的,用它來表演一場馬戲團再適合不過。所以我就順著這個概念,先做了一系列動畫來當預告,有勾起你看表演的回憶嗎?

包覆外框在小球被拋出去時拉出一個尖角
小球被拋出去的時候,外框跟著拉出一個尖角。這種形變用手 K 關鍵幀很難做,做了也很難改。

開發中,也想聽聽你的想法

包覆的形狀隨著彈跳高度從扁平被拉成帳篷
彈得越高,包覆的形狀就從扁平被拉成帳篷。這一整段畫面裡真正在動的只有那顆球。

工具還在開發階段,效能跟功能都還在調。上架前先讓大家看看它長什麼樣子,這樣的效果,你會希望它還能做到什麼?歡迎到社群聯繫跟我說,讓更多創意可以被實現。

FAQ

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

Q:需要另外裝外掛嗎?
不用。它走的是腳本加表達式的路線,產出就是 AE 內建的 shape layer。這也表示專案交給別人的時候,對方看到的是可以正常渲染的圖層。

Q:包覆的形狀可以往內凹嗎?
可以。除了標準的凸包,也會更新內凹的功能,物件之間的邊界會沿著各自的輪廓往內走再橋接起來,看起來會比較接近黏黏球那種有機的感覺。

Q:會影響播放效能嗎?
路徑是每一幀即時算的,所以物件數量跟取樣密度會影響速度。工具裡有取樣間距的參數可以調,另外也做了把結果烘焙成關鍵幀的功能,需要順暢預覽或交檔的時候可以切過去,或先關閉圖層等要算圖再打開,之後想再改回即時也可以切回來。

Q:什麼時候上架?
還在開發階段,還沒有確切時間。可以先收藏網站或追蹤我的社群,功能大致底定的時候我會公布。

延伸閱讀

延伸學習

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


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