【Photoshop】古いVHSテープの映像ノイズが再現できるエフェクトPSDの使い方と作例

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

Photoshop（フォトショップ）で古いVHSを再生した時に流れる映像ノイズが再現できるフォトエフェクトPSD素材の使い方と作例をフォトショ初心者の方に詳しく解説します。

制作に必要な時間はたったの1分！
あっという間にプロのレタッチが再現できる超便利なPSD素材です。

フォトショップでレトロな映像表現をされたい方必見ですよ。

この記事の目次

何ができるの？

上記の様にレトロなノイズ混じりの映像表現ができるPSD素材です。レタッチに要する時間は1分未満！あっという間にリアルなヴィンテージCRTモニタの移りが再現できますよ。

古いVHSテープエフェクトPSDの使い方

それではPhotoshopで古いVHSテープで再生されるノイズ混じりのエフェクトが追加できるPSDの使い方を解説します。フォトショ初心者の方にも簡単に使いこなせますよ。

Photoshopを導入しましょう

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

CRT Damage Screen Glitch Overlay. A Set Of 15 Retro VHS Textures.

STEP.1

PSDTをダウンロード

[ CRT Damage Screen Glitch Overlay. A Set Of 15 Retro VHS Textures. ] をダウンロードします。商用利用可能なPSDTがダウンロードできますよ。

STEP.2

PSDTを開く

ダウンロードしたPSDTをPhotoshopで開くと左図の画面が開きます。計15枚の古く劣化したVHSテープを再生したような雰囲気のテクスチャがアートボード別に収録されています。

STEP.3

画像を配置する

お好きな画像を配置します。サンプルはTexture15に [ Pretty young 20s fashion teen girl model ] を配置しました。

FINISH

レイヤーの描画モードを変更

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

テクスチャの [ 描画モード ] を [ 通常 ] から [ スクリーン ] に変更しましょう。

するとテクスチャの黒い個所が透明になり、ノイズ部分が画像に合成されました。

また、[ スライスツール ] で書き出し領域を設定すれば任意のアートボードを書き出す事ができますよ。

OMAKE

テクスチャが豊富

他のテクスチャに同様の画像を合成した例です。[ CRT Damage Screen Glitch Overlay. A Set Of 15 Retro VHS Textures. ] は15種類ものテクスチャが収録されているので様々なVHSテープ風のノイズ表現が再現できる超便利PSDですよ。

VHS Retro Photo Effect Mockup

STEP.1

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

[ VHS Retro Photo Effect Mockup ] をダウンロードします。こちらも商用利用可能なPSDTなので安心して活用いただけます。

STEP.2

PSDTを開く

ダウンロードしたPSDTをPhotoshopで開くと左図の画面が開きます。

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

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

STEP.3

PSBを編集する

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

サンプルは [ Pretty young 20s fashion teen girl model ] を使用しました。

FINISH

レトロなVHSテープ映像の再現完了

元のPSDTを参照すると完成です。[ VHS Retro Photo Effect Mockup ] は古いブラウン管モニター特有の滲んだような表現など、細部まで見事に再現できます。

各種エフェクトはレイヤー別に調整できます。滲みや色味を調整したり、オーバーレイテクスチャは先の [ CRT Damage Screen Glitch Overlay. A Set Of 15 Retro VHS Textures. ] を活用して素材を組み合わせたりなど。より高度なカスタマイズも簡単にできますよ。

その他のレトロCRTエフェクトPSD

その他の高品質なレトロなブラウン管の映像雪表現ができる素材です。
全て商用利用可能なPSDですよ！

#01 CRT Monitor Effect

まるでインベーダーゲームのような雰囲気のCRTモニター表現ができるフォトエフェクト素材です。レイヤー分けされたPSDで作られており、対象のスマートオブジェクトを差し替えるだけで完成しますよ。デザインパターンが4種類収録されています。

ダウンロードする

#02 CRT Monitor Effect with Generative AI

走査線特有の表現が非常にリアルなエフェクトモックアップPSD素材です。ブラウン管モニタの周囲が緩やかなカーブがかっている感じがいいですね。

ダウンロードする

#03 Retro CRT Monitor Screen Photo Effect Mockup

レトロ系CRTモニタが再現できるフォトエフェクトPSD素材です。マトリックスの電脳世界みたいな表現がカッコいいですね。

ダウンロードする

#04 Hidden Camera Photo Effect Mockup

昔の監視カメラ映像のような質感が再現できるエフェクトPSD素材です。色や走査線だけでなく、モニタ周囲のレンズの歪みも見事に再現されていますよ。

ダウンロードする

#05 Old TV Text And Logo Effect Mockup

画面上部の表示が故障している古いブラウン管テレビの映像質感が再現できるフォトエフェクト素材です。そのまま使っても良いですし、Photoshopで簡単に設定を変更できる便利なPSD素材です。

ダウンロードする

レトロなブラウン管エフェクト

【Photoshop】レトロなブラウン管テレビが再現できるフォトエフェクト素材20選

レトロなブラウン管モニタにノイズ混じりで映る映像が再現できるエフェクトPSDを厳選しました。商用利用可能で高品質なエフェクトを併せてチェックされてみませんか？

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

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

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

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

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

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

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

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

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

良質な素材をもっと見る

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

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

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

おわりに

以上、Photoshop（フォトショップ）で簡単に劣化したVHSの映像表現ができるフォトエフェクトPSDの使い方と作例についてでした。[ CRT Damage Screen Glitch Overlay. A Set Of 15 Retro VHS Textures. ] と [ VHS Retro Photo Effect Mockup ] を使えば１分でノイズ混じりのCRTモニタのような雰囲気が出せます。

Webサイトやバナー、チラシやポスターなどの印刷物など、様々な媒体のメインビジュアルがフォトショ初心者の方にも超短時間で作れるチート素材！レトロ加工には欠かせない素材なので是非ご活用下さい。

ではまた！