# Lower third: ネームタグ

青いネームタグが左下隅にスライドします。 動画テンプレート。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/html-css/lower-third

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-html-lower-third.mp4?v=6cc6af4c09

CSS キーフレームで構築された、左下隅のグラデーションのテロップ に、太字の大文字の名前と小さい役割の行が表示されます。

- フレームワーク: HTML & CSS
- カテゴリ: ローワーサードとCTA
- 再生時間: 3秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/html-css/lower-third

テロップ はフレームの左下隅に表示されます。青からシアンへのグラデーションを持つ丸いカードがアニメーション表示され、名前が太字の白い大文字で表示され、その下に小さな役割の線が表示されます。デフォルト バージョンでは、あなたの名前とあなたの役割が表示されます。フレームの残りの部分は空のままであるため、タグは被写体を覆うことなく映像の上に配置されます。アニメーションの長さは 3 秒で、プレーンな CSS キーフレームで実行されます。

テンプレートにはエディター コントロールがないため、HTML と CSS で名前、役割、グラデーション カラーを変更します。コードは短くて読みやすいため、手動または AI コーディング エージェントを使用して簡単に編集できます。インタビュー、ポッドキャスト、ウェビナー、vlog、企業ビデオで講演者を紹介したり、ゲストが初めて登場したときにラベルを付けるために使用します。

## 活用例

- インタビューでの発言者の名前
- ポッドキャストとウェビナーのゲスト
- vlog で自己紹介をする
- 企業ビデオやイベントビデオ

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

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