リソグラフ風のグラフィックを作る（版ズレ・混色・かすれ等の風合いを表現する）

Photoshopでリソグラフ印刷特有の版ズレ・混色・かすれなどの風合いを再現したグラフィックの作り方を解説します。  
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能「カラーピッカー」「自動選択ツール」「描画モード」「移動ツール」「レベル補正」

目次

1.レイヤー分けしてベースとなるグラフィックを描く

まずは新規ファイルを［幅：1200ピクセル］、［高さ：1400ピクセル］、［解像度：350ピクセル/インチ］で作成したら、新規レイヤーを3枚作成する。ここでは、後工程で作業しやすいようレイヤー名を前面から「シアン」、「マゼンタ」、「イエロー」に変更しておいた（図1）。

図1。この時点のレイヤーの状態。3枚レイヤーを作成して、それぞれレイヤー名を「シアン」、「マゼンタ」、「イエロー」に変更しておくレイヤーパネルで「シアン」レイヤーを選択したあと、ツールパネルの［描画色］をクリックしてカラーピッカーを表示し、16進数カラーコードをシアンの［#219ddd］に設定する（図2）。

図2。16進数カラーコードをシアンの［#219ddd］に設定する続いて楕円形ツールや横書き文字ツールなどで「シアン」レイヤー上にいくつかモチーフを描き加える（図3）（図4）。

図3 図4。シアンカラーのモチーフを描き加える次にレイヤーパネルで「マゼンタ」レイヤーを選択したら、［描画色］をクリックしてカラーピッカーを表示させ、16進数カラーコードをマゼンタの［#e4007f］に設定（図5）。同様に「マゼンタ」レイヤー上にモチーフを描き加える（図6）（図7）。

図5。16進数カラーコードをマゼンタの［#e4007f］に設定する 図6 図7。他のレイヤーを非表示にして「マゼンタ」レイヤーのみ表示した状態さらにレイヤーパネルで「イエロー」レイヤーを選択したら、［描画色］をクリックしてカラーピッカーを表示させ、16進数カラーコードをイエローの［#ffff00］に設定（図8）。同様に「イエロー」レイヤー上にモチーフを描き加える（図9）（図10）。

図8。16進数カラーコードをイエローの［#ffff00］に設定する 図9 図10。他のレイヤーを非表示にして「イエロー」レイヤーのみ表示した状態

2. モチーフの重なりを意識しながらグラフィックを調整

レイヤーを合成してグラフィックを仕上げていく。レイヤーパネルで「イエロー」レイヤーを選択したあと、抜き合わせにしたい部分に自動選択ツールなどで選択範囲を作成（図11）。続いて前面の「マゼンタ」レイヤーを選択してdeleteキーで選択部分を削除する（図12）。

図11 図12同様の手順で前後関係を意識しながら各レイヤーのモチーフを部分的に削除する（図13）。

ここでは「シアン」レイヤーの多角形やバー部分（図14）、「マゼンタ」レイヤーの正方形や文字部分（図15）、「イエロー」レイヤーの角丸フレーム部分の一部が欠けるように削除しておいた（図16）。

図14。他のレイヤーを非表示にして「シアン」レイヤーのみ表示した状態 図15。他のレイヤーを非表示にして「マゼンタ」レイヤーのみ表示した状態 図16。他のレイヤーを非表示にして「イエロー」レイヤーのみ表示した状態続いてレイヤーパネルで「シアン」、「マゼンタ」、「イエロー」の各レイヤーを［描画モード：乗算］に変更し、移動ツールでそれぞれのレイヤーを少しずらして配置する（図17）（図18）。

図17。移動ツールで各レイヤーを少しずらし、版ズレ風の効果をつける 図18。この時点のレイヤーの状態。「シアン」、「マゼンタ」、「イエロー」の各レイヤーを［描画モード：乗算］に変更しておく

3.グラフィックにアナログ的な質感をつけて仕上げる

グラフィックに質感をつけていく。コンクリートなどのざらついた壁面のテクスチャ素材を用意し、コピー＆ペーストで最前面に配置（図19）。

図19レイヤーパネルでそのテクスチャ素材のレイヤーを選択したら、［描画モード：スクリーン］に変更する（図20）（図21）。

図20 図21。この時点のレイヤーの状態。テクスチャ素材のレイヤーを［描画モード：スクリーン］に変更する最後に、テクスチャ素材のレイヤーを選択した状態のまま、イメージメニュー→“色調補正”→“レベル補正...”を選び、シャドウとハイライトのスライダーを動かしてコントラストを強めれば完成（図22）（図23）。ここでは［シャドウ：110］、［ハイライト：210］としたが、表現したいイメージによっても最適な数値は異なるのでプレビューを見ながら調整してみてほしい。

図22。シャドウとハイライトのスライダーを動かしてコントラストを強める。ここでは［シャドウ：110］、［ハイライト：210］に調整した 図23。完成ビジュアル以上、Photoshopでリソグラフ印刷特有の版ズレ・混色・かすれなどの風合いを再現する方法でした。