Photoshopで画像にグリッチノイズ風の効果をつける｜Photoshopド定番チュートリアル(2021.6.7)

2021年6月7日 11時0分

［Photoshopド定番チュートリアル］
Photoshopで画像にグリッチノイズ風の効果をつける

Photoshopで作る定番グラフィックの制作工程を一からご紹介。今回は画像を「グリッチノイズ」風に演出します。グラフィックのアクセントとしてはもちろん、Webや動画系のビジュアルにも相性が良い手法です。

使用する機能：「レイヤー効果」「ハーフトーンパターン」「指先ツール」

≫この連載の記事一覧

【目次】
1.元写真に文字要素を配置する
2.画像に色ズレ風の効果をつける（レイヤー効果）
3.走査線風のノイズを作成（ハーフトーンパターン）
4.グリッチノイズ風の効果をつける（指先ツール）

1.元写真に文字要素を配置する

グリッチノイズ風の効果をつけたい要素は、最初にすべてをレイアウトして1枚のレイヤーにまとめておく。

ここではまず、ベースになる写真を開いたあと（図1）、横書き文字ツールでテキストを入力し、文字パネルでフォントサイズや文字間のカーニングなどを調整。

移動ツールでそれをドラッグしてレイアウトしたあと、レイヤーメニュー→“画像を統合”を実行して「背景」レイヤーにまとめておいた（図2）。

図1

図2

2.画像に色ズレ風の効果をつける（レイヤー効果）

レイヤーパネルで元写真のレイヤー（ここでは「背景」レイヤー）を選択したら、イメージメニュー→“色調補正”→“色相・彩度...”を［彩度：ー100］で適用（図3）。

図3

これで写真の色味が失われて白黒写真になる（図4）。

図4。［色相・彩度］で画像を白黒にする

次に、レイヤーメニュー→“レイヤーを複製...”を実行したら、レイヤーパネルで複製した方のレイヤーのレイヤーサムネールをダブルクリックして「レイヤースタイル」を表示。

［レイヤー効果］の［チャンネル］のうち［R］のチェックを外して適用する（図5）。

図5

続いて移動ツールでドラッグしてこのレイヤーを少しずらし、色ズレ風の効果をつける（図6）。

図6。［レイヤースタイル］の［レイヤー効果］を利用して画像に色ズレを演出

3.走査線風のノイズを作成（ハーフトーンパターン）

次に最前面に新規レイヤーを作成したら、編集メニュー→“塗りつぶし...”を［内容：ホワイト］で実行して白く塗りつぶす。

続いてツールパネルで［描画色］を黒、［背景色］を白に設定したら（図7）、フィルターメニュー→“フィルターギャラリー...”を選び、［ハーフトーンパターン］を［サイズ：1］、［コントラスト：0］、［パターンタイプ：線］に変更して適用する（図8）。