# ChatGPT: AIプロンプトアニメーション

ChatGPTの入力欄にプロンプトが入力され、青い音声ボタンが送信ボタンに変わり、候補チップが消えていきます。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/chat-gpt

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-chat-gpt.mp4?v=8f0fe4adb1

ChatGPT風の入力欄で、ピル型の入力欄にプロンプトが入力され、音声ボタンが送信ボタンになり、候補チップがフェードアウトします。

- フレームワーク: Remotion
- カテゴリ: AIチャット入力
- 再生時間: 5秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/remotion/chat-gpt

白い背景に、「What's on your mind today?」という見出しが「Ask anything」と書かれたピル型の入力欄の上にふわりと現れ、その下に3つの候補チップが並びます。キャレットが少し点滅したあと、「Make a sunset over a calm ocean」が入力されます。最初の1文字が現れた瞬間に青い音声ボタンが送信ボタンに変わり、チップはフェードアウトします。約5秒で再生されます。

見出し、プレースホルダー、入力するプロンプト、ボタンのアクセントカラーに加えて、再生速度と背景も変更できます。AIチュートリアルでプロンプトを見せる場面、画像やテキスト生成についての動画の冒頭、GPTを使った機能のデモ、短いSNS投稿に使えます。

## 活用例

- AIチュートリアル
- 解説動画のプロンプト例
- GPT機能のデモ
- 短いSNS投稿

## 変更できる項目

- `speed`: 再生速度 (数値)
- `greeting`: 見出し (テキスト)
- `placeholder`: プレースホルダー (テキスト)
- `prompt`: 入力されたプロンプト (テキスト)
- `accentColor`: アクセントカラー (色)
- `stageBackground`: 現場の背景 (色)

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

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

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