今回はPhotoshopで新聞や雑誌の切り抜きを貼り付けたような犯行予告風コラージュを作るテクニックを解説します。長方形の前面に文字を配置し、ずらしたり角度をつけたりしながらランダムにレイアウトしていくのが基本的な作り方。
文字ごとにフォントや明度を変えることで、より犯行予告や脅迫状らしく表現することができます。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能
「長方形ツール」「横書き文字ツール」「スマートオブジェクト」「移動ツール」「ノイズを加える」「ぎざぎざのエッジ」「ハーフトーンパターン」「ベベルとエンボス」「カラーオーバーレイ」

目次

Photoshopで犯行予告風コラージュを表現: 
1.元となる文字を用意する

まずは新規ファイルを[幅:1200ピクセル]、[高さ:900ピクセル]、[解像度:350ピクセル/インチ]で作成したら、長方形ツールを選択してオプションバーで[ツールモード:シェイプ]、[塗り]をグレー(ここでは16進数カラーコード[#999999])、[線:なし]、[角の丸みの半径:0px]に設定(図1)。カンバス上をドラッグして長方形を描く(図2)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図1。長方形ツールのオプションバーで[ツールモード:シェイプ]、[塗り]をグレー(ここでは16進数カラーコード[#999999])、[線:なし]、[角の丸みの半径:0px]に設定する
Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図2次に、横書き文字ツールを選択して最初の一文字(ここでは「犯」)を入力したあと、移動ツールでドラッグして長方形の前面に配置する(図3)。このとき、長方形と文字を中心で揃えず、あえて少しずらして配置した方が切り貼りらしくなる。

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図3続いて、長方形と文字を両方とも選択したあと、バウンディングボックスの四隅のハンドルにマウスポインターを近づけ、ポインターの形が双方向の曲線の矢印に変わったらドラッグして角度を傾ける(図4)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図4。バウンディングボックスの四隅のハンドルにマウスポインターを近づけると、図のようにポインターの形が双方向の曲線の矢印に変わる。この状態でドラッグするとオブジェクトを回転できる長方形と文字が両方とも選択された状態のまま、レイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行しておく(図5)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図5。この時点のレイヤーの状態。
長方形と文字を両方とも選択した状態で、スマートオブジェクトに変換しておく同様の手順でほかの文字も作成していく。その際、長方形の色やフォントの種類などに変化をつけていくと、より犯行予告らしくなる(図6)(図7)(図8)(図9)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図6
Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図7
Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図8
Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図9

Photoshopで犯行予告風コラージュを表現: 
2.文字の切り貼りに質感をつける

文字の切り貼りに質感をつけていく。まず、レイヤーパネルで背景レイヤー以外をすべて選択したら(図10)、レイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行(図11)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図10。この時点のレイヤーの状態。背景レイヤー以外のスマートオブジェクトをすべて選択する
Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図11。この時点のレイヤーの状態。背景レイヤー以外をひとつのスマートオブジェクトに変換してまとめておく続いて、フィルターメニュー→“ノイズ”→“ノイズを加える…”を[量:50%]、[分布方法:均等に分布]、[グレースケールノイズ]をオンにして適用する(図12)(図13)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図12。[量:50%]、[分布方法:均等に分布]に設定し、[グレースケールノイズ]にチェックを入れる
Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図13[描画色]を黒、[背景色]を白にしたあと、フィルターメニュー→“フィルターギャラリー...”を選び、[スケッチ]の[ぎざぎざのエッジ]を[画像のバランス:32]、[滑らかさ:13]、[コントラスト:17]に設定する(図14)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図14。[スケッチ]の[ぎざぎざのエッジ]を[画像のバランス:32]、[滑らかさ:13]、[コントラスト:17]に設定するダイアログ右下の[+]ボタンをクリックしてエフェクトレイヤーを追加したら、[スケッチ]の[ハーフトーンパターン]を[サイズ:1]、[コントラスト:2]、[パターンタイプ:点]に設定して適用する(図15)(図16)


Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図15。赤枠部分の[+]ボタンをクリックしてエフェクトレイヤーを追加し、[スケッチ]の[ハーフトーンパターン]を[サイズ:1]、[コントラスト:2]、[パターンタイプ:点]に設定する
Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図16

Photoshopで犯行予告風コラージュを表現: 
3.切り貼りに立体感をつけてビジュアルを仕上げる

ビジュアルを仕上げていく。切り貼りのスマートオブジェクトが選択された状態のまま、レイヤーメニュー→“レイヤースタイル”→“ベベルとエンボス...”を、[スタイル:エンボス]、[テクニック:滑らかに]、[深さ:1%]、[方向:上へ]、[サイズ:0px]、[ソフト:0px]、[角度:90°]、[高度:30°]、[光沢輪郭:線形]、[ハイライトのモード:スクリーン]、[ハイライトのカラー:白]、ハイライトの[不透明度]を50%に、[シャドウのモード:乗算]、[シャドウのカラー:黒]、シャドウの[不透明度]を50%に設定する(図17)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図17。レイヤースタイルの[ベベルとエンボス]を、[スタイル:エンボス]、[テクニック:滑らかに]、[深さ:1%]、[方向:上へ]、[サイズ:0px]、[ソフト:0px]、[角度:90°]、[高度:30°]、[光沢輪郭:線形]、[ハイライトのモード:スクリーン]、[ハイライトのカラー:白]、ハイライトの[不透明度]を50%に、[シャドウのモード:乗算]、[シャドウのカラー:黒]、シャドウの[不透明度]を50%に設定する続いて、レイヤースタイルの[カラーオーバーレイ]を選び、[描画モード:乗算]、[オーバーレイのカラー]を明るいグレー(ここでは16進数カラーコード[#e5e5e5])、[不透明度:100%]に設定して適用する(図18)(図19)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図18。レイヤースタイルの[カラーオーバーレイ]を選び、[描画モード:乗算]、[オーバーレイのカラー]を明るいグレー(ここでは16進数カラーコード[#e5e5e5])、[不透明度:100%]に設定する
Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図19ここでは、さらに背景を配置して完成とした(図20)

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
図20。完成ビジュアル以上、Photoshopで新聞や雑誌の切り抜きを貼り付けたような犯行予告風コラージュを作る方法でした。

Photoshopで犯行予告風の切り貼りビジュアルを表現(切り貼り/犯行予告/コラージュ)
編集部おすすめ