ロゴをガラスのように加工する方法

Photoshopのあれこれ

今回は、Adobe Photoshopを使って、ロゴをガラスのような質感に加工する方法について解説していきます。

完成イメージはこんな感じです。

ガラスのようなおしゃれで立体感のあるロゴを作ってみたいという方はぜひ挑戦してみてください!

ガラス風に加工する方法

ではまず、Photoshopプロジェクトに、背景となる画像レイヤーと、ガラス加工を施したいロゴレイヤーを読み込みます。

そして、ロゴを黒く塗りつぶし、スマートオブジェクトに変換します。

続いて、ロゴレイヤーの塗りを0%に変更し、変更後のレイヤーを2つ複製します。

元のロゴレイヤー、そして複製した2つのロゴレイヤーをグループ化します。その後、元のロゴレイヤーをダブルクリックしてレイヤースタイルウィンドを開き、「ドロップシャドウ」の各項目を以下のように調整します。

★ドロップシャドウの設定値★
 描画モード:乗算
 不透明度:45%
 角度:140°
 距離:30px
 スプレッド:10%
 サイズ:30px

続いて、「サテン」の調整を行います。サテンの各項目を以下のように設定してください。

今後しばらくレイヤースタイルの調整が続きますが、変更点が複雑なため、添付画像と見比べていただけるとわかりやすいかと思います。

★サテンの設定値★
 描画モード:ソフトライト
 不透明度:55%
 角度:130°
 距離:30px
 サイズ:40px
 輪郭:上の画像を参考に!
 階調の反転:チェックを外す

続いて、「シャドウ(内側)」を以下のように調整します。

★シャドウ(内側)の設定値★
 描画モード:乗算
 不透明度:75%
 角度:140°
 距離:45px
 チョーク:0%
 サイズ:45px
 アンチエリアス:チェックを入れる

続いて、「境界線」を以下のように設定していきます。

★境界線の設定値★
 サイズ:5~20px
 位置:中央
 描画モード:輝度
 不透明度:50%
 塗りつぶしタイプ:グラデーション
  →グラデーションは上の画像を参考に!
 スタイル:シェイプバースト
 角度:90°

続いて「ベベルとエンボス」を以下のように設定します。

★ベベルとエンボスの設定値★
 スタイル:ベベル(内側)
 テクニック:シゼルハード
 深さ:700%
 方向:上へ
 サイズ:3px
 ソフト:3px
 角度:140°
 高度:70°
 光沢輪郭:上の画像を参考に!
 アンチエイリア:チェックを入れる
 ハイライトのモード:覆い焼きカラー
 不透明度:40%
 シャドウのモード:オーバーレイ
 不透明度:60%

これで元のロゴレイヤーのレイヤースタイルの操作は終了です。

続いて、最初に複製したロゴレイヤーのレイヤースタイルをいじっていきます。

まずは「シャドウ(内側)」を以下のように設定します。

★シャドウ(内側)の設定値★
 描画モード:乗算
 不透明度:40%
 角度:120°
 距離:3px
 チョーク:0%
 サイズ:15px

続いて、「境界線」を以下のように変更します。

★境界線の設定値★
 サイズ:5~10px
 位置:外側
 描画モード:通常
 不透明度:90%
 塗りつぶしタイプ:グラデーション
  →グラデーションは上の画像を参考に!
 スタイル:シェイプバースト
 角度:0°

続いて、「ベベルとエンボス」を以下のように設定します。

★ベベルとエンボスの設定値★
 スタイル:エンボスの境界線を描く
 テクニック:滑らかに
 深さ:75%
 方向:上へ
 サイズ:15px
 ソフト:0px
 角度:120°
 高度:25°
 光沢輪郭:上の画像を参考に!
 アンチエイリア:チェックを入れる
 ハイライトのモード:覆い焼きカラー
 不透明度:70%
 シャドウのモード:乗算
 不透明度:60%

続いて「輪郭」を以下のように変更していきます。

レイヤースタイルの調整が終わったら、今操作しているレイヤーの塗りを20%に変更します。

では今度は、2番目に複製したレイヤーのレイヤースタイルを操作していきます。

まずは「ドロップシャドウ」を以下のように変更しましょう。

★ドロップシャドウの設定値★
 描画モード:乗算
 不透明度:50%
 角度:120°
 距離:15px
 スプレッド:10%
 サイズ:30px
 輪郭:上記画像を参考に!

続いて、「ベベルとエンボス」を以下のように設定します。

★ベベルとエンボスの設定値★
 スタイル:ベベル(内側)
 テクニック:滑らかに
 深さ:70%
 方向:上へ
 サイズ:60px
 ソフト:0px
 角度:120°
 高度:65°
 光沢輪郭:上の画像を参考に!
 アンチエイリア:チェックを入れる
 ハイライトのモード:スクリーン
 不透明度:70%
 シャドウのモード:乗算
 不透明度:20%

続いて「輪郭」を以下のように変更していきます。

レイヤースタイルの操作はこれにて終了です!

最後に、カラーバランスを追加して、以下のように各項目を設定しましょう。

★カラーバランスの設定値★
 階調:シャドウ
 シアン・レッド:-10
 マゼンタ・グリーン:0
 イエロー・ブルー:+10

これで全行程が完了です!お疲れ様でした!

まとめ

今回は、ロゴをガラス風に加工する方法をご紹介していきました。

正直めちゃくちゃ面倒くさいとは思いますが、おしゃれなロゴを作りたい場合には重宝するスキルなので、ぜひ活用してみてください!