YouTubeのアニメーションロゴは1つのアセットではありません。実際には3つあり、同じ動画の中で3つそれぞれの役割を果たします。イントロのアイキャッチは動画の冒頭1秒で視聴者にこの動画を主張し、コーナーのウォーターマークは残りの14分間、注目を集めずにマークを画面に保ちます。アニメーションのエンドカードは登録ボタンと2つのおすすめ動画の横に配置され、クリックを競い合います。1つのマーク、3つの役割——最初の1つだけを作って「完成」と呼ぶのが、よくある間違いです。
順番が重要です。まずはイントロを作ります。それが実際に人目に留まる部分だからです。次にウォーターマーク。それが最も長く流れる部分だからです。そして最後にエンドカード。それは他者のサムネイルに囲まれた状態で機能しなければならないからです。これまでマークをアニメーションにしたことがなければ、その仕組みはどのプラットフォームとも同じです。1つのファイルからロゴをアニメーションにする方法では、YouTube特有の尺を切り出す前に知っておくべき基本を解説しています。
3つの配置、3つの役割
これらを「サイズの違う同じロゴ」と考えるのはやめましょう。それらはたまたま同じマークを共有しているだけの、別々の納品物です。そしてそれぞれが、異なる基準で評価されます。
イントロのアイキャッチは、いかに早く邪魔にならなくなるかで評価されます。本編の前に流れるため、その1フレーム1フレームが視聴者の待ち時間になります。ロングフォーム動画なら2〜3秒、Shortsなら2秒未満。そしてマークは、どこにも行き着かないなめらかなイーズでふわっと現れるのではなく、ビートに乗って決まるようにすべきです。
ウォーターマークは、誰かがそれを煩わしいと感じるかどうかで評価されます。動画全体を、決まったコーナーで低い不透明度で流し続けます。ここでのアニメーションは短いループ——ほどよい脈動、ゆっくりした回転、光の走り——でなければならず、40回見られても苛立たせない耐久力が必要です。何となく違和感のあるチャンネルのウォーターマークの多くは、動かしすぎではなく、不透明度が高すぎるか中央に寄りすぎています。
エンドカードはクリックで評価されます。最後の20秒間、2つの動画カードと登録要素の横に表示され、アニメーションのマークは、おすすめから注目を奪うことなく注目を集めなければなりません。これは本当に厄介です。エンド画面の役割は視聴者を別の場所へ動かすことだからです。目立ちすぎるロゴは、その目的に逆らってしまいます。
イントロのアイキャッチ：3秒以内
YouTubeで最もよくある失敗は、長いイントロです。視聴者がはっきりと嫌がるからではなく、プラットフォーム自身のおすすめが視聴時間を評価し、イントロが1秒あたりの離脱率が最も高い部分だからです。10分の動画における5秒のオープニングは、全体の長さでいえば誤差の範囲ですが、解析上は最も致命的な5秒です。
うまくいく作り方は、短くて明確です。マークは素早く現れます——24fpsなら24フレーム未満、つまり1秒未満で——音楽の強拍でホールドに入り、心地よいと感じるよりわずかに長く1拍分とどまり、そして退場します。これだけです。下からスライドするキャッチコピーも、自分で打たれるURLも、タイトルカードへのゆっくりしたフェードも入れません。これらの追加はそれぞれあと半秒、その合算が視聴者の確実に測れる一部を奪います。
ドキュメンタリー、長いウェビナー、インタビューといった、本格的な制作物なら4〜5秒でも許容できます。視聴者がすでに腰を据えているからです。ルールは決まった数字ではなく、比率です。オープニングは、その後に続くものの前の料金所ではなく、そのほんの一部のように感じるべきです。
身につける価値のある習慣が1つあります。すべてのイントロを1つのソースファイルから書き出し、プラットフォーム間でタイミングをそろえることです。YouTube自身の動画のアスペクト比に関するドキュメントには、標準の寸法と、比率の合わないものをアップロードするとレターボックスやトリミングにつながる理由が明記されています。ですから9:16のShortと16:9のエピソードは、2つではなく1つのプロジェクトから生み出すべきです。この方針はYouTubeのアスペクト比に関するガイダンスで確認できます。
コーナーのウォーターマーク：誰も気づかないループ
ウォーターマークは後回しにされがちですが、チャンネルの中で最も総画面時間が長い配置です。12分間流れるループは、2秒のオープニングよりはるかに多く見られます。そこで設計上の制約も根本的に異なります。
まずは不透明度からです。40〜60%程度のウォーターマークは映像の一部として読まれます。80%を超えると本編と競り合い、視聴者はそのチャンネルを「何にでもロゴが被さっているあのチャンネル」と呼ぶようになります。それは誰も目指す印象ではありません。次に、プラットフォーム自身の「家具」が存在しない場所に配置します。字幕や再生バーがある下段から離れ、モバイルでいいねボタンやコメント、動画カードが表示される右側の列からも遠ざけます。
アニメーション自体は、リビールではなくループにすべきです。リビールには始まりがありますが、ウォーターマークに始まりはありません。第1フレームから最後までずっと存在し続けるからです。それでいて、入場の動きも、明らかな周期点も除外されます。ループを予測できる視聴者は、動画ではなくロゴを見てしまっている視聴者だからです。答えはゆっくりであることです。8〜12秒かけての回転、あるいは4秒ごとの光の走りを、倍増ではなく数%の変化のスケールで行います。
人をつまずかせる身近な制約が1つあります。ソースのマークは、清潔なベクター、あるいは大きな透過PNGにすべきです。またループは拡大するのではなく、動画自身の解像度でレンダリングすべきです。ウォーターマークはフレームの一部に表示されたあと、プラットフォームのエンコーダーによって再び圧縮されるため、柔らかいソースは、視聴者がちょうど暗い場面を見ている瞬間に、目に見えるザラつきになって現れます。
正当な反論があり、認めておく価値があります——Nielsen Norman Groupのインターフェースにおけるアニメーションの研究は、動きは目的を果たすためのものであるべきで、装飾的なループは視聴者ではなくブランドに奉仕すると主張しています。これはもっともな異論ですし、正直な答えは、ウォーターマークは使いやすさではなく広告だということです。ゆっくりしたループ版がそれでも機能する理由は、視聴者がそれを押し付けと感じる閾値の下に静かに収まっているからです。
エンドカード：注目を分かち合う動き
エンド画面は、あなたのマークが画面で最も重要なものではない唯一の配置です。YouTubeのエンド画面は、登録要素と最大4つのおすすめ動画を最後のフレームに重ねて表示します。つまりあなたのアニメーションロゴは、今や背景なのです。そしてその瞬間に前面要素のように振る舞うロゴは、隣にある動画のクリックスルーを実際に損ないます。
ですからエンドカードのアニメーションは、3つのなかで最も控えめです。1回のほどよい動き——光の走り、止まってそのまま止まるゆっくりとしたスケールの収まり——を伴う静的なホールドで十分です。あなたが買っているのは注目ではなく、一貫性です。視聴者は、この動画を同じチャンネルが作ったと認識し、あなたのマークの横にあるおすすめが、同じ作品群に属するように見えます。
セーフゾーンには触らないでください。エンド画面の要素は決まった領域にあり、それらを通り抜けて流れるアニメーションのマークは、隠されるか、おすすめを隠すかのどちらかです。マークを決まった位置に動かしてそこで止めることは、プラットフォーム自身の要素を、どの画面サイズでも衝突させずに上に配置できることを意味します。それが、連続した流れより固定した位置が勝る理由です。
1つのマーク、1つのソース、3つの比率
3つすべてを1つのソースファイルから作る理由は、整理整頓のためではありません。あるバージョンのマークで開き、別のバージョンでウォーターマークを入れ、また別のバージョンで閉じるチャンネルは、実質的に3つのロゴを公開しています。そして視聴者は、なぜかは言えなくても、それをわずかに異なる3つのブランドとして読み取ります。
作業に必要なセットは単純です。Shorts向けには縦9:16。ここではマークの横幅の余裕が少なく、ワードマークを積み重ねる必要があるかもしれません。ロングフォームとチャンネルバナーの動画要素向けには、最大4Kの横16:9。アバターと、硬くトリミングされるフィードの配置向けには正方形1:1。3つすべてを同じプロジェクトから書き出せば、登場の長さもビートの揃え方もホールドも同じまま——変わるのはマークの周りの枠だけです。
ほとんどのチャンネルが忘れがちな、もう1つの小さな配置があります。それはチャンネルのアバターそのもので、細部が消え去るほど小さなサイズで表示されます。YouTube自身のチャンネルブランディングのドキュメントには、アバターの表示サイズとバナーのセーフエリアが記されており、得られる教訓は「最も小さな描画が、その絵を決める」ということです。現在の数値はYouTubeのチャンネルブランディングのドキュメントで確認できます。
YouTubeで特にありがちな間違い
このプラットフォームの形ゆえに生じる、いくつかの失敗パターンがあります。他の場所では同じようには現れません。
Shortsで2秒のイントロを流すこと。Shortsは最初のフレームで決まります。そのフレームを占めるロゴは、決定権を内容ではなくサムネイルに渡してしまいます。Shortsではウォーターマークを使い、アイキャッチはロングフォームに取っておきましょう。
字幕の上にウォーターマークを入れること。自動生成された字幕は下寄りにあり、2行目に折り返すことも少なくありません。下段にあるマークは、スマホで字幕と重なります。字幕が決して届かない上方か、コーナーへ動かしましょう。
退場にフェードトゥブラックを使うこと。エンド画面は最後のフレームに重なるため、黒にフェードすると、おすすめが空の背景に載り、動画が実際より早く終わったように見えます。カットするか、清潔なフレームでホールドしてください。
ミュートされた最初の1秒を無視すること。多くの視聴者は小さな音量で動画を始め、価値が証明されてから音を上げます。マークの登場が音声ありでしか機能しないなら、最も重要で、かつこれまで一度もテストされたことのない体験——ミュートされた体験——こそが損なわれます。
よくある質問
YouTubeのアニメーションロゴのイントロは、どれくらいの長さにすべきですか？
ロングフォームなら2〜3秒、Shortなら2秒未満、視聴者がすでに腰を据えているドキュメンタリーやウェビナーなら最大5秒です。マークは1秒未満で現れ、約1拍分ホールドして、退場します。標準的な動画で3秒を超えるものは、離脱率が最も高いまさにその瞬間に、視聴時間を奪っています。
動画にウォーターマークを入れるべきですか？
定期的に公開しているなら、入れるべきです。それは総画面時間が最も長い配置であり、クレジットなしの再投稿に対する最も安価な防御だからです。不透明度は40〜60%に保ち、字幕とモバイルの右側の列から離して配置し、リビールではなくゆっくりしたループとしてアニメーションしてください。それは第1フレームから存在しているので、アニメーションすべき入場はありません。
YouTube、TikTok、Instagramで同じロゴアニメーションを使えますか？
はい、そしてそうすべきです。ただし、各プラットフォーム用の比率を1つのソースファイルから書き出すことが条件です。Shorts、Reels、TikTok向けには縦9:16、ロングフォームのYouTubeとウェブサイトのヒーロー画像向けには横16:9。1つのプロジェクトから書き出すことで、登場の長さとビートの揃え方が同じになることが保証され、すべてのフィードでマークが同じブランドとして読まれます。
YouTube向けにロゴをアニメーションにするのに、After Effectsが必要ですか？
いいえ。イントロのアイキャッチ、ループするウォーターマーク、エンドカードは小さな作業です。透過SVGまたはPNGをアップロードし、背景フレームとトラックを選び、カットのマーカーを置いて、書き出すだけです。コンポジット系のソフトがそのライセンスに値するのは、アニメーションが実写映像と合成したり3Dシーンを駆動したりする必要があるときであり、マークのリビールのためではありません。
アニメーションロゴは、どのサイズで書き出すべきですか？
小さいマスターではなく、動画自身の解像度に合わせます。標準的なロングフォームなら1920×1080、映像が4Kなら最大3840×2160、縦向きなら1080×1920です。マークはフレームの一部に表示されたあと、プラットフォームによって再圧縮されるため、動画の解像度より低く書き出すと、最初に暗い場面で柔らかさとして現れます。
まとめ
イントロより先にウォーターマークを作ります。順番が逆のように聞こえます——イントロは人が褒める部分、ウォーターマークは誰も触れない部分——しかしウォーターマークは動画全体を流れ、イントロは2秒しか流れません。ですから最も画面時間が長い配置に、最初の手を割く価値があります。コーナーのループを設計し、スマホで50%の不透明度のまま静かであることを確認してから、イントロのアイキャッチをそれに合わせます。同じマーク、同じソース、3つの比率。そしてチャンネルは、ページ上部のアバターから下部のエンドカードまで、1つのチャンネルとして読まれます。3つすべてを1つのファイルから作り、書き出せます。ブラウザのエディターで。