【Photoshop】サイバーパンク風の加工をお手軽にする方法

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

Photoshop（フォトショップ）を使ってサイバーパンク風の加工をお手軽に行う方法を解説します。
ブレードランナーをはじめとしたSF作品を彷彿させるサイバーパンク風の世界観が再現できます。

面倒なマスク処理やブラシツール等を使った加筆の必要ナシ！
フォトショ初心者の方にも短時間でサイバーパンク風のグラフィックが簡単に作れるチュートリアルです。

Webサイトやバナーデザイン、チラシをはじめとした印刷物全般のメインビジュアルなど、幅広いクリエイティブに活用できるレタッチテクニックを網羅的に学習できます。

この記事の目次

何が作れるの？

上記のように普通の画像をネオンがギラギラと光るAKIRAの世界観のようなサイバーパンク風にできます。
ハイライト部分にマスクやブラシツールを使った加筆など、面倒な処理は一切ナシ！
CameraRawフィルターのスライダーバーを調整するだけでサイバーパンクな世界観が再現できます。

サイバーパンク風にする方法

それではPhotoshopを使ったお手軽サイバーパンク風加工の方法を解説いたします。
フォトショ初心者の方にもチュートリアル通り進めていけば作れますよ！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はフォトプラン公式サイトから入手可能。（月額は最安の1,180円、7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

STEP.1

画像を準備する

サイバーパンク風に加工したい画像をPhotoshopに読み込みます。ドラッグ＆ドロップで読み込み可能。

素材にこだわりたい方はAdobeStockが最強！3億点以上の商用利用可能で高品質な素材が制作を加速させてくれますよ。
詳しくはコチラで解説しています。

[ レイヤーパネル ] → [ 画像レイヤーを右クリック ] → [ スマートオブジェクトに変換 ] を適用。
スマートフィルターを使用するために必要な処理です。

※スマートオブジェクトはコチラの記事で詳しく解説しています。

STEP.2

CameraRawフィルターを追加

[ フィルター ] → [ Camera Rawフィルター ] を適用します。

※ショートカットは [ Shift + Ctrl + A ] (Mac：Shift + Command + A) です。

STEP.3

基本補正を設定

まずは基本補正を設定していきます。

色温度：-30　色かぶり補正：+50　露光量：+0.70
コントラスト：+10　ハイライト：+40　シャドウ：+40
白レベル：+20　黒レベル：0　テクスチャ：+25
明瞭度：+40　かすみの除去：+30　自然な彩度：+35　彩度：+5

すると左図のような状態になります。
一気に雰囲気がサイバーパンク風に変わりましたね。

STEP.4

カラーグレーディングを設定

引き続きCamera Rawフィルターの [ カラーグレーディング ] を設定します。

シャドウ：色味を赤　H：0　S：35　L：0
ハイライト：色味を赤　H：0　S：38　L：0
ブレンド：100　バランス：0

すると全体的にネオンのような発光効果が得られます。

FINISH

お好みで効果を追加

Camera Rawフィルターの [ 効果 ] を追加します。

周辺光量補正：-40

すると画像周囲が暗くなりました。
周辺光量補正の効果は好みで追加してください。

以上でPhotoshopのCamera Rawフィルターを使ったサイバーパンク風加工の完成です。
ブラシツールやマスクなどの面倒な処理をせず、スライダーバーを調整するだけでアニメ映画のAKIRAのようなサイバーパンク風の世界観が再現できます。

OMAKE1

お好みで色補正

更に強弱が欲しい場合は [ 調整レイヤー ] を追加して色補正をしてみましょう。サンプルは下記を追加しています。

色相・再度
色相：+10　彩度+30

レベル補正
シャドウ入力レベルを調整：10
中間調入力レベルを調整：1.20
ハイライト入力レベルを調整：250

OMAKE2

スマートフィルターをコピーする方法

CameraRawフィルターで作成したサイバーパンク風加工の設定を他の画像に適用するには [ レイヤーパネルの二重丸アイコン上にカーソルを合わせる ] → [ Altを押しながら適用したいレイヤー上にドラッグ ] です。

わざわざゼロから設定を作り直す必要はありませんよ

レトロフューチャー風ロゴの作り方

1980年代に流行ったレトロフューチャー風ロゴの作り方を解説しています。
フォトショ、イラレ、お好きなソフトで作ってみませんか？

【Photoshop】レトロフューチャー風テキストエフェクトの作り方

【Illustrator】1980年代レトロフューチャー風テキストエフェクトの作り方

さらに高品質なサイバーパンク風加工

上記で解説したサイバーパンク風の加工を更に発展させたエフェクトPSDです。
全て商用利用可能！
フォトショ初心者の方でも非常に短時間で高品質な仕上がりにできるモックアップを厳選しました。

#01 Cyberpunk Photo Filter

サイバーパンク風の紫と赤みがかったギラギラした世界観が再現できるエフェクトPSDです。

ダウンロードする

#02 Cyberpunk Color Grading Photo Effect Mockup

渋めのサイバーパンクの世界観が再現できるエフェクトモックアップです。ギラギラし過ぎず、色味はケミカル、非常にカッコいい絵が簡単に作れます。

ダウンロードする

#03 Cyberpunk Poster Photo Effect Mockup

紫のネオンが怪しく光るサイバーパンクの世界観が再現できるエフェクトPSDです。Photoshopが必須ですよ。

ダウンロードする

#04 Cyberpunk and Cutout Effect

通常のサイバーパンク加工にカットアウト表現が追加できるエフェクトPSDです。コミック風の表現をされたい方にオススメ。

ダウンロードする

#05 Cyberpunk Retro Sci-Fi Font Style Mockup

1980年代のSF系ロゴに使われていそうなレトロフューチャー系のテキストエフェクトです。もちろん文字オブジェクトだけでなく、様々な図形にも適用できますよ。

ダウンロードする

#06 Cyberpunk Style Text and Photo Effect

サイバーパンク風の画像加工とロゴが作れるお得なエフェクトPSDです。懐かしのSF表現が誰でも再現可能ですよ。

ダウンロードする

#07 Cyberpunk Style Social Media Stories

インスタグラムのストーリー等に適したソーシャルメディアテンプレートです。サイバーパンク風に加工する事が可能ですよ。

ダウンロードする

#08 Abstract Cyberpunk Event Page Layout

サイバーパンク風の世界観で構成されたイベントページのデザインテンプレートです。汎用性の高いフルHDサイズ（1920px 1080px）で作られています。

ダウンロードする

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshop（フォトショップ）でサイバーパンク風の加工をお手軽に行う方法についてでした。

ブレードランナーをはじめとしたSF作品が好きな方にはたまらない世界観であるサイバーパンク。
普段撮影している何気ない写真に適用すると全く違う作品にできますよ。

CameraRawフィルターは簡単操作で非常に大きな効果が得られる優秀な機能です。
まだ触れられていない方は一度お試しください！

また、noteで当記事で作成したサンプルPSDを配布しております。

ではまた！