普段の編集画面のレイアウトと、場面転換2種、見出しの出入り。使う色は青・白・黒の3色だけで、イエローはワイプの細い帯とノード1つだけのアクセント。モチーフはブランドガイドのシグネチャー(円ノードのつながり)。動画素材はすべて1920×1080・60fps・アルファ付き。
out/channel-banner.png を重ねただけ。位置が合う右上のチャンネル名はバナー画像を使う。横560 / 右64 / 上48。既存の3パターン(dark・light・plate)と同じく、透過PNGを実映像に重ねるだけで位置が合う。「概要欄から参加!」の一行が入るので、チャンネル名の表示と導線を兼ねられるのが違い。自分で背景を持っているので、撮影環境の明暗を選ばない。下の3本はすべてこのバナーを使っている。
実際に撮ったインタビュー素材に、この素材一式を重ねたもの。場面転換は「導入→本編」「本編→まとめ」の2箇所だけで、どちらも発話が完全に途切れている中に収めてある。不要な間と言い直しはカットし、1カット撮影なので切ったところは寄りを変えてつないだ。場面転換の効果音はどの版にも必ず入れている。音はYouTube基準(−14 LUFS)。
下地(カット・寄り・見出し・チャンネル名・場面転換・締めカード・効果音)は3本とも完全に同じで、違うのは字幕の扱いだけ。
字幕は最低限(7枚)にして、効果音の瞬間に大きいテロップを出す。位置は字幕と同じ(中央寄せ・下92px)なので顔にかぶらない。地はメインカラーの青、文字は白の太字で大事な言葉だけイエロー。効果音は場面転換3箇所+大きいテロップ7箇所+タイトル表示の計11。最後まで見てもらいたいとき向け。
全発話に字幕(41枚)。体裁はこのページの仕様どおり、黒78%の箱に44px太字の白。1行に収まる長さで区切り、カタカナ語や助詞の途中では割っていない。落ち着いた見せ方。内容を確実に追わせたいとき向け。
②と同じ41枚を、メインカラーの青地に置き換えたもの。41枚のうち22枚で、キーワードをイエローにしている(「約50件」「YouTube」「見える化」など)。ブランドを強く出したいとき向け。
第1回オフ会に潜入した回。別々に撮った4本を1本につないでいる(導入/会場とラボの説明/参加者インタビュー/まとめ)。場面転換は章の切れ目に標準版を2箇所、収録が変わるインタビューの入りだけ短尺版を1箇所。右上はバナー版で「概要欄から参加!」の導線を兼ねている。1.0秒以上の間はすべて0.40秒まで詰め、切ったところは寄りを変えた。
会場のざわめきが大きく無音がほとんど取れないので、覆いきっている間だけフレームを止めて転換の尺を作り、止めには同じ収録の暗騒音を敷いている(無音を貼ると音が抜けて止めたのがばれる)。音はYouTube基準(−14.2 LUFS / 真ピーク −1.7 dBFS)。
下地は3本とも完全に同じで、違うのは字幕と効果音の扱いだけ。
字幕は最低限(11枚)にして、効果音の瞬間に大きいテロップを11箇所出す。効果音は場面転換2箇所+大きいテロップ11箇所+締めカードとタイトル表示で計15。短尺版の転換(1分00秒)だけは効果音を入れていない——Scene_Change13 はいちばん短いものでも1.75秒あって0.8秒に収まらず、残響が次の発話にかぶるため。
全発話に字幕(79枚)。黒78%の箱に44px太字の白。1行に収まる長さで区切り、カタカナ語や助詞の途中では割っていない。漢字のうしろのひらがな(送り仮名)でも割らないようにした(「もしあれば|教えてください」)。
見出し・バナー・場面転換・締めカードだけの下地。字幕を自分で入れ直したいときや、切り抜きの元にするとき向け。
素材を実際に重ねた30秒の架空インタビュー。映像は見立て、話す内容も仮のもの。3つの質問を3カット(明るい室内 → Zoom → 屋外)でつなぎ、見出し・チャンネル名・字幕・場面転換を全部入れてある。音は付けていない。
白フィルの角丸ピルに、グラデーションの枠線(#1432A0 → #2B5CE6 → #3F74EC)。話が変わるたびに差し替える。
出しっぱなしにする要素。撮影環境ごとに3パターン用意した(下)。位置と文字サイズは共通。
中央寄せ。箱は文字幅に合わせて伸縮し、角は直角。1行におさまる長さで区切る。
明るい室内など、背景が白〜淡いとき。ごく薄い白のにじみで背景から浮かせている。
背景が暗いとき。黒のにじみを敷いて、白文字が飛ばないようにしている。
空と地面のように明暗が同居して背景が読めないとき。左上の見出しと同じ白ピル+グラデ枠線で確実に読ませる。
アルファ付きなので、素材トラックに重ねるだけ。下のカットが透けて見える区間が入り・抜けにあたる。
標準版なら開始0.6〜1.7秒あたり、短尺版なら0.4秒あたり。画面がネイビーで覆われている間に前後のカットをつなぐ。
layout_overlay.png(透過)を一度置いて位置を合わせ、以降は文言だけ差し替える。方向を変えたいときは ?dir=r で場面転換だけ左右反転できる。
上のプレビューは、前後のカットに見立てた無地(白→黒。見出しは黒地)の上に重ねたもの。実素材は背景が透明なので、実際は撮った映像がそのまま出る。編集に使うのは .mov(ProRes 4444) か PNG連番。GIF・MP4版は半透明を持てないため確認専用。
配色は ?theme=brand でNotionのブランド正本(ネイビー+朱色)にも切り替えられる。
編集に使うのは .mov(ProRes 4444) か PNG連番。webmはWeb埋め込み用、mp4とgifは確認専用。