【Photoshop】マトリックス風のグラフィックが1分で再現できるPSD

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

Photoshop（フォトショップ）で映画マトリックスのようなグラフィックが1分で作れるエフェクトPSDの作例と使い方を解説します。

0と1の文字列が複雑に重なり合った緑色のサイバーな世界観を完全再現。
フォトショ初心者の方にも簡単に作る事ができます。

よくあるチュートリアルとは別次元のクオリティを僅か数分で再現してみませんか？

この記事の目次

何が作れるの？

Photoshop（フォトショップ）で映画MATRIX（マトリックス）の世界観を再現できます。
必要なものはPhotoshopとエフェクトPSD、素材画像の3点のみ。
本当に「あっ」という間に上記のような作品が作れますよ！

マトリックス風エフェクトPSDの使い方

それではPhotoshopでMATRIX（マトリックス）風のグラフィックが作れるエフェクトPSDを使ってみましょう。フォトショ初心者の方にも再現できるように詳しくPSDの使い方を解説いたします。

Photoshopを導入しましょう

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

エフェクトPSDの使い方

STEP.1

エフェクトPSDをダウンロード

「The Matrix effect」をダウンロードします。

作者はMarcelさん、MATRIXエフェクト以外にも数々のエフェクトやデザイン素材を作成されていますよ。

STEP.2

PSDを開く

ダウンロードしたPSDをPhotoshopで開きます。
ダブルクリックで開けますよ。

STEP.3

画像を差し替える

[ REPLACE IMAGE ] という名称のレイヤーがあります。
レイヤーサムネールをダブルクリックしましょう。

※レイヤーが非表示の場合は [ F7 ] で表示できます。

すると [ REPLACE ME2.psb ] が別ウィンドウで開きます。

お好きな画像素材をドラッグ＆ドロップで配置しましょう。
[ Ctrl + T ] で拡大・縮小できます。
※無料でダウンロードできる素材サイトはコチラの記事でまとめています。

配置が完了したら [ Ctrl + S ] で上書き保存します。

元のエフェクトPSDを確認すると画像が差し変わり、MATRIXエフェクトが追加されました。

STEP.4

文字を差し替える

同様の手順で [ YOUR TITLE ] レイヤーのレイヤーサムネールをダブルクリックしましょう。

すると [ wake up.psb ] が別ウィンドウで開きます。
[ 文字ツール ] を使って好きなフォントで好きな文字列を入力しましょう。
※文字が不要な場合は非表示にします。

入力後は [ Ctrl + S ] で上書き保存。

再び元のエフェクトPSDを確認してみましょう。文字が差し変わっていますね。
以上でマトリックス風のグラフィックが完成しました。

拡大すると細部まで作りこまれているのが確認できます。

1分少々の所要時間で仕上がりはプロレベル、しかも商用利用可能！「The Matrix effect」を使えば非常にハイレベルなレタッチが誰でも可能ですよ。

エフェクトを使った作例

[ オブジェクト選択ツール ] → [ 被写体を選択 ] を使って人物以外をマスクした画像に適用した例です。
切り抜き1分、マトリックスエフェクト適用に1分、計2分程でこの品質！
※爆速で人物の切り抜きを行う方法はコチラの記事で詳しく解説しています。

上記は加工ナシの素材にマトリックス風エフェクトを適用した例です。
1分で作った作品とは思えない品質ですね。

カッコいい白黒画像が電脳世界に溶け込んでいくような世界観に…
「The Matrix effect」を使えばフォトショ初心者の方にも簡単に上記のような作品が作れますよ。

その他MATRIX風エフェクトPSD

上記で解説したマトリックス風加工ができるエフェクトPSDと違ったモックアップです。
全て商用可能！
基本的に使い方は同じ、あっという間にプロの加工ができる高品質なエフェクトばかりですよ。

#01 Digital Text Overlay Effect

まるでMATRIXに登場するエージェントのような表現ができるエフェクトPSDです。暗い個所は文字が薄く、明るい場所は文字が濃くなる仕様です。

ダウンロードする

#02 Image to Code Photo Effect

グリーンの0と1の配列によって対象物が表現できるマトリックス風エフェクトです。高解像度＆高品質なエフェクトです。

ダウンロードする

#03 Digital Screen matrix Text Effect

マトリックス風の世界観でロゴが作れるテキストエフェクトPSDです。色替えも簡単！ロゴや見出し、紙面やバナー・サイトデザインなど汎用的に使える素材です。

ダウンロードする

#04 Hacker Digital Manipulation Effect Mockup

ハッカーのイメージ画像などを作成するのに適したエフェクトPSDです。電脳世界の住人を超簡単にビジュアル化できますよ。

ダウンロードする

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

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

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

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

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

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

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

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

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

良質な素材をもっと見る

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

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

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

おわりに

以上、Photoshop（フォトショップ）で映画のMATRIX（マトリックス）風のグラフィックが作れるエフェクトPSDについてでした。

ゼロから作ると非常に手間がかかります。
もちろんPhotoshopの知識もかなり必要！

しかし「The Matrix effect」を使えば誰でも簡単にプロのレタッチを1分で再現できます。
作品品質と時短を求められている方は是非お試し下さい。

ではまた！