ネオンタイトルの作り方AfterEffectsTwitterFacebookはてブPocketLINEコピー2020.01.11こんにちは!今回はAfterEffectsでネオンタイトルの作り方をご紹介します。比較的簡単な表現ですので是非、マスターしてくださいね!このチュートリアルではVIDEOCOPILOT社の無料プラグイン、SAVERを使用しますので予めご準備をお願い致します。それでは早速参りましょう!今回は背景にコンクリート壁の画像を準備しています。素材はご自身で撮影されているものや、フリー素材でOKです。メニューバーのコンボジション>新規コンポジションまたは、ショートカットキーのCtrl+N(Command+N)で新規コンポジションを作成します。29.97」デュレーションは5秒で設定しましょう。背景画像をコンポジションに配置し、スケールと位置を調整しておきましょう。配置した背景画像を選択した状態でツールバーの長方形ツールを右クリック長押しで楕円形ツールを選択しもう一度、楕円形ツールのアイコンをダブルクリックします。するとレイヤーサイズに合わせた楕円形のマスクが作成されました。マスクのプロパティーを展開し、「マスクの境界線のぼかし」「マスクの不透明度」「マスクの拡張」を下の画像のようになるよう調整します。暗めの背景が出来上がりました。次にネオンで光らせる文字を作成します。今回は「HELLO」と入力しましょう。文字の大きさ、位置、フォントを調整。今回フォントはAdobeFontsの「Brevier」を選びました。タイムラインパネルで右クリック>新規>平面または、Ctrl+Y(Command+Y)で新規平面を作成。名前は「Text」にしておきましょう。※パネルの矢印をクリックすると隠れているパネルを表示できます。検索窓に「sa」と入力すると事前にインストールしたプラグイン「Saber」が表示されるので、作成した平面レイヤー「Text」にドラッグ&ドロップしてエフェクトを適用しましょう。Setting」のプルダウンから「Transparent」を選択すると、平面レイヤーの黒部分が透過されます。Layer」を参照する項目が表示されるので文字ツールで作成したテキストレイヤー「HELLO」を選択しましょう。コンポジションパネルだけを見るとエフェクトがテキストレイヤーに適用されているように感じますが、平面レイヤー「Text」のエフェクトコントロールパネルで調整するので気を付けてくださいね。ここでテキストレイヤー「HELLO」が必要なくなりましたのでタイムラインパネル「ビデオを表示/非表示」の目のアイコンを消しておきましょう。次に見た目をネオンっぽく調整していきます。「Saber」には予め様々なプリセットが用意されており、その中にネオンのプリセットもあるのでそれを使用します。平面レイヤー「Text」のエフェクトコントロールパネルでエフェクト「Saber」の「Preset」プルダウンから「Neon」を選択。Color」でネオンの輝き色を調整します。Intensity」を下げ適度な明るさに調整。※図は「31%」よりネオンのルックに近付くよう更に調整を行います。Size」を「2.00」→「2.70」へ。Spred」を「0.31」→「2.00」へ。良い感じの見た目になりました。続いてフレームとなるネオンを作成します。タイムラインパネルで右クリック>新規>平面または、Ctrl+Y(Command+Y)で新規平面を作成。名前は「Flame」にしておきましょう。平面レイヤー「Text」と同じネオンのエフェクトにしたいので、平面レイヤー「Text」のエフェクトコントロールパネルでエフェクト「Saber」をコピー(Ctrl+C/Command+C)し、平面レイヤー「Flame」にペースト(Ctrl+V/Command+V)します。平面レイヤー「Flame」を選択した状態でツールバーの「長方形ツール」を選択し、マスクで「HELLO」の文字を囲むフレームを描きます。このままではマスクで描いたフレームは表示されていません。Layer」になったままだからです。Masks」を選択するとフレームとなるネオンが表示されます。Masks」のマスクとはそのエフェクトが適用されている平面レイヤー「Flame」のマスクの事です。※フレームの位置を調整する際は平面レイヤー「Flame」の「位置」または「マスクパス」で調整します。Intensity」を若干上げる事で輝きの差を抑える事ができます。以上でネオンの調整は終わりです。続いてはネオンがONになるときの表現のアニメーションです。平面レイヤー「Flame」を選択し、レイヤープロパティの不透明度(T)を調整します。不透明度横のストップウォッチをクリックしてキーフレームを有効にします。時間インジケータが0:00:00:00の位置で不透明度の値を「0%」、2フレーム進んで値を「100%」に設定。これを20フレーム前後まで繰り返します。Shiftを押しながら今作成した2つのキーフレームを選択してコピー(Ctrl+C/Command+C)し、更に2フレーム進んでペースト(Ctrl+V//Command+V)します。時間インジケータが0:00:00:20前後に到達するまで繰り返します。最後のON(不透明度100%)になるフレームは更に2フレーム進ませて設定します。Shiftキーを押しながらこれらのキーフレームを全部選択し、コピー(Ctrl+C/Command+C)。時間インジケータを0:00:00:00に戻したら平面レイヤー「Text」を選択してペースト(Ctrl+V/Command+V)します。平面レイヤー「Text」の不透明度を見るとコピーされた不透明度のキーフレームがペーストされているのが確認できます。※キープレームが設定されているプロパティはショトカットキーのUで表示する事が可能です平面レイヤー「Text」を2フレーム進ませる事で、HELLOとフレームのネオンが同期ズレしているように見せる事でリアルな表現になります。背景画像のレイヤーにも同様に不透明度のキーフレームをコピーします。こちらは1フレーム進ませておくと良いでしょう。続いてはネオンの影の表現を作っていきます。Shiftキーを押しながらタイムラインパネルの平面レイヤー「Flame」と「Text」、テキストレイヤー「HELLO」の3つを選択し、右クリック>プリコンポーズまたは、Ctrl+Shift+C(Command+Shift+C)でプリコンポーズします。新規コンポジション名は「Neon」にしてOKをクリックしましょう。フレームとHELLOのネオンがプリコンポーズされ「Neon」というコンポジションレイヤーに変わりました。影の表現はコンポジションレイヤー「Neon」を再利用するので、コンポジションレイヤー「Neon」を選択しCtrl+D/Command+Dで複製します。タイムラインパネルのコンポジションレイヤー「Neon」の下の方はEnterキーを押して名前を「Shadow」に変更してください。時間インジケータをネオンが表示されているところまで移動し、エフェクト&プリセットパネルの検索窓に「色かぶり」と入力し、エフェクト「色かぶり補正」をコンポジションレイヤー「Shadow」に適用します。コンポジションレイヤー「Shadow」のエフェクトコントロールパネル「色かぶり補正」の「ホワイトをマップ」のカラーを黒に変更します。コンポジションレイヤー「Neon」を非表示にするとエフェクトがどのように適用されたのかが確認できます。コンポジションレイヤー「Shadow」は影の表現なので不透明度(T)を調整し、影らしいルックにしましょう。※図は「50%」コンポジションレイヤー「Neon」を表示させ、「Shadow」のレイヤーを少し移動する事で影のような遠近が表現できました。Effectsのチュートリアル記事を書いていく予定です。Effectsを使用する上でよく使う5つのパネルについて説明を行います。様々なソフトウェアやアプリケーションを使用する上で、作業の効率化に欠かせないのがショートカットキー。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。タイトルとURLをコピーしました。