【Photoshop】イラストをレトロな雰囲気にできるエフェクトPSD

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

Photoshop（フォトショップ）でイラストをレトロな雰囲気に加工できるエフェクトPSDの使い方をフォトショ初心者の方に詳しく解説します。
フォトショスキルが無くてもキャラクターイラストなどを1分で数十年前の古い印刷物のような質感にできるチート素材！

更にフォトショップを上達させたい方にオススメのレタッチテクニックですよ。

この記事の目次

何ができるの？

上記のように通常のイラスト素材をレトロな雰囲気に大変身させる事ができます。
加工に必要な時間はたった1分！Photoshop初心者の方でもあっという間に作れる便利なPSD素材ですよ。

イラストをレトロ加工できるPSD

Photoshopでイラストをレトロ風にできるPSD素材2選です。
フォトショップ初心者の方でも再現可能な内容ですよ！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はAdobe公式サイトから導入できます。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

Old Screen Print Design Effect Mockup

STEP.1

画像を読み込む

今回使用するフォトエフェクト素材は [ Old Screen Print Design Effect Mockup ] です。PSDTをダウンロードし、Photoshopで開きましょう。

すると左図の様な画面が開きます。

STEP.2

変更箇所の選択範囲を作成

レイヤーパネルを確認しましょう。
※レイヤーは [ F7 ] で表示・非表示ができます。

[ Edit Contents ] という名称のスマートオブジェクトレイヤーがあるのでレイヤーサムネールをダブルクリックしましょう。

すると別タブでPSBが開きます。このPSB内にお好きな画像や文字などを配置し、[ Ctrl + S ] (Mac：⌘ + S) で上書き保存しましょう。

※サンプルのイラストは [ A pretty girl is climbing a mountain against the backdrop of a cloud-filled sky ] を使用しました。

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

STEP.3

パターンを調整する

横の向きに走っているパターンの幅が大きめなので調整してみましょう。

レイヤーパネル内の [ Main Effect ] → [ Photo ] → [ スマートフィルター ] → [ Filter Gallery ] をダブルクリックしてみましょう。

するとハーフトーンパターンの編集ができます。サンプルは下記に変更しました。

サイズ：3
コントラスト：5

設定後は画面右上の [ OK ] をクリック。

同様にレイヤーパネル内の [ Main Effect ] → [ Misprint ] → [ スマートフィルター ] → [ Filter Gallery ] をダブルクリック。ハーフトーンパターンの編集ができるので下記に変更しました。

サイズ：3
コントラスト：5

設定値したら [ OK ] をクリックしましょう。
設定値の違いによる変化です。横の印刷のラインの印象が変わるのでお好みで調整して下さい。

FINISH

設定の完了

以上で普通のイラストをレトロ感溢れる質感に変更する事ができました。僅かなミスプリントで版ズレが起きているのがリアルですね。

[ Old Screen Print Design Effect Mockup ] を使えば数十年前の印刷物の質感が1分で再現できるのでお試しください！

Retro Comics Poster Photo Effect Mockup

STEP.1

画像を読み込む

次に使用するアニメイラストを古く見せるフォトエフェクト素材は [ Retro Comics Poster Photo Effect Mockup ] です。PSDTをダウンロードし、Photoshopで開きましょう。

すると左図の様な画面が開きます。

STEP.2

変更箇所の選択範囲を作成

レイヤーパネルを確認しましょう。
※レイヤーは [ F7 ] で表示・非表示ができます。

[ Edit Content ] という名称のスマートオブジェクトレイヤーがあるのでレイヤーサムネールをダブルクリックしましょう。

すると別タブでPSBが開きます。このPSB内にお好きな画像や文字などを配置し、[ Ctrl + S ] (Mac：⌘ + S) で上書き保存しましょう。

※サンプルのイラストは [ Anime style ] を使用しました。

元のフォトエフェクトPSDを参照すると画像が差し変わっている事が確認できます。
サンプル画像だとハーフトーンのドットが少し目立つので、次の方法で調整を入れてみましょう。

