粘性小球動畫能賦予 UI 動效有機生命力。本文揭秘三種截然不同的實現路徑：程序化表達式、純手工關鍵幀、模糊+色階合成「偽 3D 流體」，適配不同項目工期與風格需求。

方案一：CC Smear + 表達式（程序化、可無限迭代）

1. 建立形狀圖層小球，錨點置中心 (Ctrl+Alt+Home)。
2. 添加 Effect → Distort → CC Smear（中文：CC 塗抹）。
3. Alt+點擊 From/To 停錶，Pick Whip 綁定到圖層 Position。
4. To 屬性表達式修改為 `valueAtTime(time-0.07)`（延遲 0.07s），From 保持 `value`。

5. 調整 Reach 參數控制拉伸幅度，添加 Position 關鍵幀動畫觀察效果。

方案二：手動扣關鍵幀（極致可控、適合微小球體）

直接對 Path/Position/Scale 逐幀手繪形變。大神 FeatMax 偕同理念：結果導向，手繪反而更快更準。適合球體極小、鏡頭極快、無需複用的鏡頭。

方案三：Fast Blur + Levels（Simple Choker）合成魔法（最意想不到、效果最絲滑）

靈感源自蜂蜜拉絲/拔絲地瓜：兩球分離時中間連接帶隨距離拉長變細斷裂。

1. 建立兩個小球圖層，做 Position 分離動畫。

2. 兩球之間插入一條形狀圖層橫線（矩形），錨點置中心。

3. 橫線動畫：球距最近 → 長度 0、描邊最粗；球距最遠 → 長度最長、描邊最細。

4. 新建調整圖層 → 加 Fast Blur，Blurriness 適中（如 30）。

5. 同一調整層再加 Levels (或 Simple Choker)，向內收縮 Alpha 邊緣（Input Black 右移、Input White 左移），形成銳利收斂邊緣。

6. 將橫線圖層移至調整層上方，補齊球體內部被模糊/收縮的區域。

7. 最終獲得極具流體感的粘性分離動畫。

方案選型建議

方案	優勢	劣勢	適用場景
CC Smear+表達式	程序化、參數可調、自動跟隨任意軌跡	極端形變易崩潰、需理解表達式	通用 UI 動效、需複用的組件庫
手動扣幀	像素級可控、無技術債、極小球體最快	不可復用、修改成本高	單鏡頭英雄鏡頭、微觀特寫
Blur+Levels 合成	視覺質感最強、真實流體感、無幾何穿模	層級結構較複雜、渲染稍慢	商業級演示、Hero 動效、作品集亮點