// アナリティクス

【After Effects】リアルなホログラム加工とデジタルノイズの追加方法を解説!!

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説

当サイトはアフィリエイト広告を利用しています。

Adobe After Effects 33

ふにゃ太郎
ふにゃ太郎

ネクさーん♪( ´θ`)ノ『After Effects』でかっこいいホログラム調の加工がしたいのですが…|ω・`)チラッ

NEXTist
NEXTist

えっ!?ホログラム!?トライトーンエフェクトを適用してパソコンを2〜3回叩けばいいよd( ̄  ̄;)

ふにゃ太郎
ふにゃ太郎

そうなんですか∑(゚Д゚)やってみます(゚∀゚!!

NEXTist
NEXTist

なんかごめん…(ー ー;)

ホログラム調にするのは簡単だから、よりリアル感を出すためにデジタルノイズを追加する方法も解説するね〜♪( ´θ`)ノ



今回は『Adobe After Effects』で簡単にリアルなホログラム加工とデジタルノイズを追加する方法について解説していきます。

使いこなせば抜群でかっこいいので、ぜひ覚えていただければと思います。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説




ホログラム加工の手順

まずホログラム加工の方法について順を追って簡単に解説をしていきます。

新規コンポジション( Ctrl or commandN)を作成します。サイズやデュレーションはお好みで調整してください。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規コンポジション作成

ホログラム調にしたいフッテージを作成したコンポジションに読み込みます。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 フッテージの読み込み

新規調整レイヤーを作成( Ctrl or commandalt or optionY)します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 調整レイヤー(モザイク)を作成
NEXTist
NEXTist

調整レイヤーは調整レイヤーより下層のレイヤーに対して、設定したエフェクトやマスクなどの効果を与えるためのレイヤーです。素材自体に直接調整を加えずに、あとで簡単に修正もできるのでとても便利ですd( ̄  ̄)

作成した調整レイヤーにエフェクト➡︎スタイライズ➡︎モザイクを適用します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトモザイクを適用

モザイクを適用すると、モザイクをかけた調整レイヤーより下層のレイヤー(犬の絵)にモザイクがかかりました。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトのモザイクを適用

エフェクト『モザイク』の水平ブロックと垂直ブロックの数値をそれぞれ500へ変更します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトモザイクの水平・垂直ブロックを500へ変更

写真では分かりにくいですが…

モザイクを適用することでデジタルっぽいぼやけ感を出すことができます。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 モザイク適用前
モザイク適用前
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 モザイク適用後
モザイク適用後

新規で調整レイヤーを作成( Ctrl or commandalt or optionY)します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(ブラインド)の作成

新規作成した調整レイヤーにエフェクト➡︎トランジション➡︎ブラインドを適用します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトブラインドの適用

エフェクト『ブラインド』の数値を設定する。
 ・変換終了 ▶︎ 10%
 ・方向   ▶︎ 0×+90.0°
 ・幅    ▶︎ 5

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトのブラインド調整

エフェクト『ブラインド』の数値を調整すると、横線が入ってデジタル感がグッと増します⬇︎⬇︎

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトブラインド適用後

新規で調整レイヤーを作成( Ctrl or commandalt or optionY)します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(露光量)作成

新規作成した調整レイヤーにエフェクト➡︎カラー補正➡︎露光量を適用します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト露光量を適用

エフェクト『露光量』を適用した調整レイヤーのエフェクト➡︎露光量➡︎マスターを開いて

露出のストップウォッチボタン(キーフレームボタン)を altor optionクリックします。

するとエクスプレッションが開いて、右側のタイムラインパネルに入力欄が表示されます。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 露出にエクスプレッション適用

エクスプレッション入力欄に『wiggle(30,0.4)』と入力します。

これは30フレーム間に0.4までの間でランダムに数字を変化させるエクスプレッションになります。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エクスプレッションwiggleの適用
NEXTist
NEXTist

露光量にこのエクスプレッション(wiggle)を適用することで、光がチカチカするような効果(フリッカー)を加えることができるので、より一層デジタル感が増しますd( ̄  ̄)

新規で調整レイヤーを作成( Ctrl or commandalt or optionY)します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(シャープの作成)

新規作成した調整レイヤーにエフェクト➡︎ブラー&シャープ➡︎シャープを適用します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトシャープを適用

エフェクト『シャープ』のシャープ量を20に設定し、適応した画像素材全体を引き締めます。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトシャープのシャープ量20へ設定
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト適用前
シャープ適応前
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト適用後
シャープ適用後

新規で調整レイヤーを作成( Ctrl or commandalt or optionY)します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(グロー)を作成

新規作成した調整レイヤーにエフェクト➡︎スタイライズ➡︎グローを適用します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトグローを適用

素材を見ながらエフェクト『グロー』の値を調整していきます。

今回は
 ・グローしきい値 ▶︎ 90.0%
 ・グロー半径   ▶︎ 40.0
 ・グロー強度   ▶︎ 0.5

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトグロー調整
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトグロー適用前
グロー適用前
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトグロー適用後
グロー適用後

新規で調整レイヤーを作成( Ctrl or commandalt or optionY)します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(トライトーン)作成

新規作成した調整レイヤーにエフェクト➡︎カラー補正➡︎トライトーンを適用します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト トライトーンの適用

エフェクト『トライトーン』のミッドトーンをフッテージを確認しながらデジタルっぽい色へ調整します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトトライトーンのミッドトーンカラーの変更

新規で調整レイヤーを作成( Ctrl or commandalt or optionY)します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(ノイズ)を適用

新規作成した調整レイヤーにエフェクト➡︎ノイズ&グレイン➡︎ノイズを適用します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトノイズの適用

エフェクト『ノイズ』のノイズ量を5.0%に設定します。これでホログラム加工の完了です。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトノイズのノイズ量を5.0%へ設定
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトノイズ適用前
ノイズ適用前
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトノイズ適用後
ノイズ適用後
NEXTist
NEXTist

ノイズを少しだけ追加することで、ざらっとしたデジタル画面の質を表現することができますd( ̄  ̄)




デジタルノイズ効果を作る手順

続けてホログラム加工した素材にデジタルノイズを追加する手順を解説していきます。

新規で調整レイヤーを作成( Ctrl or commandalt or optionY)します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(タービュレントディスプレイス)を作成

新規作成した調整レイヤーにエフェクト➡︎ディトーション➡︎タービュレントディスプレイスを適用します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトタービュレントディスプレイスを適用

エフェクト『タービュレントディスプレイス』の変形を水平方向に設定します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト タービュレントディスプレイスの変形を水平方向に設定

エフェクト『タービュレントディスプレイス』の量を500.0、サイズ2.0へ設定します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトタービュレントディスプレイスの量を500.0、サイズ2.0へ設定

このタービュレントディスプレイスで、デジタルノイズが入ったときの映像のブレを表現します。

ブレの度合いとして素材を見ながらお好みで調整してください。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 タービュレントディスプレイスの量タービュレントディスプレイス適用前
タービュレントディスプレイス適用前
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 タービュレントディスプレイス適用後
タービュレントディスプレイス適用後

新規平面レイヤーを作成( Ctrl or commandY)して、カラーを分かりやすくするために白に設定します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規平面レイヤー作成 背景を白に設定

新規に作成した平面レイヤー(白)を写真⬇︎のように四隅をドラッグして細長く形を調整します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 平面レイヤーの調整

平面レイヤーを選択した状態で右クリックをし、プリコンポーズを選択します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 プリコンポーズを選択

プリコンポーズの設定パネルが表示されるので『すべての属性を新規コンポジションに移動』を選択して

『選択したレイヤーの長さに合わせてコンポジションのディレーションを調整する』にチェックをつけて『OK』をクリックします。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 プリコンポーズ設定パネル

新規コンポジション(マット)が作成されました。

その新規コンポジションをダブルクリックしてコンポジションの中へ入ります。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規コンポジション作成

新規コンポジションの中にある平面レイヤー(デジタルノイズ)を選択した状態で

alt or optionP で位置(トランスフォーム)を表示します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 トランスフォームの位置を表示

表示させた位置を選択した状態で右クリックをし、次元の分割を選択します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 次元の分割を適用

次元の分割を適用することで、位置情報をX軸とY軸に分割して調整できるようになります。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 次元の分割を適用することで、位置情報をX軸とY軸に分割して調整

表示されたY位置のストップウォッチボタン(キーフレームボタン)を altor option 押しながらクリックして、エクスプレッションを表示します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 Y位置にエクスプレッションを適用

エクスプレッションにwiggle(1,1500)と入力をします。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エクスプレッションにwiggle(1,1500)と入力

wiggle(1,1500)を設定すると平面レイヤーで設定した白い横棒が、上下(Y軸)にランダムに移動する動きがつきます。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 wiggle(1,1500)

平面レイヤー(デジタルノイズ)を選択した状態で Ctrl or commandDで複製します。

すると白い横棒が2本ランダムで上下に動きます。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 平面レイヤー(デジタルノイズ)の複製

平面レイヤー(デジタルノイズ)を選択した状態で Ctrl or commandDで複製します。

すると白い横棒が2本ランダムで上下に動きます。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 平面レイヤー(デジタルノイズ)の複製

最初のコンポジション(ホログラム)へ戻ってから

エフェクト『タービュレントディスプレイス』を適用している調整レイヤーと

先ほど設定したコンポジション(マット)が上下位置にあること(マットが上、タービュレントディスプレイスが下)を確認して

下側の調整レイヤー(タービュレントディスプレイス)のトラックマットをアルファマット[マット]に設定します。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 トラックマットをアルファマットに設定
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 トラックマットをアルファマットに設定

エフェクト『タービュレントディスプレイス』を設定した調整レイヤーにアルファマットを適用したことで

コンポジション(マット)で設定したランダムに動く横棒が、素材に触れたところだけタービュレントディスプレイスの効果が反映されます。

これでデジタルノイズのような映像の乱れをランダムで表現することができます。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 アルファマット適用前
アルファマット適用前
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 アルファマット適用後
アルファマット適用後

最後にホログラム感を出すために使用する背景に合わせて不透明度(素材を選択して alt or optionT)を調整してください。

Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 不透明度の調整
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 不透明度100%
不透明度100%
Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 不透明度50%
不透明度50%




最後に

今回紹介したなホログラムやデジタルノイズに合うグリッチ系やサンバーパンク系の無料素材をまとめて紹介した記事を書いています。

ぜひ参考にしていただければ幸いです。

*グリッチ系やサイバーパンク系の無料素材をまとめて紹介した記事はこちら⬇︎⬇︎



以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ


『Adobe CC』の契約期限切れ間近ではありませんか!?

『Adobe CC コンプリートプラン』が Adobe正規価格の半額【 39,980 円 / 年(税込)】で購入できる方法や

価格、各種サービス内容など徹底的に比較解説した記事を書いてます^^

*『Adobe CC』の契約更新が近い方はぜひ参考にして下さい⬇︎⬇︎