# Outline Trace: アウトラインテキストアニメーション

各文字の輪郭が一文字ずつ線として描かれ、その後、内側が下から塗りつぶされます。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/outline-trace

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-outline-trace.mp4?v=bcc39906b9

各文字の輪郭が一文字ずつ線で描かれていき、その後、文字の内側に塗りが下から満ちていきます。

- フレームワーク: Remotion
- カテゴリ: タイトル
- 再生時間: 3秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/remotion/outline-trace

オレンジの背景に、「Outline」という単語が各グリフの実際の輪郭をなぞる細い線として一文字ずつ現れます。輪郭が描き終わると、各文字の内側を塗りが下から満たし、線はそこに溶け込んで、ベタ塗りの文字が残ります。長さは約2.5秒で、Interフォントの実際のアウトラインを使用しています。

テキスト、塗りと線の色、フォントサイズ、線の太さ、文字間のずれを設定し、文字を塗りつぶすかどうか、線を残すかどうかを選べます。ロゴのリビール、見出しの組み上げ、教育コンテンツのタイトル、手作り感のあるイントロに使えます。

## 活用例

- ロゴやワードマークのリビール
- 見出しの組み上げ
- 教育や講座のタイトル
- すっきりとしたイントロ

## 変更できる項目

- `speed`: 再生速度 (数値)
- `text`: テキスト (テキスト)
- `color`: 塗りの色 (色)
- `strokeColor`: 線の色 (色)
- `fontSize`: フォントサイズ (数値)
- `strokeWidth`: 線の太さ (数値)
- `stagger`: 文字間の遅延 (数値)
- `fill`: 文字を塗りつぶす (オン / オフ)
- `keepStroke`: 線を残す (オン / オフ)
- `stageBackground`: 現場の背景 (色)

## このテンプレートの使用方法

1. Mac または Windows 用の Subclip をダウンロードします。このページのすべてのテンプレートはプリインストールされています。
2. [テンプレート]パネルを開き、[Outline Trace]を選択してタイムラインにドロップします。
3. レイヤー設定のテキスト、色、タイミングを変更するか、AI エージェントに編集を依頼します。
4. ビデオをエクスポートするか、コードをダウンロードして独自のプロジェクトでテンプレートを使用します。

remocnのOutline Traceをベースに作成: https://remocn.dev