今回は、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
これで全行程が完了です!お疲れ様でした!
まとめ
今回は、ロゴをガラス風に加工する方法をご紹介していきました。
正直めちゃくちゃ面倒くさいとは思いますが、おしゃれなロゴを作りたい場合には重宝するスキルなので、ぜひ活用してみてください!