今回はPhotoshopで、立体的なロゴを表現するテクニックを紹介します。文字を立体的に見せるにはさまざまなやり方がありますが、ここでは「自由変形」を利用して簡単に奥行きをつける方法を紹介します。以前の記事「【Photoshop】重厚感のある立体的なロゴの表現
（重厚／立体的／ロゴ）」や「【Photoshop】レトロで味のある3Dロゴを作る手法（レトロ／3D／ロゴ）」では、別の方法を紹介していますので、併せて参考にしてみてください。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能
「横書き文字ツール」「自由変形」「変形の再実行」「レイヤーのグループ化」「境界線」「スマートオブジェクト」「ノイズを加える」「スタンプ」「描画モード」

Photoshopで奥行きのある立体的なロゴを作る: 
1.元となる文字を用意して立体化する

まずは新規ファイルを［幅：1200ピクセル］、［高さ：800ピクセル］、［解像度：350ピクセル/インチ］で作成したら、横書き文字ツールで元となる文字（ここでは「URBAN BROOK」）を入力して文字パネルでフォントやフォントサイズなどを設定。ここではフォントは表現したいロゴのイメージに近いサンセリフ体「Anton Regular」（Google）に、フォントカラーはオレンジ（16進数カラーコード［#ff8400］）に設定した（図1）。

この文字のレイヤーを前面に複製したら、元の文字のレイヤーを選択してフォントカラーを黒に変更する（図2）（図3）。

元の文字のレイヤーが選択された状態のまま、編集メニュー→“自由変形”を選び、キーボードの上矢印キーを1回、右矢印キーを1回押して右上に少し移動させたら（図4）、enterキーを押して変形を確定させる（図5）。

続いて、shift＋option＋command＋Tキー（Macの場合。WindowsではShift＋Alt＋Ctrl＋Tキー）を押す（図6）。このショートカットキーを押すと、そのたびに黒い文字のレイヤーが複製されて少し右上に移動するので、好みの立体感になるまで繰り返し押す（図7）（図8）。

ここでは、67回ほど繰り返して文字に厚みをつけた（図9）（図10）。

Photoshopで奥行きのある立体的なロゴを作る: 
2.文字の周囲に縁取りを加える

文字に縁取りを加えてロゴらしく加工していく。まずレイヤーパネルでオレンジ以外の文字のレイヤーをすべて選択したら、レイヤーメニュー→“レイヤーをグループ化”を実行（図11）。このレイヤーグループが選択された状態のまま、もう一度レイヤーメニュー→“レイヤーをグループ化”を実行する（図12）。

この外側のグループフォルダー（ここでは「グループ2」）が選択された状態のまま、レイヤーメニュー→“レイヤースタイル”→“境界線...”を選び、［サイズ：15px］、［位置：外側］、［描画モード：通常］、［不透明度：100％］、［塗りつぶしタイプ：カラー］、［カラー：黒］で適用する（図13）（図14）。

次に、レイヤーパネルで内側のグループフォルダー（ここでは「グループ1」）を選択したら（図15）、レイヤーメニュー→“レイヤースタイル”→“境界線...”を選び、［サイズ：10px］、［位置：外側］、［描画モード：通常］、［不透明度：100％］、［塗りつぶしタイプ：カラー］、［カラー：白］で適用する（図16）（図17）。

Photoshopで奥行きのある立体的なロゴを作る: 
3.文字に質感をつけてロゴを仕上げる

ロゴを仕上げていく。まず、レイヤーパネルで背景レイヤー以外をすべて選択したあと（図18）、option＋command＋Eキー（Macの場合。WindowsではAlt＋Ctrl＋Eキー）を押す（図19）。これにより、選択したレイヤーやレイヤーグループを複製したうえで結合することができる。

この結合したレイヤーが選択された状態のまま、レイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行（図20）。

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

［描画色］を黒、［背景色］を白にしたあと、フィルターメニュー→“フィルターギャラリー...”を選び、［スケッチ］の［スタンプ］を［明るさ・暗さのバランス：3］、［滑らかさ：9］で適用（図23）（図24）。

レイヤーパネルでこのレイヤーを［描画モード：乗算］に変更する（図25）（図26）。

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

以上、Photoshopで奥行きのある立体的なロゴを表現する方法でした。