今回は、映画のタイトルロゴなどでみかけるリアルな金属質の質感を基調としたロゴの作成方法を解説。遊び心のある、エンタメ感のある印象を与えることができるので、グラフィックや動画サムネールなど、さまざまな場面で活用できる手法です。
*本連載はPhotoshopで作る定番グラフィックの制作工程を一から手順通りに解説するHow to記事です。

■使用する機能「ベベルとエンボス」「カラーオーバーレイ」「輪郭」「サテン」「描画モード」「レベル補正」「ドロップシャドウ」

1.元になる立体文字を作る

まずは新規ファイルを［幅：1200ピクセル］、［高さ：800ピクセル］、［解像度：350ピクセル/インチ］で作成したら、横書き文字ツールで元になる文字（ここでは「ROBOT」）を入力し、文字パネルでフォントやフォントサイズなどを設定（図1）。

レイヤーパネルで文字のレイヤーを選択したら、レイヤーメニュー→“レイヤースタイル”→“ベベルとエンボス...”を選び、［スタイル：ベベル（内側）］、［テクニック：シゼルハード］、［深さ：1000％］、［方向：上へ］、［サイズ：250px］、［ソフト：0px］、［角度：60°］、［高度：30°］、［光沢輪郭：円錐 - 反転］に設定。さらに［ハイライトのモード：オーバーレイ］、［ハイライトのカラー：明るいグレー］、ハイライトの［不透明度］を15％に、［シャドウのモード：乗算］、［シャドウのカラー：濃いグレー］、シャドウの［不透明度］を35％に設定する（図2）。

続いて、レイヤースタイルの［カラーオーバーレイ］を選択したら、［描画モード：通常］、［不透明度：100％］に設定し、［オーバーレイのカラー］を濃いブルーグレー（ここでは、［R：61、G：80、B：92］）に変更して適用する（図3）（図4）。

2.文字に金属の質感を加える

ここからは文字に金属の質感を加えていく。まずレイヤーパネルで文字のレイヤーを複製したら、複製した方を選択してレイヤーメニュー→“レイヤースタイル”→“レイヤースタイルを消去”を実行し、レイヤーパネルで［塗り：0％］に変更する（図5）。続いて、このレイヤーを選択したまま、レイヤーメニュー→“レイヤースタイル”→“ベベルとエンボス...”を選び、［スタイル：ベベル（内側）］、［テクニック：シゼルハード］、［深さ：1000％］、［方向：上へ］、［サイズ：250px］、［ソフト：0px］、［角度：130°］、［高度：20°］、［光沢輪郭：円錐］に設定。さらに［ハイライトのモード：ハードミックス］、［ハイライトのカラー：明るいグレー］、ハイライトの［不透明度］を65％に、［シャドウのモード：焼き込み（リニア）］、［シャドウのカラー：濃いブルー］、シャドウの［不透明度］を20％に設定する（図6）。

次に、レイヤースタイルの［輪郭］を選択したら、［範囲：50％］に設定（図7）。続いて［輪郭］のサムネールをクリックして輪郭エディターを開き、マッピング内の線上をクリックしてポイントを追加し［入力：75％］、［出力：64％］に設定して［OK］をクリックする（図8）。

さらにレイヤースタイルの［サテン］を選択したら、［描画モード：覆い焼き（リニア）-加算］、［効果のカラー：白］、［不透明度：10％］、［角度：90°］、［距離：21px］、［サイズ：13px］、［輪郭：ローリングスロープ - 下向き］で適用する（図9）（図10）。

3.文字にグランジ風の質感を加える

ここからは、文字にグランジ風の質感を加えていく。まず、傷や汚れなどのある金属のテクスチャを用意したらコピー＆ペーストで文字の前面に配置し（図11）、レイヤーパネルで［描画モード：オーバーレイ］に変更する（図12）（図13）。

続いてイメージメニュー→“色調補正”→“レベル補正...”を選択し、［入力レベル］の各スライダーを動かして画像のコントラストを高める。ここではスライダーを動かし［シャドウ：39］、［中間調：0.80］、［ハイライト：235］に調節して適用した（図14）（図15）。

4.文字にドロップシャドウをつける

ここからは、文字にドロップシャドウをつけていく。まず、レイヤーパネルで文字のレイヤーのレイヤーサムネールをcommandキー（Macの場合。WindowsではCtrlキー）を押しながらクリックして選択範囲を作成する（図16）。選択範囲メニュー→“選択範囲を反転”を実行したら、テクスチャのレイヤーを選択してdeleteキーを押す（図17）。

続いて、レイヤーパネルで背景レイヤー以外をすべて選択して、レイヤーメニュー→“レイヤーを結合”を実行（図18）。

結合したレイヤーを選択したまま、レイヤーメニュー→“レイヤースタイル”→“ドロップシャドウ...”を選び、［描画モード：通常］、［不透明度：75％］、［角度：90°］、［距離：6px］、［スプレッド：7％］、［サイズ：6px］、［ノイズ：8％］で適用する（図19）（図20）。

ここではさらに、背景にグラデーションを敷いたり、文字要素などを配置して完成とした（図21）。

以上、「リアルな金属質の映画風ロゴ」の作り方でした。色味や素材画像を変えることで、より重厚にすることも、よりポップにすることもできる手法です。ぜひご利用ください。