Photoshopで文字と人物写真を組み合わせておしゃれなグラフィックを表現する方法を紹介します。元写真の色調を調整すればアスキーアートっぽくもでき、工夫次第でさまざまな表現が可能なので、ぜひ活用してみてください。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能「横書き文字ツール」「塗りつぶしツール」「クリッピングマスク」「白黒」「トーンカーブ」「カラーオーバーレイ」「ノイズを加える」「チルトシフト」

【Photoshop】文字と人物写真を組み合わたグラフィック表現: 
1.元となる文字と写真を用意する

まずは新規ファイルを［幅：1200ピクセル］、［高さ：1400ピクセル］、［解像度：350ピクセル/インチ］で作成したら、横書き文字ツールで元になるテキストを入力し、文字パネルでフォントやフォントサイズなどを設定（図1）。今回は写真と組み合わせたときの見え方を意識して、太めのフォント「Bungee Regular」（DJR）を選択し、文字の間隔も詰め気味にしておいた。

次にレイヤーパネルで背景レイヤーを選択し、［描画色］を黒にしたら、塗りつぶしツールでカンバス上をクリックして背景を黒で塗りつぶす（図2）。

さらに最前面に写真素材を配置したあと（図3）、その写真のレイヤーが選択された状態のまま、レイヤーメニュー→“クリッピングマスクを作成”を実行する（図4）（図5）。

【Photoshop】文字と人物写真を組み合わたグラフィック表現: 
2.元写真の色調を調整する

写真の色調やコントラストを調整していく。まず、元写真のレイヤーが選択された状態のまま、レイヤーメニュー→“新規調整レイヤー”→“白黒...”を選ぶ。「新規レイヤー」ダイアログが表示されるのでデフォルト（［下のレイヤーを使用してクリッピングマスクを作成］がオフ、［描画モード：通常］、［不透明度：100％］の状態）のままで実行すると写真が白黒になる（図6）（図7）。

続いてプロパティパネルで各色のスライダーを動かして、白黒のバランスを調整する。ここでは肌の明暗が際立つよう、［レッド系：ー80］、［イエロー系：120］、［ブルー系：ー200］に調整し、他はデフォルトのまま適用した（図8）（図9）。

次に、レイヤーメニュー→“新規調整レイヤー”→“トーンカーブ...”を選び、「新規レイヤー」ダイアログをデフォルトのまま実行（図10）。

プロパティパネルでグラフに表示されている斜線（カーブライン）上をクリックしてコントロールポイントを追加し、そのポイントをドラッグしてコントラストを調整する。ここでは、コントロールポイントをふたつ追加してそれぞれドラッグし、顔に重なる部分以外の文字が暗く沈んで見えなくなるように調整した（図11）（図12）。

必要に応じて、レイヤーパネルで先ほど追加した「白黒」調整レイヤーを選択し（図13）、プロパティパネルで文字がより際立つように微調整する。ここでは、プレビューを確認しながら白い文字がくっきり浮き出て見えるよう［レッド系：ー125］、［イエロー系：200］に調整しておいた（図14）（図15）。

【Photoshop】文字と人物写真を組み合わたグラフィック表現: 
3.文字に色や質感を着けてビジュアルを仕上げる

ビジュアルを仕上げていく。まずは、レイヤーパネルですべてのレイヤーを選択したら（図16）、optionキー（Macの場合。WindowsではAltキー）を押しながらレイヤーメニュー→“レイヤーを結合”を実行する（図17）。

最前面に結合されたレイヤーが生成されるので、そのレイヤーを選択したあとレイヤーメニュー→“レイヤースタイル”→“カラーオーバーレイ...”を、［描画モード：乗算］、［オーバーレイのカラー］を茶色（ここでは16進数カラーコード［#ad9e84］）、［不透明度：100％］で適用する（図18）（図19）。

続いて、フィルターメニュー→“ノイズ”→“ノイズを加える…”を［量：20％］、［分布方法：均等に分布］、［グレースケールノイズ］で適用する（図20）（図21）。

次に、フィルターメニュー→“ぼかしギャラリー”→“チルトシフト...”を選び、画像の前面に表示される実線や点線をドラッグしてぼかし領域を決める（図22）。

さらにぼかしツールパネルの［チルトシフト］の［ぼかし］を設定してぼけ具合を調節したあと（図23）、オプションバーの［OK］をクリックするかEnterキーを押して適用する（図24）。

ここでは、さらに文字要素などを配置して完成とした（図25）。

以上、Photoshopで文字と人物写真を組み合わせておしゃれなグラフィックを表現するテクニックでした。