動態文字

輪廓轉填色

先顯示文字輪廓，再填入實色。

輪廓轉填色即時預覽

比較基準

調整前 2.4s

調整中

調整後 3.2s

試試應用範例

自訂文字

圖形與文字顏色背景顏色

字距 0直排

此瀏覽器不支援影片錄製，請改用 GIF。

選擇風格

循環時長 3.2秒圖形大小 100%速度曲線播放方向

選擇使用工具

AI 提示詞

Create a clean, silent 2D motion-graphics study of Outline to Fill, in a landscape 16:9 composition.

An outline appears first, followed by solid color filling the letters.

Timing: one complete reference cycle lasts 3.2 seconds, including the described holds and reset. If the output clip is longer, repeat this cycle. Use smooth acceleration and deceleration between the described poses, preserving the holds and corrections.
Playback order: forward, following the sequence described above.
Composition: scale the entire artwork layout to 100% of the baseline centered composition; the canvas size stays fixed. Keep the motion unclipped. Use a background #090a12 and main-color artwork #c4c5ce (pale-tint: the main color blended about 75% toward the background), crisp edges and restrained shading. Lock the camera; no camera movement, cuts, perspective changes beyond the stated technique, or extra objects.
The only visible text is the text “OUTLINE”, spelled exactly. No logos, watermarks, interface controls or captions. No dialogue, music, sound effects or ambient audio.

Priority: preserve the defining movement — An outline appears first, followed by solid color filling the letters. Compare the beginning, middle and end of the cycle.
Text layout: horizontal lines. Preserve explicit line breaks. Letter spacing: 0 composition pixels. Text: "OUTLINE".
Final palette: main color #c4c5ce, background #090a12; pale-tint means the main color blended about 75% toward the background.