# Remotion 無料テキストアニメーション・キネティックタイポグラフィ テンプレート

Remotion. 46 無料のテキスト アニメーション ビデオ テンプレート: Word のリビールと動的なタイトル。テキスト、色、タイミングを編集します。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/text-animations

Remotion. テキストアニメーションのテンプレートは、単語、1行の文、タイトルに動きを与えます。オープニング、引用、字幕、トランジションにキネティックタイポグラフィを使いたいYouTuber、SNS向け編集者、デザイナーのためのコレクションです。シンプルに文字が順番に現れる演出から、揺れる文字、インクがあふれる表現、ガラスのレンズを通した文字まで、Remotion、HyperFrames、HTML & CSSで作られたシーンをそろえています。

## キネティックタイポグラフィが活きる場面

映像がない瞬間は、テキストが動画を支えます。オープニングのタイトル、インタビューからの引用、機能の一覧、章と章の区切りなどです。キネティックタイポグラフィは、文字を画面に置いたままにせず、そうした場面にリズムを与えます。

短くシンプルなテンプレートは字幕やタイトルに向いています。Staggered Fade Upは素早い拡大とフェードで単語を登場させ、Text Staggerは単語がせり上がったあとに色付きの光を1回走らせます。Camera Follow Captionsはカメラが引いていく中で1語ずつ文を組み立てます。Kinetic titleはセクションの冒頭に使える軽量なCSS版です。

長めのシーンは単体で成立します。Swing Typographyは固定された枠の中で大きな色付きの文字を揺らし、Flood Typographyは2行の文字を落としてズームし、Loud Burstは文を配色パレットごとに切り替え、Glass Typeはセリフ体の文字を波紋のレンズに通します。Grid Pixelateは画面を覆うグリッドのワイプなので、2つのシーンのつなぎ目を隠せます。

## 良いテキストアニメーションの条件

最優先は読みやすさです。各単語がふつうの速さで読めるだけの時間画面に残る必要があるので、単語を増やす前に表示時間を確認してください。コントラストも大切です。インクと背景の色を別々に設定できるテンプレートがいくつもあるので、明るい文字が明るい背景に乗らないようにできます。

動きは意味に従わせます。単語を1つずつ出す演出は、順番に読んでほしい文に向いています。叩きつけるような演出や弾ける演出は、強調したいひと言に向いています。揺れる演出やベルトコンベア型のシーンは短い単語をいくつか使ったタイトルシーケンスに最適で、Swing Typographyは文字数のそろった単語で最もきれいに見えます。

## カスタマイズできる項目

ほぼすべてのテキストテンプレートは、words、text、または行のリストという項目で自分の文言を受け取ります。次に色で、インク、背景、アクセント、パレットの項目があります。ほとんどのテンプレートに速度の設定があり、同じ動きの別のランダムなバリエーションを選ぶseedを持つものや、サムネイル用にシーンを1フレームで止めるstillオプションを持つものも多くあります。

どれもMacとWindows向けのデスクトップAI動画編集ソフトSubclipにプリインストールされており、変更はAIエージェントに任せられます。「Draft、Build、Shipという単語にして」「黒地に白にして」「速さを半分にして」と頼んだら、あとは動画を書き出すだけです。

## エンジンとコード

ここにあるテキストテンプレートの大半はRemotionのコンポーネントで、いくつかがHyperFrames、Kinetic titleがHTML & CSSです。Blur Reveal、Stamp Type、Ink Flood、Rush Typeといった文字エフェクト系のシーンはSubclipのランタイムが必要で、アプリ内でのみ動作します。Swing Typography、Flood Typography、HyperFramesのテンプレート、Kinetic titleは無料サインイン後にコード一式を入手でき、ClaudeやCodex向けのプロンプト付きでコピーするか、zipでダウンロードできます。エンジンごとのセットは、RemotionとHyperFramesのテキストアニメーションのページで個別に紹介しています。

## 46件のテンプレート

