# 策展 · X (Twitter) 🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Remotion (@Remotion) · 平台：X (Twitter) · 日期：2026-06-23

> 原始來源：https://x.com/Remotion/status/2069066982595424666

## 中文摘要

Remotion 推出 Effects 功能實現視覺特效組合。

**核心功能與應用**
Remotion 此次更新的 Effects 系統，旨在提供高度彈性的視覺處理能力，支援多種組件如 `HtmlInCanvas`、`Video`、`Img` 及 `CanvasImage` 等。其核心特點包括：
- **多樣化操作**：支援程式化定義（透過 `effects` prop 傳入陣列）、互動式編輯（在 Remotion Studio 中拖曳套用）以及 Agent 驅動的自動化操作。
- **組合與關鍵影格**：特效支援多重疊加（Multipass），並可透過關鍵影格（keyframe）進行動態控制。
- **Agent 整合**：使用者可透過安裝了 Remotion Skills 的 Agent，直接下達指令來添加特效，並遵循 Remotion 的開發規範。
- **自訂擴充**：開發者可使用 `createEffect()` 函式，結合 2D Canvas API、WebGL2 或 WebGPU 打造自訂特效工廠。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782185654750-vv1zlefm.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/8b211d7798a11c2d.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 這段影片展示了如何使用 Remotion 軟體為影片內容添加各種視覺特效。

**豐富的特效庫**
官方首發提供超過 50 種內建特效，涵蓋多個應用領域：
- **色彩調整**：包含 `brightness()`、`contrast()`、`colorKey()`（去背）、`grayscale()`、`thermalVision()` 等。
- **模糊與陰影**：如 `blur()`、`dropShadow()`、`glow()` 及 `lightTrail()`。
- **變形與扭曲**：提供 `fisheye()`、`barrelDistortion()`、`chromaticAberration()` 及 `wave()` 等效果。
- **風格化與生成**：包含 `noise()`、`pixelate()`、`scanlines()`、`burlap()` 以及各類幾何圖形生成器如 `gridlines()` 和 `starburst()`。

**開發與使用指引**
若要開始使用這些特效，開發者可參考官方文件：[Remotion Effects](https://remotion.dev/effects) 。在 Remotion Studio 中，使用者只需選取支援特效的組件，即可在時間軸上直接調整參數或切換效果。對於需要進階客製化的場景，則可透過以下方式定義自訂特效：

```ts
import { createEffect } from 'remotion';

// 使用 createEffect 建立自訂特效工廠
const myCustomEffect = createEffect({
  // 支援 2D Canvas API, WebGL2 或 WebGPU
});
```

透過這些工具，Remotion 讓影片內容的視覺處理從單純的渲染轉向更具互動性與自動化的開發流程，特別是透過「vibe-coding」與 Skills 的結合，大幅降低了複雜視覺效果的實作門檻。

## 媒體內容

**這段影片展示了如何使用 Remotion 軟體為影片內容添加各種視覺特效。**

**影片中的 Prompt 與操作**

Prompt（00:03）：

```
將當前特效拖曳至 Studio 中的圖層
```

原文：Drag current effect onto a layer in the Studio

Prompt（00:14）：

```
chrom
```

Prompt（00:31）：

```
製作一個漩渦紋理並將其作為 remotion 特效應用於文字上
```

原文：make a swirl texture and apply it as a remotion effect to the text

Prompt（00:41）：

```
bu
```

操作步驟：

1. （00:00）點擊並選擇 noise() 特效
2. （00:03）將特效拖曳至圖層
3. （00:07）右鍵點擊並選擇 Add effect...
4. （00:08）選擇 linearProgressiveBlur()
5. （00:11）調整 blur 參數
6. （00:14）在搜尋框輸入 chrom 並選擇 chromaticAberration()
7. （00:17）調整 chromaticAberration 的 amount 參數
8. （00:21）點擊並選擇 shine() 特效
9. （00:24）調整 shine 的 progress 參數
10. （00:28）點擊並選擇 gridlines() 特效
11. （00:30）調整 gridlines 的參數
12. （00:34）點擊並選擇 fisheye() 特效
13. （00:36）調整 fisheye 的 field of view 參數
14. （00:38）調整 easing 曲線
15. （00:42）點擊並選擇 burlap() 特效
16. （00:43）調整 burlap 的 seed 參數
17. （00:47）點擊並選擇 colorKey() 特效
18. （00:53）在特效列表中啟用多個特效

## 標籤

功能更新, Web, Remotion