字幕
カラオケ式テロップ
単語ごとに色を変えて、話している箇所を追わせる。
Sequenceinterpolatecaptions
Remotion capability catalog
動画編集でやりたいことを、カードで選べるようにする
テロップ、字幕、画面合成、トランジション、音声連動、グラフ、SNSショートの型まで、Remotionで実装できる表現をミニ動画っぽく並べたカタログ。一般名だけでなく、編集者が発注や設計で使う技名まで拾える状態にする。
43デモカード25件＋編集者ワード18件。
7テロップ / 合成 / 遷移 / 音声 / データ / テンプレ / 編集用語。
0 render初版は軽いView。必要カードだけRemotion本実装にする。
表現カタログ
各カードは「Remotionで作れる動画部品」の見本。実際の制作ではReactコンポーネント化して、文言・色・秒数・素材をpropsで差し替える。
勝ち筋ここで出す
文字
強調ワードのポップ
重要語だけ拡大・回転・色差ししてTikTokっぽく見せる。
springtext layoutstagger
ひめの解説OpenClaw / Remotion demo
肩書き
ローワーサード
ニュース・解説動画の名前/肩書き帯。人や章タイトルに使う。
AbsoluteFillslidebrand tokens
REVEAL
タイトル
マスク文字リビール
章扉や商品名を、光が走るように見せる。
maskgradientintro
遷移
ワイプトランジション
場面転換を直線・円形・ロゴ形状で切り替える。
TransitionSeriesclip-pathwipe
カメラ
Ken Burnsズーム
静止画をゆっくりズームして、退屈な絵を動画にする。
Imgscaleeasing
合成
2画面インタビュー
対談、比較、リアクション動画を同じ尺に並べる。
Videolayoutaudio mix
合成
ピクチャーインピクチャー
画面録画の右下に話者、解説動画の定番構成。
Sequencez-indexrounded mask
編集
タイムライン進行バー
章立て、残り時間、ショート動画の視聴維持に使う。
useCurrentFramedurationmarkers
グラフ
棒グラフアニメーション
売上、PFC、比較表などを動画内で伸ばして見せる。
SVGdata propsstagger
グラフ
折れ線チャート描画
株価、体重推移、KPIなどを線が走る演出にする。
strokeDashoffsetSVG path
地図
ルート/位置情報アニメーション
移動ログ、店舗紹介、旅行動画の地図パート。
MapboxSVG routecamera
音声
音声波形っぽい演出
ナレーションやポッドキャスト切り抜きを視覚化する。
Audiovolume databars
音声
BGMダッキング表現
話者が入ったらBGM音量を下げる、編集の見える化。
volume callbackAudiomix
これ動画にできる？
できるよ〜♡
テロップも演出も盛れる
SNS
LINE/チャット再現
会話相談、恋愛相談、問い合わせ再現を縦動画にする。
vertical 9:16message data
GLITCH
効果
グリッチ/ノイズ
サイバー、速報、失敗演出、場面切替のアクセント。
CSS filterrandom seed
画作り
カラーグレーディング風
同じ素材を暖色/寒色/ブランド色に寄せる。
overlayblend modeLUT-like
フォーカス
ぼかしからのピント合わせ
注目箇所、商品、スクショの重要部分へ視線誘導。
blurmaskspotlight
素材
Lottie/アイコンアニメ
チェック、通知、拍手、スタンプの軽いモーション。
LottieJSON assetloop
商品
商品スペック紹介
LP/広告/EC向けに、商品画像と強みを順番に出す。
Imgpropsbullet timing
比較
Before/Afterスライダー
リフォーム、UI改善、画像加工、体型変化の見せ方。
clipcomparedrag-like
ショート
縦型解説テンプレ
冒頭フック、字幕、進行バーのショート動画基本形。
1080x1920hookcaption
次回へ保存して見る
締め
CTA/エンドカード
登録、保存、問い合わせ、次動画への誘導。
OutroQRCTA
字幕
二段字幕/翻訳字幕
日本語＋英語、原文＋意訳、専門語注釈に使う。
SRT/VTTWhisperlayout
3秒で惹きつける
冒頭
フック付きオープニング
最初の3秒に大見出し、動き、進行バーをまとめる。
intro packbrand preset
編集者ワード棚
「例えば何？」を編集者目線の言葉に寄せた追加棚。Remotionではだいたい、素材の出し分け、Sequenceの重ね方、時間補間、マスク、音声タイミングで作れる。
Jカット
J-cut次のシーンの音だけ先に入れてから映像を切る。
会話、ドキュメンタリー、場面転換を自然にしたい時。
Lカット
L-cut前のシーンの音を残したまま、映像だけ次へ進める。
余韻、説明継続、ナレーションを滑らかにつなぐ。
マッチカット
match cut形、動き、構図が似た瞬間で別素材へ切る。
商品比較、Before/After、話題転換を気持ちよく見せる。
ジャンプカット
jump cut同じ構図の不要な間を切ってテンポを上げる。
YouTube解説、ショート、喋りの間延び除去。
スマッシュカット
smash cut静かな絵から急に強い絵や音へ切る。
オチ、驚き、広告の冒頭フック。
ウィップパン
whip pan横に振ったブラーで次の絵へつなぐ。
旅行、商品紹介、テンポの速いVlog。
スピードランプ
speed ramp遅い→速い→遅いの速度変化で見せ場を作る。
スポーツ、商品回転、移動ショット、登場演出。
タイムリマップ
time remap素材の時間を伸縮させて、尺やリズムに合わせる。
BGMの拍、台詞、カット尺に映像を吸わせる。
ルママット
luma matte明るさを抜き型にして、映像や文字を出す。
光る文字、煙越しの映像、質感のあるリビール。
アルファマット
alpha matte透明度つきの形で素材を切り抜く。
ロゴ形の映像、丸窓、スマホ画面のはめ込み。
ロトスコープ
roto人物や物体を切り抜いて前後関係を作る。
テロップを人物の後ろへ回す、背景差し替え。
モーショントラッキング
track動く対象に文字や図形を追従させる。
商品ラベル、顔横の注釈、UI操作の追跡。
パンチイン
punch in同じ素材を急に拡大して強調する。
ツッコミ、重要発言、表情の抜き。
ラックフォーカス
rack focusピント位置を手前から奥へ移すような演出。
視線誘導、商品→人物、背景情報→結論。
パララックス
parallax前景・中景・背景を別速度で動かして奥行きを作る。
静止画MV、記事サムネ、漫画コマの動画化。
ホールドフレーム
hold一瞬だけ静止させて、文字やSEを刺す。
ツッコミ、注釈、重要商品の一時停止。
オーバーレイ
overlay光、ノイズ、紙質、字幕枠などを上から重ねる。
画づくり、情報量追加、ブランド感の統一。
サウンドブリッジ
bridge音をまたがせて、離れたシーンを意味でつなぐ。
ナレーション先行、環境音、次章への誘導。
このViewの使い方
これは「Remotionで全部できるよね？」を制作に落とすためのカタログ。いまは軽く見るためにCSS/HTMLで動かしているけど、各カードはRemotionコンポーネントに分けられる。
- 次にやるなら、使いたいカードを3〜5個選んで、Remotionプロジェクトに実装する。
- 編集者ワード棚は、発注や設計で使う言葉。たとえば「ここJカットで」「この静止画はパララックス」「商品名はルママットで出す」みたいに使う。
- テロップ系は字幕データ、音声系はTTS/Whisper、商品系は画像とスペックJSONを入力にする。
- 「全部入りデモ動画」にする場合は、各カードを2〜4秒ずつSequenceで並べて一本化する。