【Photoshop】SF風ホログラム表現ができるフォトエフェクトPSD

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Adobe Photoshop（フォトショップ）で近未来SFでよくあるホログラム風の表現ができるフォトエフェクトPSDの使い方と作例をフォトショ初心者の方に詳しく解説します。
様々なクリエイティブのグラフィック素材として使えるエフェクトテンプレートです。

少ない労力・時間でハイクオリティな結果を出したい方にオススメのコンテンツです。

この記事の目次

何が作れるの？

上記の様にSF作品でよく見かけるようなホログラム映像みたいな表現が再現できます。バナー素材といったWeb媒体やポスター・チラシをはじめとした印刷媒体など、様々なメディアで使える汎用素材です。

ホログラムエフェクトPSDの使い方

それではホログラム風フォトエフェクトを使ったビジュアル作成を解説します。

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はAdobe公式サイトから導入できます。（7日間の無料体験が可能、終了後は自動課金となるため、継続しない場合は期間内に解約してください。）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

ホログラムエフェクトの編集方法

STEP.1

ホログラムフォトエフェクトをダウンロード

ホログラムフォトエフェクトのPSDT素材をダウンロードします。サンプルは [ Hologram Photo Effect ] です。ハイクオリティなホログラム風表現が短時間で再現できます。

STEP.2

Photoshopで開く

ダウンロードしたホログラムフォトエフェクトのPSDT素材をダブルクリックするとPhotoshopで左図のような画面が開きます。
画面全体が黄色く塗りつぶされていますが、これで問題ありません。

STEP.3

画像を変更

レイヤーパネルを開きます。
※非表示の場合は [ F7 ] で表示可。

[ YOUR IMAGE HERE ] のスマートオブジェクトのレイヤーサムネールをダブルクリックしましょう。

別タブで [ Insert_Image_Here.psb ] が開きます。お好きな画像を配置しましょう。サンプルはコチラの画像を使用しました。

最後に [ Ctrl + S ] (Mac：⌘ + S)で上書き保存しましょう。

FINISH

編集が完了

ホログラムエフェクトのPSDタブをクリックすると画像が差し変わっています。以上でホログラム風表現が完成しました。

[ Hologram Photo Effect ] を使えば近未来SFでよく見かけるリアルなホログラム映像のような表現が短時間で実現します。様々なグラフィックのメインビジュアルとして活用できますよ。

OMAKE

色味を変更する方法

レイヤーパネルを開き、[ ADJUSTMENT ] → [ Gradient Map ] ををダブルクリックし、[ プロパティ ] を表示します。

プロパティ内のグラデーションバーをクリックすると諧調マップの調整ができます。
※グラデーションツールの使い方はコチラの記事で詳しく解説しています。

すると左図の様にホログラムエフェクトのメインカラーが変更ができます。お好きなカラーを設定しましょう。

ホログラムエフェクトを書き出す

STEP.1

書き出しを選択

[ ファイル ] → [ 書き出し ] → [ 書き出し形式 ] をクリックします。

※ショートカットは [ Alt + Shift + Ctrl + W ]
(Mac：Option + Shift + ⌘ + W)

STEP.2

書き出し設定＆書き出し

書き出し形式のダイアログ画面が開きます。左メニューに書き出し対象の画像一覧、右メニューに書き出し設定が表示されています。
サンプルは全画像をJPG形式で書き出します。

設定後は右下の [ 書き出し ] をクリック。

STEP.3

書き出しの完了

以上でホログラムフォトエフェクトをJPG形式で書き出す事ができました。[ Hologram Photo Effect ] は画像を差し替えるだけで非常に高度なホログラム表現ができるフォトエフェクト素材です。
ゼロベースだと非常に難易度が高い加工が短時間で再現できますよ。

高品質なホログラム系エフェクト素材

その他の高品質なホログラム系のエフェクトPSD素材を厳選しました。
印刷物やWeb媒体をはじめとした各種キービジュアルやメインビジュアルにも使えますよ。

#01 Hologram Photo Effect

スマートオブジェクトの中身を差し替えるだけでサンプルのようなホログラムエフェクトを付与できるモックアップPSDです。1980年代～90年代のSF映画に出てきそうなホログラム映像のような表現が可能です。

ダウンロードする

#02 Hologram Glitch Photo Effect Mockup

走査線に映し出されたホログラム映像のような表現ができるエフェクトPSDです。グリッチエフェクトをベースにゆがみや複雑なノイズなどを組合わせて表現が可能です。

ダウンロードする

#03 Photo Hologram Effect Mockup

スタイリッシュなホログラム映像のような表現ができるエフェクトPSDです。全体的に寒色系で統一されており、無機質な印象がよりSF感を強調させています。

ダウンロードする

#04 Hologram Photo Effect

全体的に淡い、ふわっとしたようなホログラム映像の表現ができるエフェクトPSDです。メインビジュアルやSF系UIの背景など、様々な用途に活用できますよ。

ダウンロードする

#05 Hologram Photo Effect

カッコいい虹色のホログラム表現ができるエフェクトPSDです。黒背景にビビッドな虹色が映えます。

ダウンロードする

その他ホログラム系エフェクト

【Photoshop】SF世界のホログラム風に加工できるPSDエフェクト11選【商用可】

コチラの記事で様々なホログラム表現ができるエフェクトPSDを紹介しています。併せてチェックされてみませんか？

おわりに

以上、Photoshop（フォトショップ）でSF作品に登場するホログラム映像のような表現ができるフォトエフェクトの使い方についてでした。リアルなホログラム表現をゼロから作るのは非常に難易度が高いですが、[ Hologram Photo Effect ] を使えば高品質かつ短時間で実現可能です。使い方もスマートオブジェクトの中身を差し替えるだけ！

ポスターやチラシ、バナーなど、様々なコンテンツのメインビジュアルとして活用できます。
ぜひ日々のクリエイティブを加速させて為にも有効活用をしてみて下さい。

ではまた！

テキストエフェクトの作り方まとめ

Photoshopでテキストエフェクトをゼロから自作する方法、そして1分で超高品質で商用利用可能なテキストエフェクトが作れるPSD素材の使い方と作例を解説しています。
ロゴデザイン、Webデザイン、バナーデザイン、各種DTPデザイン、UIデザイン、ポートフォリオ制作等。幅広いクリエイティブに活用できる内容です。