你是不是也想做出那種像「果凍一樣流動」、「水滴感變形」的動畫,但又不想裝超大超多 plugin?
其實你只需要 2 個 AE 內建特效以及一些表做出隨機流體以及接近變色,Proximity表達式還有很多玩法。
Gaussian Blur + Simple Choker,就能做出超順流暢的 Liquid Animation!
🔧 使用工具- Gaussian Blur(高斯模糊)
- Simple Choker(邊緣收縮)
- Wiggle 表達式(隨機震動)詳細界說
- Proximity 表達式(接近縮放)詳細界說
- Proximity 表達式(接近變色)詳細界說

🧪 製作步驟教學
✅ Step 1:建立圖形(Shape Layer)配上Wiggle + Proximity 表達式
✅ Step 2:加入模糊效果 Gaussian Blur
- 在 Effects & Presets 搜尋「Gaussian Blur」
- 將其拖拉到 shape layer 上
- 調整 Blurriness 數值(建議 50–100 之間)
- 數值越高,邊緣越糊,像水的邊緣
✅ Step 3:加入 Simple Choker
- 再搜尋並加上「Simple Choker」
- 調整 Choke Matte 數值(建議 -10 ~ -30)
- Simple Choker 會將模糊的邊緣「收緊」,形成自然的液態形狀
✅ Step 4:Proximity 表達式接近變色
- 在shape layer 新增一個 Fill 填滿顏色
- 在 Fill 中的 Color 新增一個接近變色表達式
- (Proximity 表達式建立圖層方式可以觀看這裡)
https://www.jan1lab.com/blog/proximity-animation - 接近變色表達式如下:
nullPos = thisComp.layer("null").transform.position;
objPos = transform.position;
maxDist = thisComp.layer("controller").effect("distance")("Slider");
dist = length(nullPos, objPos);
normDist = clamp(dist / maxDist, 0, 1);
// RGB 顏色
r = linear(normDist, 0, 1,0.318,0.949); // 紅色
g = linear(normDist, 0, 1,0.796,0.722); //綠色
b = linear(normDist, 0, 1,1.000,1.000); // 藍色
[r, g, b,1];

🎨 HEX → AE RGB 換算

轉換為 AE 的 [R, G, B]
格式(除以 255)
假設想要的顏色是 (R 184)(G 252) (B 255)就必須個別在除以 255
範例:
R = 184 ÷ 255 ≈ 0.722
G = 252 ÷ 255 ≈ 0.988
B = 255 ÷ 255 = 1.000
✨為什麼要轉換?
在 After Effects 表達式中,顏色必須用格式:[R, G, B, A]
,且每個值都要在 0.0~1.0 的範圍內(不是 0~255!這是 AE 與 HTML/CSS 最大不同)
🧠 快速總結
你只需要兩個效果,就能做出看起來高級、實際簡單的 Liquid Animation:Gaussian Blur(柔化)+ Simple Choker(收邊)= 液態動畫
原始文章:https://www.jan1lab.com/blog/liquid-animation