Adobe After Effects 33
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
ネクさーん♪( ´θ`)ノ『After Effects』でかっこいいホログラム調の加工がしたいのですが…|ω・`)チラッ
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
えっ!?ホログラム!?トライトーンエフェクトを適用してパソコンを2〜3回叩けばいいよd( ̄  ̄;)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
そうなんですか∑(゚Д゚)やってみます(゚∀゚!!
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
なんかごめん…(ー ー;)
ホログラム調にするのは簡単だから、よりリアル感を出すためにデジタルノイズを追加する方法も解説するね〜♪( ´θ`)ノ
今回は『Adobe After Effects』で簡単にリアルなホログラム加工とデジタルノイズを追加する方法について解説していきます。
使いこなせば抜群でかっこいいので、ぜひ覚えていただければと思います。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説](https://nextist.net/wp-content/uploads/2020/02/adobe-after-effects-digital-noise-hologram.gif)
ホログラム加工の手順
まずホログラム加工の方法について順を追って簡単に解説をしていきます。
新規コンポジション( Ctrl or command+ N)を作成します。サイズやデュレーションはお好みで調整してください。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規コンポジション作成](https://nextist.net/wp-content/uploads/2020/02/create-new-composition.png)
ホログラム調にしたいフッテージを作成したコンポジションに読み込みます。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 フッテージの読み込み](https://nextist.net/wp-content/uploads/2020/02/load-material.jpg)
新規調整レイヤーを作成( Ctrl or command+ alt or option+ Y)します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 調整レイヤー(モザイク)を作成](https://nextist.net/wp-content/uploads/2020/02/adjustment-layer-mosaic.jpg)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
調整レイヤーは調整レイヤーより下層のレイヤーに対して、設定したエフェクトやマスクなどの効果を与えるためのレイヤーです。素材自体に直接調整を加えずに、あとで簡単に修正もできるのでとても便利ですd( ̄  ̄)
作成した調整レイヤーにエフェクト➡︎スタイライズ➡︎モザイクを適用します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトモザイクを適用](https://nextist.net/wp-content/uploads/2020/02/effect-mosaic.jpg)
モザイクを適用すると、モザイクをかけた調整レイヤーより下層のレイヤー(犬の絵)にモザイクがかかりました。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトのモザイクを適用](https://nextist.net/wp-content/uploads/2020/02/mosaic-adaptation.jpg)
エフェクト『モザイク』の水平ブロックと垂直ブロックの数値をそれぞれ500へ変更します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトモザイクの水平・垂直ブロックを500へ変更](https://nextist.net/wp-content/uploads/2020/02/horizontal-and-vertical-block-adjustment.jpg)
写真では分かりにくいですが…
モザイクを適用することでデジタルっぽいぼやけ感を出すことができます。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 モザイク適用前](https://nextist.net/wp-content/uploads/2020/02/before-applying-mosaic.png)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 モザイク適用後](https://nextist.net/wp-content/uploads/2020/02/after-applying-mosaic.png)
新規で調整レイヤーを作成( Ctrl or command+alt or option+ Y)します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(ブラインド)の作成](https://nextist.net/wp-content/uploads/2020/02/adjustment-layer-blinds.jpg)
新規作成した調整レイヤーにエフェクト➡︎トランジション➡︎ブラインドを適用します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトブラインドの適用](https://nextist.net/wp-content/uploads/2020/02/effect-blinds.jpg)
エフェクト『ブラインド』の数値を設定する。
・変換終了 ▶︎ 10%
・方向 ▶︎ 0×+90.0°
・幅 ▶︎ 5
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトのブラインド調整](https://nextist.net/wp-content/uploads/2020/02/blind-adjustment.jpg)
エフェクト『ブラインド』の数値を調整すると、横線が入ってデジタル感がグッと増します⬇︎⬇︎
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトブラインド適用後](https://nextist.net/wp-content/uploads/2020/02/blind-application.png)
新規で調整レイヤーを作成( Ctrl or command+alt or option+ Y)します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(露光量)作成](https://nextist.net/wp-content/uploads/2020/02/adjustment-layer-exposure.jpg)
新規作成した調整レイヤーにエフェクト➡︎カラー補正➡︎露光量を適用します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト露光量を適用](https://nextist.net/wp-content/uploads/2020/02/effect-exposure.jpg)
エフェクト『露光量』を適用した調整レイヤーのエフェクト➡︎露光量➡︎マスターを開いて
露出のストップウォッチボタン(キーフレームボタン)を altor option+ クリックします。
するとエクスプレッションが開いて、右側のタイムラインパネルに入力欄が表示されます。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 露出にエクスプレッション適用](https://nextist.net/wp-content/uploads/2020/02/exposure-compression.jpg)
エクスプレッション入力欄に『wiggle(30,0.4)』と入力します。
これは30フレーム間に0.4までの間でランダムに数字を変化させるエクスプレッションになります。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エクスプレッションwiggleの適用](https://nextist.net/wp-content/uploads/2020/02/wiggle-application.jpg)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
露光量にこのエクスプレッション(wiggle)を適用することで、光がチカチカするような効果(フリッカー)を加えることができるので、より一層デジタル感が増しますd( ̄  ̄)
新規で調整レイヤーを作成( Ctrl or command+alt or option+ Y)します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(シャープの作成)](https://nextist.net/wp-content/uploads/2020/02/adjustment-ayer-sharp.jpg)
新規作成した調整レイヤーにエフェクト➡︎ブラー&シャープ➡︎シャープを適用します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトシャープを適用](https://nextist.net/wp-content/uploads/2020/02/effect-sharp.jpg)
エフェクト『シャープ』のシャープ量を20に設定し、適応した画像素材全体を引き締めます。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトシャープのシャープ量20へ設定](https://nextist.net/wp-content/uploads/2020/02/sharpness-adjustment.jpg)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト適用前](https://nextist.net/wp-content/uploads/2020/02/before-sharpening.png)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト適用後](https://nextist.net/wp-content/uploads/2020/02/after-sharpening.png)
新規で調整レイヤーを作成( Ctrl or command+alt or option+ Y)します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(グロー)を作成](https://nextist.net/wp-content/uploads/2020/02/adjustment-layer-glow.jpg)
新規作成した調整レイヤーにエフェクト➡︎スタイライズ➡︎グローを適用します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトグローを適用](https://nextist.net/wp-content/uploads/2020/02/effect-glow.jpg)
素材を見ながらエフェクト『グロー』の値を調整していきます。
今回は
・グローしきい値 ▶︎ 90.0%
・グロー半径 ▶︎ 40.0
・グロー強度 ▶︎ 0.5
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトグロー調整](https://nextist.net/wp-content/uploads/2020/02/glow-numerical-adjustment.jpg)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトグロー適用前](https://nextist.net/wp-content/uploads/2020/02/before-applying-glow.png)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトグロー適用後](https://nextist.net/wp-content/uploads/2020/02/after-applying-glow.png)
新規で調整レイヤーを作成( Ctrl or command+alt or option+ Y)します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(トライトーン)作成](https://nextist.net/wp-content/uploads/2020/02/adjustment-Layer-tritone.jpg)
新規作成した調整レイヤーにエフェクト➡︎カラー補正➡︎トライトーンを適用します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト トライトーンの適用](https://nextist.net/wp-content/uploads/2020/02/effect-tritone.jpg)
エフェクト『トライトーン』のミッドトーンをフッテージを確認しながらデジタルっぽい色へ調整します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトトライトーンのミッドトーンカラーの変更](https://nextist.net/wp-content/uploads/2020/02/midtone-color.jpg)
新規で調整レイヤーを作成( Ctrl or command+alt or option+ Y)します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(ノイズ)を適用](https://nextist.net/wp-content/uploads/2020/02/adjustment-layer-noise.jpg)
新規作成した調整レイヤーにエフェクト➡︎ノイズ&グレイン➡︎ノイズを適用します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトノイズの適用](https://nextist.net/wp-content/uploads/2020/02/effect-noise.jpg)
エフェクト『ノイズ』のノイズ量を5.0%に設定します。これでホログラム加工の完了です。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトノイズのノイズ量を5.0%へ設定](https://nextist.net/wp-content/uploads/2020/02/noise-value-adjustment.jpg)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトノイズ適用前](https://nextist.net/wp-content/uploads/2020/02/before-applying-noise-1024x575.png)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトノイズ適用後](https://nextist.net/wp-content/uploads/2020/02/after-applying-noise.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
ノイズを少しだけ追加することで、ざらっとしたデジタル画面の質を表現することができますd( ̄  ̄)
デジタルノイズ効果を作る手順
続けてホログラム加工した素材にデジタルノイズを追加する手順を解説していきます。
新規で調整レイヤーを作成( Ctrl or command+alt or option+ Y)します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規調整レイヤー(タービュレントディスプレイス)を作成](https://nextist.net/wp-content/uploads/2020/02/adjustment-layer-turbulent-displays.jpg)
新規作成した調整レイヤーにエフェクト➡︎ディトーション➡︎タービュレントディスプレイスを適用します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトタービュレントディスプレイスを適用](https://nextist.net/wp-content/uploads/2020/02/effect-turbulent-displaces.jpg)
エフェクト『タービュレントディスプレイス』の変形を水平方向に設定します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクト タービュレントディスプレイスの変形を水平方向に設定](https://nextist.net/wp-content/uploads/2020/02/turbulent-displacement-horizontal.jpg)
エフェクト『タービュレントディスプレイス』の量を500.0、サイズ2.0へ設定します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エフェクトタービュレントディスプレイスの量を500.0、サイズ2.0へ設定](https://nextist.net/wp-content/uploads/2020/02/turbulent-displacement-numeric-adjustment.jpg)
このタービュレントディスプレイスで、デジタルノイズが入ったときの映像のブレを表現します。
ブレの度合いとして素材を見ながらお好みで調整してください。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 タービュレントディスプレイスの量タービュレントディスプレイス適用前](https://nextist.net/wp-content/uploads/2020/02/before-applying-turbulent-display.png)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 タービュレントディスプレイス適用後](https://nextist.net/wp-content/uploads/2020/02/after-applying-turbulent-displaces.png)
新規平面レイヤーを作成( Ctrl or command+Y)して、カラーを分かりやすくするために白に設定します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規平面レイヤー作成 背景を白に設定](https://nextist.net/wp-content/uploads/2020/02/create-new-solid-layer.jpg)
新規に作成した平面レイヤー(白)を写真⬇︎のように四隅をドラッグして細長く形を調整します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 平面レイヤーの調整](https://nextist.net/wp-content/uploads/2020/02/creating-a-mask-for-noise.jpg)
平面レイヤーを選択した状態で右クリックをし、プリコンポーズを選択します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 プリコンポーズを選択](https://nextist.net/wp-content/uploads/2020/02/precompose.jpg)
プリコンポーズの設定パネルが表示されるので『すべての属性を新規コンポジションに移動』を選択して
『選択したレイヤーの長さに合わせてコンポジションのディレーションを調整する』にチェックをつけて『OK』をクリックします。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 プリコンポーズ設定パネル](https://nextist.net/wp-content/uploads/2020/02/apply-precompose.jpg)
新規コンポジション(マット)が作成されました。
その新規コンポジションをダブルクリックしてコンポジションの中へ入ります。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 新規コンポジション作成](https://nextist.net/wp-content/uploads/2020/02/pre-compose-mat.jpg)
新規コンポジションの中にある平面レイヤー(デジタルノイズ)を選択した状態で
alt or option+ P で位置(トランスフォーム)を表示します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 トランスフォームの位置を表示](https://nextist.net/wp-content/uploads/2020/02/positioning.jpg)
表示させた位置を選択した状態で右クリックをし、次元の分割を選択します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 次元の分割を適用](https://nextist.net/wp-content/uploads/2020/02/split-into-dimensions.jpg)
次元の分割を適用することで、位置情報をX軸とY軸に分割して調整できるようになります。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 次元の分割を適用することで、位置情報をX軸とY軸に分割して調整](https://nextist.net/wp-content/uploads/2020/02/apply-split-to-dimension.jpg)
表示されたY位置のストップウォッチボタン(キーフレームボタン)を altor option 押しながらクリックして、エクスプレッションを表示します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 Y位置にエクスプレッションを適用](https://nextist.net/wp-content/uploads/2020/02/adjust-split-y-axis-to-dimension-1.jpg)
エクスプレッションにwiggle(1,1500)と入力をします。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 エクスプレッションにwiggle(1,1500)と入力](https://nextist.net/wp-content/uploads/2020/02/compression-wiggle-1.jpg)
wiggle(1,1500)を設定すると平面レイヤーで設定した白い横棒が、上下(Y軸)にランダムに移動する動きがつきます。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 wiggle(1,1500)](https://nextist.net/wp-content/uploads/2020/02/compression-wiggle-application-1.jpg)
平面レイヤー(デジタルノイズ)を選択した状態で Ctrl or command+ Dで複製します。
すると白い横棒が2本ランダムで上下に動きます。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 平面レイヤー(デジタルノイズ)の複製](https://nextist.net/wp-content/uploads/2020/02/compression-wiggle-application2.jpg)
平面レイヤー(デジタルノイズ)を選択した状態で Ctrl or command+ Dで複製します。
すると白い横棒が2本ランダムで上下に動きます。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 平面レイヤー(デジタルノイズ)の複製](https://nextist.net/wp-content/uploads/2020/02/compression-wiggle-application2.jpg)
最初のコンポジション(ホログラム)へ戻ってから
エフェクト『タービュレントディスプレイス』を適用している調整レイヤーと
先ほど設定したコンポジション(マット)が上下位置にあること(マットが上、タービュレントディスプレイスが下)を確認して
下側の調整レイヤー(タービュレントディスプレイス)のトラックマットをアルファマット[マット]に設定します。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 トラックマットをアルファマットに設定](https://nextist.net/wp-content/uploads/2020/02/apply-alpha-matte.jpg)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 トラックマットをアルファマットに設定](https://nextist.net/wp-content/uploads/2020/02/turbulent-displace-alphamat.jpg)
エフェクト『タービュレントディスプレイス』を設定した調整レイヤーにアルファマットを適用したことで
コンポジション(マット)で設定したランダムに動く横棒が、素材に触れたところだけタービュレントディスプレイスの効果が反映されます。
これでデジタルノイズのような映像の乱れをランダムで表現することができます。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 アルファマット適用前](https://nextist.net/wp-content/uploads/2020/02/before-applying-alpha-matte.png)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 アルファマット適用後](https://nextist.net/wp-content/uploads/2020/02/after-applying-alpha-matte-1.png)
最後にホログラム感を出すために使用する背景に合わせて不透明度(素材を選択して alt or option + T)を調整してください。
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 不透明度の調整](https://nextist.net/wp-content/uploads/2020/02/opacity-adjustment.jpg)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 不透明度100%](https://nextist.net/wp-content/uploads/2020/02/opacity-100.png)
![Adobe After Effects digital noise glitch hologram グリッチデジタルノイズ ホログラム 作り方 方法 解説 不透明度50%](https://nextist.net/wp-content/uploads/2020/02/opacity-50.png)
最後に
今回紹介したなホログラムやデジタルノイズに合うグリッチ系やサンバーパンク系の無料素材をまとめて紹介した記事を書いています。
ぜひ参考にしていただければ幸いです。
*グリッチ系やサイバーパンク系の無料素材をまとめて紹介した記事はこちら⬇︎⬇︎
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ
『Adobe CC コンプリートプラン』が Adobe正規価格の半額【 39,980 円 / 年(税込)】で購入できる方法や
価格、各種サービス内容など徹底的に比較解説した記事を書いてます^^
*『Adobe CC』の契約更新が近い方はぜひ参考にして下さい⬇︎⬇︎