【Photoshop】戦前写真のようなレトロ表現ができるフォトエフェクトPSD

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

Adobe Photoshop（フォトショップ）で戦前のレトロな白黒写真の様な表現ができるフォトエフェクトの使い方を解説します。
フォトショ初心者の方でも短時間で半世紀以上の時が経過した質感や色味が再現できますよ。

この記事の目次

何が作れるの？

上記の様な大幅な時間経過による紙の劣化が再現できるフォトエフェクトです。まるで戦前写真の様なレトロな表現が可能！出力画像のサイズは高解像度なのでWeb媒体や印刷媒体など、様々なメディアで使える汎用素材が簡単に作成できますよ。

戦前写真フォトエフェクトPSDの使い方

それでは戦前の写真のような表現ができるフォトエフェクトを使ってビジュアルを作成してきましょう。

Photoshopを導入しましょう

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

レトロエフェクトの編集方法

STEP.1

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

戦前写真が作れるレトロフォトエフェクトのPSDT素材をダウンロードします。サンプルは [ Old Printed Photo Effect For Poster And Social Media Design ] です。長辺が4500px高解像度エフェクトなので様々な媒体に活用できますよ。。

STEP.2

Photoshopで開く

ダウンロードしたインクテキストPSDT素材をダブルクリックするとPhotoshopで左図のような画面が開きます。
初期設定ではサンプルイメージが差し込まれている状態ですね。

STEP.3

文字を変更

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

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

別タブで [ Edit Content.psb ] が開きます。お好きな画像を配置し、最後に [ Ctrl + S ] (Mac：⌘ + S)で上書き保存しましょう。

FINISH

基本的な編集が完了

フォトエフェクトのPSDタブをクリックすると画像が差し変わっている事が確認できます。

[ Old Printed Photo Effect For Poster And Social Media Design ] を使えば戦前の古い写真の様な表現が短時間で実現します。Webや印刷物など、様々な媒体のキービジュアルとして活用する事が可能ですよ。

OMAKE

古紙を編集

レイヤーパネルを開き、[ Textures ] → [ Texture ] をを編集する事で、折り目の付いた古紙が編集できます。お好みで不透明度や位置を調整しましょう。

テクスチャの調整を加えるだけでかなり印象が変わりますよ。

戦前写真エフェクトを書き出す

STEP.1

書き出しを選択

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

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

STEP.2

書き出し設定＆書き出し

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

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

STEP.3

書き出しの完了

以上で戦前写真風フォトエフェクトをJPG形式で書き出す事ができました。

[ Old Printed Photo Effect For Poster And Social Media Design ] はお好きな写真に差し替えるだけで非常に高品質な戦前に撮影されたような写真の雰囲気が再現できるフォトエフェクト素材です。この手のヴィンテージ系エフェクトは汎用性が高いので持っておいて損はありませんよ。

高品質なヴィンテージ系エフェクト素材

その他の高品質な古い写真の再現ができるヴィンテージ系フォトエフェクト系のPSD素材を厳選しました。各種キービジュアルやメインビジュアルに使えますよ。

#01 Vintage Grain Photo Effect Mockup

ザラっと汚れた古い白黒画像の質感にできるエフェクトモックアップです。このフォトショエフェクトを通すだけで非常にカッコいい画像が作れます。

なお、実際の使用例はコチラの記事で詳しく解説しています。白黒だけでなくカラーも作れますよ！

ダウンロード

#02 Vintage Grain Photo Effect Mockup

写真をはじめとした画像をヴィンテージ風にできるエフェクトモックアップです。
仕上がりは見ての通り超高品質！
日焼け具合やしわの感じなど、見事な質感です。

※実際の使用例はコチラの記事で解説しています。

ダウンロード

#03 Vintage Grain Photo Effect Mockup

非常に古い質感に変える事ができるエフェクトモックアップです。
フォトショップと当PSDがあれば短時間でサンプルのような仕上りが再現可能ですよ。

ダウンロード

#04 Vintage Grain Photo Effect Mockup

味のあるヴィンテージ加工ができるフォトショップ用のエフェクトモックアップです。
紙のザラザラ感や汚れなどが見事に再現できます。

ダウンロード

#05 Vintage Grain Photo Effect Mockup

グランジ加工とヴィンテージ加工が行えるエフェクトモックアップです。
昔の雑誌の写真のような仕上りで非常に渋いですね。

ダウンロード

#06 Vintage Grain Photo Effect Mockup

レトロ風の写真にできる光系のエフェクトモックアップです。
色褪せた感じなど、再現度が非常に高いエフェクトです。

ダウンロード

#07 Vintage Grain Photo Effect Mockup

古いポスターの質感が再現できるエフェクトモックアップです。
野ざらしでポスターが所々浮き出た感じが非常にリアルです。

ダウンロード

#08 Vintage Grain Photo Effect Mockup

レトロで汚れた白黒写真にできるエフェクトモックアップです。
質感・再現度が非常に高い高品質な仕上りです。

ダウンロード

#09 Vintage Grain Photo Effect Mockup

昔の新聞紙のような白黒画像にできるエフェクトモックアップです。

ダウンロード

#10 Vintage Grain Photo Effect Mockup

折り目や汚れが付いた白黒画像を作る事ができるエフェクトモックアップです。
Photoshopの詳しい使い方は不要！
対象PSDの対象レイヤーに画像をはめるとサンプルのような仕上りにできます。

ダウンロード

その他ヴィンテージ系エフェクト

【Photoshop】商用可！画像をヴィンテージ風にできるエフェクトモックアップ50選

コチラの記事で様々なヴィンテージ表現ができるエフェクトPSDを紹介しています。併せてチェックされてみませんか？

おわりに

以上、Photoshop（フォトショップ）で戦前に撮影されたようなレトロな写真のような表現ができるフォトエフェクトの使い方についてでした。リアルなヴィンテージ風の印刷物を模した質感をゼロから作るのは非常に難易度が高いですが、[ Old Printed Photo Effect For Poster And Social Media Design ]を使えば高品質かつ短時間で実現可能です。使い方もスマートオブジェクトの中身を差し替えるだけ！

手軽かつ簡単にヴィンテージな質感表現が再現できるので、ポスターやチラシ、バナーなど、様々なコンテンツのキージュアルとして活用できますよ！

ではまた！

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

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