After Effects Tips タイトルの作り方 ポップホラー風

2024年11月6日

概要

After Effectsでこのようなポップホラー風タイトルの作り方をご紹介します。

事前にホラーっぽい空間にカメラワークをつけたものを作成しています。これに合うタイトルを作っていきます。
このカメラワークをつけたプロジェクト、使用している素材はこちらからダウンロードできます。

動画解説

タイトル作成

まず新規コンポジションを作成します。
ショートカットキーcommand ⌘+Nでコンポジション設定ダイアログボックスを表示します。
今回は設定を以下のようにしています。

ショートカットキーcommand ⌘+Tで横書き文字ツールを選択し、テキストを打ちサイズを調整します。
今回はフォント【Hillman MN】、フォントサイズ【160】、トラッキング【50】としています。

次にアンカーポイントの位置とテキストの位置を中央に配置します。
ショートカットキーcommand ⌘+option ⌥+homeでテキストのアンカーポイントを中央に。
ショートカットキーcommand ⌘+homeでテキストを画面の中央に配置します。

ショートカットキーPで【位置】を表示してYの値を【580】に変更します。

メニューバーにある【エフェクト】をクリックし、【描画】から【グラデーション】をクリックします。

【グラデーションの開始】のYの値を【580】、【グラデーションのシェイプ】を【放射状】にそれぞれ変更します。
他は任意の位置や色に調整します。今回は以下の設定にしています。

テキスト情報の差し替えを容易にするため、このコンポジションはこれで置いておきます。

テクスチャ作成

次にアニメーション用のテクスチャを新規コンポジションで作成します。
ショートカットキーcommand ⌘+Nでコンポジション設定ダイアログボックスを表示します。
今回は設定を以下のようにしています。

新規平面を作成します。
ショートカットキーcommand ⌘+Yで平面設定ダイアログボックスを表示し、設定を以下のようにします。

メニューバーにある【エフェクト】をクリックし、【ノイズ&グレイン】から【フラクタルノイズ】をクリックします。

【フラクタルノイズ】の設定を以下のようにします。

テキストアニメーション作成

次にテキストアニメーションを作るために新規コンポジションを作成します。
ショートカットキーcommand ⌘+Nでコンポジション設定ダイアログボックスを表示します。
今回は設定を以下のようにしています。

プロジェクトパネルにある【TEXT】と【TX】をタイムラインパネルにドラッグ＆ドロップします。

【TEXT】にある【トラックマット】のプルダウンメニューをクリックして【TX】を選択します。

【トラックマット】の隣にある、アイコンをクリックしてルミナンスマットに切り替えます。

【アルファマットスイッチ】の隣にある、空白部分をクリックすると反転スイッチが適用されます。

【TEXT】を選択した状態で、メニューバーにある【エフェクト】をクリックし、【ディストーション】から【ディスプレイスメントマップ】をクリックします。

【ディスプレイスメントマップ】の設定を以下のようにします。

【最大垂直置き換え】のストップウォッチをクリックします。

1秒15fにインジケーターを移動して【最大垂直置き換え】の値を【0】に変更します。

ショートカットキーUでキーフレームのあるプロパティを表示し、すべてのキーフレームを選択してショートカットキーF9(fn+F9)で【イージーイーズ】にします。

グラフエディターを開き、インのキーフレームをダブルクリックします。

キーフレーム速度ダイアログボックスが表示されるので、【出る速度】の【影響】の値を【12】に変更して【OK】をクリックします。

同じようにアウトのキーフレームもダブルクリックします。

【入る速度】の【影響】の値を【82】に変更します。

ショートカットキーIで0fにインジケーターを移動します。

【ディスプレイスメントマップ】をショートカットキーcommand ⌘+Dで複製します。

複製した【ディスプレイスメントマップ 2】の 【最大垂直置き換え】の値を【-100】に変更します。

1秒15fにインジケーターを移動します。

ショートカットキーPで【位置】を表示し、ストップウォッチをクリックします。

ショートカットキーIで0fにインジケーターを移動してYの値を【1500】に変更します。

【ディスプレイスメントマップ】と同じキーフレーム速度に変更します。

20fにインジケーターを移動しておきます。

【TX】を選択した状態で、メニューバーにある【エフェクト】をクリックし、【カラー補正】から【トーンカーブ】をクリックします。

トーンカーブを調整します。

調整ができたら再び【トーンカーブ】を適用します。

【トーンカーブ】のストップウォッチをクリックします。

1秒15fにインジケーターを移動します。

右端のハイライト部分を下げることでタイトルが見えるようになります。

ショートカットキーUでキーフレームのあるプロパティを表示し、すべてのキーフレームを選択してショートカットキーF9(fn+F9)で【イージーイーズ】にします。

出現にランダム感を出したいので、一文字ずつ調整します。
【TEXT】を選択した状態でツールにある【長方形ツール】をダブルクリックするとマスクが作成されます。

「C」のみ見えるようにマスクを調整します。

ショートカットキーFで【マスクの境界のぼかし】を表示して値を【30】に変更します。

同じように他の文字を調整します。
【TEXT】と【TX】をショートカットキーcommand ⌘+Dで複製し、レイヤー順を移動します。

複製した【TEXT】のマスクを調整します。
これを文字数分繰り返します。

このようにマスク外の文字が表示されていても問題ないです。

遅れて出現させたいレイヤーを選択し、ショートカットキーoption ⌥+page downで3fずつ後ろにズラします。

これでランダムに出現するアニメーションができました。

ドロドロしたアニメーション作成

次にドロドロしたアニメーションを作るために新規コンポジションを作成します。
ショートカットキーcommand ⌘+Nでコンポジション設定ダイアログボックスを表示します。
今回は設定を以下のようにしています。

プロジェクトパネルにある【TEXT_anime01】をタイムラインパネルにドラッグ＆ドロップします。

メニューバーにある【エフェクト】をクリックし、【時間】から【エコー】をクリックします。

【エコー】の設定を以下のようにします。

メニューバーにある【エフェクト】をクリックし、【ディストーション】から【タービュレントディスプレイス】をクリックします。

【マットチョーク】の設定を以下のようにします。

それをもう一度繰り返します。
こちらの【カラー】は【#7C17C2】にしています。

これでドロドロしたアニメーションができました。

ワイプ作成

次にワイプで【TEXT】に切り替わるアニメーションを作るために新規コンポジションを作成します。
ショートカットキーcommand ⌘+Nでコンポジション設定ダイアログボックスを表示します。
今回は設定を以下のようにしています。

【タービュレントディスプレイス】の設定を以下のようにします。

【TEXT】にある【トラックマット】のプルダウンメニューをクリックして【wipe】を選択します。

これでアニメーションができました。

背景とカメラワークに合わせる

これでポップホラー風タイトルができました。
完成品はギャラリーページにも掲載されています。

ダウンロード

サンプルファイルをダウンロード

title_pophorror.zip – 140.61 MB

タイトルを変更するには、【TEXT】のテキストレイヤーから文字を打ち替えます。
次に【TEXT_anime01】を文字数に合わせてレイヤーを複製、マスクを調整します。
【TEXT_anime01】の詳細は動画の6:30〜、もしくは記事のこちらを参考にしてください。