- [Text Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-reveal) (Remotion, タイトル): 単語ごと、または文字ごとに短い行を表示し、画面上に保持した後、後退させる、動的なタイポグラフィーのタイトル。
- [Text Highlight](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-highlight) (Remotion, タイトル): マーカー、カラーシフト、下線、取り消し線、シマー、ロゴスピンスタイルを使用した、文内の 1 つの単語の強調アニメーション。
- [Text Rewrite](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-rewrite) (Remotion, タイトル): 見出しが入力され、その末尾が選択されて消去され、その場所に新しい単語が入力されるタイプライター テキスト アニメーション。
- [Text Select](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-select) (Remotion, タイトル): タイプライターの行が単語ごとに入力され、柔らかい青色のテキストの選択と通過する輝きで強調表示されます。
- [Text Swap](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-swap) (Remotion, タイトル): 単語や文字を交互にずらして、テキストの 1 行を別の行に入れ替える回転見出しアニメーション。
- [Text Swell](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-swell) (Remotion, タイトル): 言葉が所定の位置に浮かび上がり、線が後退する前に跳ね返る波が文字の中を走る、動的なタイポグラフィーのタイトル。
- [Text Build](https://www.subclip.app/ja/motion-graphics-templates/remotion/text-build) (Remotion, タイトル): 単語ごとにテキストが構築され、新しい単語がそれぞれスライドして挿入され、画面上にすでに表示されている単語が移動して行が中央に保たれます。
- [Word Flip](https://www.subclip.app/ja/motion-graphics-templates/remotion/word-flip) (Remotion, タイトル): 青から紫のグラデーションで設定されたオプションのリストを 3D で反転する 1 つの単語を含むタイプライターの見出し。
- [Punch Lines](https://www.subclip.app/ja/motion-graphics-templates/remotion/punch-lines) (Remotion, タイトル): フルフレームのタイトル カードの連なりには、ビート間を大胆に切り込み、各行をスライドさせたり、パンチしたり、押し込んだりする大胆なステートメントが含まれています。
- [Type Morph](https://www.subclip.app/ja/motion-graphics-templates/remotion/type-morph) (Remotion, タイトル): 光るキャレットの下でタイプライターの見出しが打ち出され、冒頭の言葉が消え、一文字ずつ新しい単語に変化し、そして色彩の洪水の下で終わる。
- [Word Gather](https://www.subclip.app/ja/motion-graphics-templates/remotion/word-gather) (Remotion, タイトル): 単語が一度に 1 つずつ順不同で到着し、中央のテキスト行に集まる短い文章のアニメーションです。
- [Word Wheel](https://www.subclip.app/ja/motion-graphics-templates/remotion/word-wheel) (Remotion, タイトル): 単語の縦列の横にある見出し。スロットマシンのリールのように回転し、その隣に 1 つの単語が並んで停止します。
- [Check Cycle](https://www.subclip.app/ja/motion-graphics-templates/remotion/check-cycle) (Remotion, タイトル): 青いチェックボックスの横にある短い見出しは、ビートごとにチェックマークが付き、最後の単語がいくつかのオプションを循環します。
- [Font Shuffle](https://www.subclip.app/ja/motion-graphics-templates/remotion/font-shuffle) (Remotion, タイトル): スクランブル文字をデコードし、アクセントカラーを点滅させて、製品名を 11 種類の異なる書体に置き換えるローンチ タイトル。
- [Shader Text Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/shader-text-reveal) (Remotion, タイトル): 大きな言葉がカラフルに動くWebGLシェーダーを通して現れ、黒の上のシンプルな白い文字に落ち着きます。
- [Soft Blur In](https://www.subclip.app/ja/motion-graphics-templates/remotion/soft-blur-in) (Remotion, タイトル): 各文字がやわらかなぼかしの中からふわりと現れ、くっきりとした文字に落ち着く見出しのリビール。Appleのヒーロータイトルのようなスタイルです。
- [Per Character Rise](https://www.subclip.app/ja/motion-graphics-templates/remotion/per-character-rise) (Remotion, タイトル): 各文字が行の下から順番にスライドして定位置に収まる、ぼかしのないくっきりとしたキネティックタイトルです。
- [Inline Highlight](https://www.subclip.app/ja/motion-graphics-templates/remotion/inline-highlight) (Remotion, タイトル): 文中のキーワードが基本の文字色からブランドカラーに変わり、視線をその言葉へと引きつけます。
- [Marker Highlight](https://www.subclip.app/ja/motion-graphics-templates/remotion/marker-highlight) (Remotion, タイトル): 蛍光ペンでなぞるように、フレーズの背後に黄色いマーカーが引かれ、同時にフレーズの色が変わる一文です。
- [Shimmer Sweep](https://www.subclip.app/ja/motion-graphics-templates/remotion/shimmer-sweep) (Remotion, タイトル): くすんだグレーのテキストの上を明るい光の帯が通り抜ける、読み込み中やAIの「考え中」ラベルでおなじみのシマー効果です。
- [Selection Snap](https://www.subclip.app/ja/motion-graphics-templates/remotion/selection-snap) (Remotion, タイトル): ゆるいファインダー内の単語がFigma風の選択ボックスにスナップし、太さがThinからBlackへ切り替わり、サイズ表示がカウントアップします。
- [Type Wall](https://www.subclip.app/ja/motion-graphics-templates/remotion/type-wall) (Remotion, タイトル): 1つの単語を繰り返した行が画面全体を埋め、それぞれ異なる速度で逆方向にスクロールする文字の壁。中央にはカラーの帯が入ります。
- [Period Drop](https://www.subclip.app/ja/motion-graphics-templates/remotion/period-drop) (Remotion, タイトル): 単語が定位置へせり上がったあと、色付きのドットが上から落ちてきてスクワッシュ&ストレッチで弾み、ピリオドとして収まります。
- [Outline Trace](https://www.subclip.app/ja/motion-graphics-templates/remotion/outline-trace) (Remotion, タイトル): 各文字の輪郭が一文字ずつ線で描かれていき、その後、文字の内側に塗りが下から満ちていきます。
- [Glyph Anatomy](https://www.subclip.app/ja/motion-graphics-templates/remotion/glyph-anatomy) (Remotion, タイトル): フォントエディターで作るように単語が組み上がります。メトリクスのガイド線、輪郭に沿ったアンカーポイント、直線を曲線に変えるベジェハンドルが現れ、最後に文字が塗られます。
- [Stripe Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/stripe-type) (Remotion, タイトル): IBMのロゴのように横縞に分割された単語が左右交互からスライドして合わさり、定位置で固定され、そのまま通り抜けることもできます。
- [Path Ride](https://www.subclip.app/ja/motion-graphics-templates/remotion/path-ride) (Remotion, タイトル): 曲がりくねったカーブに沿って線が描かれ、その先端のすぐ後ろをテキストが進みます。最後にカーブがぴんと張り、言葉がまっすぐな行に収まります。
- [Type Repeater](https://www.subclip.app/ja/motion-graphics-templates/remotion/type-repeater) (Remotion, タイトル): After Effects風のリピーターを単語に適用。アウトラインのコピーが背後でトンネル、スパイラル、扇形に展開し、脈打ってから折りたたまれます。
- [Blur Reveal](https://www.subclip.app/ja/motion-graphics-templates/remotion/blur-reveal) (Remotion, タイトル): 短い文章が柔らかく曇ったぼかしから鮮明な焦点へと漂い出すセリフ テキスト アニメーション。それぞれが新しい単色のパネルに設定されています。
- [Orbit Labels](https://www.subclip.app/ja/motion-graphics-templates/remotion/orbit-labels) (Remotion, タイトル): 色付きのネームタグが、淡い背景にある薄い紫色のリングを周回していて、見る人に向かって、または遠ざかるにつれて拡大してぼやけます。
- [Word Carousel](https://www.subclip.app/ja/motion-graphics-templates/remotion/word-carousel) (Remotion, タイトル): 白地に水平方向の単語カルーセル。4 つの単語がスロット間をスライドし、中央の単語が濃い青で拡大し、サイドの単語が縮小して消えます。
- [Blur Glow](https://www.subclip.app/ja/motion-graphics-templates/remotion/blur-glow) (Remotion, タイトル): 明るい紙の背景に光る単語アニメーション。各大胆な単語が柔らかい色の後光の中に収まり、次の単語にフェードインします。
- [Design Tiles](https://www.subclip.app/ja/motion-graphics-templates/remotion/design-tiles) (Remotion, タイトル): セリフ フレーズは 1 つのタイトな線として設定されており、各文字の裏には、明るい色をワイプしてシャッフルするぴったりとした色のタイルが付いています。
- [Stamp Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/stamp-type) (Remotion, タイトル): ハイライト バー上のテキストのない太字の 4 行がフレーム内を段階的に飛び越え、ハードカットのカラー背景上の所定の位置にスタンプされます。
- [Reality Split](https://www.subclip.app/ja/motion-graphics-templates/remotion/reality-split) (Remotion, タイトル): エディター スタイルの選択ハンドルを使用して個々のレター ボックスに分割され、黄色のフィールド全体に散在し、元の単語に再組み立てされるタイトル。
- [Checker Conveyor](https://www.subclip.app/ja/motion-graphics-templates/remotion/checker-conveyor) (Remotion, タイトル): フルフレームのチェッカーボード アニメーション。9 列のタイルがベルトコンベアのように横にスライドし、新しいパターンとカラー パレットをもたらします。
- [Glass Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/glass-type) (Remotion, タイトル): 白地に黒のセリフ体を可動ガラスレンズを通して見ると、文字が歪み、端に細い虹の縁が追加されます。
- [Sunset Slam](https://www.subclip.app/ja/motion-graphics-templates/remotion/sunset-slam) (Remotion, タイトル): 濃い青からオレンジ色の日の出の輝きに消えていく収束するトレイルの上に、ブロック状の白いレタリングが所定の位置に叩きつけられる短いロゴの刺し傷。
- [Rush Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/rush-type) (Remotion, タイトル): 黒地に白い文字が曲がりくねった道を飛び回り、動くと色付きの光跡ににじみ、止まると鋭く音を立てます。
- [Ink Flood](https://www.subclip.app/ja/motion-graphics-templates/remotion/ink-flood) (Remotion, タイトル): ブラシスタイルの落書きでは、白いフレームに黒いインクが溢れ、色が反転し、インクから白く切り取られた単語が現れます。
- [Bond Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/bond-type) (Remotion, タイトル): ブロック状のピクセル フォント内の 2 つの単語は、分子のように分解して再配置され、各文字は短いピクセル結合によって隣の文字とリンクされます。
- [Wild Type](https://www.subclip.app/ja/motion-graphics-templates/remotion/wild-type) (Remotion, タイトル): まるでストレッチシートに印刷されているかのように、ダークネイビーのフレームを横切って曲がる特大の白い単語と、その後ろに滑り込む青いオフセットアウトライン。
- [Dash Cascade](https://www.subclip.app/ja/motion-graphics-templates/remotion/dash-cascade) (Remotion, タイトル): 短い単語は、1 つの点線から途切れ途切れの文字ごとの波のように展開する、丸い黄色の破線の 10 行の積み重ねから描画されます。
- [Loud Burst](https://www.subclip.app/ja/motion-graphics-templates/remotion/loud-burst) (Remotion, タイトル): 白地に短い太字の文があり、その周りに走り書きされた色の線が散りばめられており、4 つの一致する色のペアが循環しています。
- [Flood Typography](https://www.subclip.app/ja/motion-graphics-templates/remotion/flood-typography) (Remotion, タイトル): 2 行、2 色のキネティック タイポグラフィ。大きな単語が 1 つずつドロップし、保持し、カメラに向かってズームし、画面から転がり落ちます。
- [Swing Typography](https://www.subclip.app/ja/motion-graphics-templates/remotion/swing-typography) (Remotion, タイトル): 白地に巨大な色文字が固定窓の中で振り子のように揺れ、次々と反転して単語を切り替えます。