STEP.3

ハーブトーンを調整

レイヤーパネル内の [ Effect ] → [ Image ] → [ スマートフィルター ] → [ Filter Gallery ] をダブルクリックしてみましょう。

するとハーフトーンパターンの編集ができます。サンプルは下記に設定しました。

サイズ：5
コントラスト：25

設定後は画面右上の [ OK ] をクリック。

FINISH

設定の完了

以上で普通のイラストをまるで戦時中に撮影したような雰囲気の質感に変更する事ができました。色あせた雰囲気にざらりとした紙のテクスチャー感、画像のフチに発生した紙面のダメージ加工など。

[ Retro Comics Poster Photo Effect Mockup ] を使えばレトロな紙面の雰囲気が1分で出せるので是非お試しください！

OMAKE

向きを変える方法

[ イメージ ] → [ 画像の回転 ] → [ 90°(時計回り) ] を適用します。

スマートオブジェクトのレイヤーサムネールをダブルクリックし、PSBを開きます。PSB内には左図の様にレイアウトしましょう。

使用したイラストは先のレトロエフェクトでも使用した [ A pretty girl is climbing a mountain against the backdrop of a cloud-filled sky ] です。
設定後は [ Ctrl + S ] (Mac：⌘ + S) で上書き保存します。

すると横画面にする事ができます。用途に合わせて縦画面、横画面を使い分けてください。

その他のレトロ加工エフェクト

商用利用可能で高品質なレトロ加工ができるフォトエフェクトPSDです。

#01 Old Print Effect for Photoshop

イラストや写真などを古い印刷物の様な質感にできるフォトエフェクト素材です。スマートオブジェクト内の素材を差し替えるだけでサンプルのような質感が再現できますよ。

ダウンロードする

#02 Grunge Comic Halftone Effect with Generative AI

古いアメコミの様なハーフトーンが印象的な印刷物の質感が再現できるエフェクトPSD素材です。古びて痛んだ紙の質感が非常にリアルですね。

ダウンロードする

#03 Retro Halftone Print Effect Mockup

通常のカラーイラストを色黒のハーフトーン印刷の質感にできるフォトエフェクト素材です。まるでアメコミの1ページの様な雰囲気が出せますよ。

ダウンロードする

#04 B&W Print Effect Mockup

日本の漫画雑誌の白黒ページのような質感が出せるフォトエフェクト素材です。カラーイラスト１お週刊誌のザラっとした紙の質感にできますよ。

ダウンロードする

#05 Comic Sketch Photo Effect Mockup

こちらもカラーイラストを雑誌の白黒のページのようなグランジ感のある質感にできるフォトエフェクト素材です。商用利用可能な素材なので安心して活用できますよ。

ダウンロードする

ヴィンテージエフェクトとアメコミエフェクト

商用利用可能なヴィンテージエフェクトとアメコミエフェクトをまとめました。併せてチェックされてみませんか？

【Photoshop】超高品質なヴィンテージ加工が一瞬でデキルPSD

【Photoshop】1分でアメコミ風にできるフォトエフェクトPSDの使い方と作例

おわりに

以上、Photoshop（フォトショップ）でイラストをレトロ風の印刷物にできるフォトエフェクトの使い方についてでした。

今回使用したフォトエフェクト素材は [ Old Screen Print Design Effect Mockup ] と [ Retro Comics Poster Photo Effect Mockup ] の2つです。どちらも全く違ったレトロ風の印刷物にできるPSD形式のフォトエフェクトです。

対象のスマートオブジェクトをダブルクリックし、PSB内の素材を変更するだけ！
1分で非常にクオリティの高い加工が実現できるチートアイテムです。

Webサイトや印刷物のメインビジュアルとして、バナーデザインやポスターデザインなど。イラストを使った様々なクリエイティブに使える素材です。もちろん商用利用可能なので安心して活用できますよ！

ではまた！