アクアスター技術ブログvol.16　「photoshop加工技！グリッチ加工」

2022/10/25

こんにちは。社内イラストレーターの太田です。
最近、デジタル表現を用いた世界観のイラストやデザインを多く見かけるようになってきた気がします。
暗い世界に明るいネオンカラーが映えていてかっこいいですよね！
デジタル表現と一言で言ってもさまざまな表現があると思いますが、今回はphotoshopで簡単にできる、「グリッチ加工」の仕方を紹介していきたいと思います。

（※グリッチとはバグ・不具合を意味する言葉です)

もちろんイラストだけではなく、写真や画像にも使えますので、覚えておくとさまざまなシーンに活用でき、表現の幅を広げることができます。

それでは早速制作の手順に沿って紹介していきたいと思います。

1 レイヤーを複製し、チャンネルを調整する
2 画面ズレの加工
3 テクスチャを入れてさらに質感を上げる
4 まとめ

レイヤーを複製し、チャンネルを調整する

まずは加工したいイラストを一枚用意します。

今回はグリッチ加工が映えそうな、「Neo-N」のキービジュアルを用いて加工していきます。
「Neo-N」は、アクアスターが発信するYouTubeチャンネル「エレスポチャンネル」にて好評配信中のマンガ動画です。興味がある方はぜひチェックしてみてください！
▼「Neo-N」が視聴できるエレスポチャンネルはこちらから

1.加工したいレイヤーをコピーし、複製します。

2.元のレイヤーを選択し、「レイヤースタイル」→「レイヤー効果」を開きます

3.チャンネル「R」のチェックを外します。
このチェックを外すとR、つまりレッドのカラー要素が抜けた状態になります。
この状態で全体を右に少し移動させます。

4.コピーしたレイヤーを選択し、今度は「G」「B」のチャンネルのチェックを外します。先ほど右に移動させた要領で、今度は左へ移動させます。移動の幅はお好みで問題ありません。

この状態でもバグ要素があり、かっこいいですね。
こちらをベースとし、よりグリッチ感を出す仕上げ加工をしていきましょう！

画面ズレの加工

バグが生じている画像って絵が途切れ途切れにズレていたりしますよね？
次の工程ではその演出を加工して作っていきます。

①まずはチャンネル調整し、全体をずらした2枚のレイヤーを統合複製します。
ショートカットキーは、上のレイヤーを選択した状態で、⌘+shift+option+Eです。

②複製したレイヤーを選択し、長方形ツールでずらしたい範囲を選択します。
⌘+移動キーで多少左右どちらかにずらすことができます。
ずらしすぎると絵が崩れてしまいますので、ずらす幅には注意が必要です。しかし、おとなしすぎてもバグが生じている雰囲気が弱まるのでメリハリをきかせながらずらしていくのがコツです！