アート性の高い雰囲気のあるグラフィック

 Photoshopでアート性の高い雰囲気のあるグラフィックを作る方法を紹介します。 顔の一部をぼかす・ポップアート風・グランジ風のかすれなどを表現します
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能「長方形選択ツール」「ぼかし（移動）」「移動ツール」「グラデーションマップ」「ぼかし（ガウス）」「2階調化」「マジック消しゴムツール」「カラーオーバーレイ」

目次

1.元となる写真を部分的にぼかして動きをつける

まずは新規ファイルを［幅：1200ピクセル］、［高さ：1200ピクセル］、［解像度：350ピクセル/インチ］で作成したら、元となる写真素材を用意して配置する（図1）。

図1レイヤーパネルで元写真のレイヤーを選択したあと、長方形選択ツールで写真の左半分に選択範囲を作成し（図2）、選択部分をコピー＆ペーストする。レイヤーパネルでペーストされたレイヤーを選択したあと（図3）、フィルターメニュー→“ぼかし”→“ぼかし（移動）...”を［角度：0°］、［距離：60pixel］で適用する（図4）（図5）。

図2。長方形選択ツールで写真の左半分に選択範囲を作成する  図3。この時点のレイヤーの状態。選択範囲を作成してコピー＆ペーストすると、その選択部分が新規レイヤーにペーストされるので、そのレイヤーを選択する  図4。［角度：0°］、［距離：60pixel］に設定する  図5そのレイヤーを前面に複製したら、複製した方のレイヤーにフィルターメニュー→“ぼかし”→“ぼかし（移動）...”を［角度：0°］、［距離：200pixel］で適用する（図6）（図7）。

図6。［角度：0°］、［距離：200pixel］に設定する 図7続いて移動ツールを選んだら、オプションバーで［バウンディングボックスを表示］にチェックを入れて有効にし、複製した方のレイヤーをドラッグ＆ドロップして少し左に移動させる（図8）。

図8

2. 写真の色を置き換えてポップアート風に

写真の色を置き換えていく。レイヤーパネル下部の［塗りつぶしまたは調整レイヤーを新規作成］ボタンをクリックしてメニューから“グラデーションマップ...”を選び（図9）、プロパティパネルのグラデーションサンプル（マウスポインターを合わせると「クリックでグラデーションを編集」とヒントが表示されるバー状のグラデーション見本）をクリックして（図10）、グラデーションエディターを開く。

図9。［塗りつぶしまたは調整レイヤーを新規作成］ボタンをクリックするとメニューが表示されるので、“グラデーションマップ...”を選ぶ  図10。赤枠部分がグラデーションサンプル。バーの上をクリックするとグラデーションエディターを開くことができる グラデーションエディターが表示されたら、グラデーションサンプルのカラー分岐点を設定して黒、濃い青、青、赤、オレンジ、水色のグラデーションを作成して適用する（図11）（図12）。

図11。グラデーションエディターで設定をカスタマイズする。ここでは、カラーバーの下辺をクリックして等間隔に並ぶようカラー分岐点を追加し、左から［カラー］を黒［R：0、G：0、B：0］、濃い青［R：0、G：28、B：67］、青［R：0、G：61、B：146］、赤［R：255、G：0、B：0］、オレンジ［R：255、G：126、B：0］、水色［R：0、G：200、B：213］に設定した  図12レイヤーパネルで元写真のレイヤーを選択したら、フィルターメニュー→“ぼかし”→“ぼかし（ガウス）...”を［半径：1.0pixel］程度で適用して少しぼかす（図13）（図14）。

図13。［半径：1.0pixel］程度に設定する 図14

3.部分的にかすれたような質感をつける

グラフィックに質感をつけてグランジ風に演出する。コンクリートなどのざらついた質感の写真素材を用意して開き（図15）、イメージメニュー→“色調補正”→“2階調化...”を選択。ざらつき部分が白く残るようにヒストグラムのスライダーを動かして適用する。ここでは、［2階調化する境界のしきい値：160］として適用したが（図16）（図17）、素材や表現したいイメージによっても最適値は異なるため、プレビューを確認しながら調節してみてほしい。

図15。ざらついた質感の写真素材を用意する 図16。ここでは、［2階調化する境界のしきい値：160］で適用したが、素材や表現したいイメージによっても最適値は異なるため、プレビューを確認しながら調節してみてほしい 図17続いて、マジック消しゴムツールで素材の黒い部分をクリックして削除し、白い部分のみを残す（図18）。これをコピー＆ペーストでグラフィックの最前面に配置する（図19）。

図18。マジック消しゴムツールで素材の黒い部分をクリックして消し、白い部分のみ残す 図19レイヤーパネルで、この素材のレイヤーが選択された状態でレイヤーメニュー→“レイヤースタイル”→“カラーオーバーレイ…”を選び、［描画モード：通常］、［オーバーレイのカラー］をオレンジ（ここでは［R：255、G：126、B：0］）、［不透明度：100％］で適用する（図20）（図21）。

図20。［描画モード：通常］、［オーバーレイのカラー］をオレンジ（ここでは［R：255、G：126、B：0］）、［不透明度：100％］に設定する  図21次に、移動ツールで表現イメージに合わせて素材のサイズや位置を調節しておく（図22）（図23）。

図22 図23。必要に応じて素材のサイズや位置を調節しておくここでは、さらに文字要素などを加えて完成とした（図24）。

図24。完成ビジュアル以上、Photoshopで顔の一部をぼかしたり、ポップアート風やグランジ風のかすれなどを表現して、アート性の高い雰囲気のあるグラフィックを作る方法でした。ぼかす箇所や色味を変えるだけでさまざまな表現が可能になるので、ぜひ試してみてください。