MATERIAL98
HOME Web素材 Illustrator講座 Photoshop講座 テンプレート ストックフォト
MATERIAL98
HOME > Photoshop講座 > 逆引きチュートリアル編> 超簡単!使えるレイヤースタイル その3・シャドウ(内側)
超簡単!使えるレイヤースタイル その3・シャドウ(内側)
画像の配置1  

・今回のこのボタンみたいな素材は、色の組み合わせによりスタイリッシュに見せるホームページに向いているのではないでしょうか。
・色の統一感を出すと、ホームページ全体がチラチラとせずにまとまって、スタイリッシュに感じます。

・まず、左図のように4つのレイヤーを用意し、下から背景、グリーンのバー、色の濃いボックスを配置したもの、そして文字を入力しておきます。


画像の配置2  

・レイヤー2をダブルクリックし、レイヤースタイルのダイアログを表示させます。
・シャドウ(内側)にチェックを入れ、
角度:120°、距離:3、チョーク:0、サイズ:3とします。ほとんどデフォルトのような気がします。
・これで色の濃いボックスの内側に影がつきました。
・立体感を出します。


画像の配置2  

・次にレイヤー1をダブルクリックし、レイヤースタイルのダイアログを表示させます。
・シャドウ(内側)にチェックを入れ、
角度:120°、距離:2、チョーク:0、サイズ:5とします。
・さらにここがポイントです!!。輪郭を山△のものに変更します。
・さらに立体感が増しました。


画像の配置2  

・これで一通りの作業が完了しました。レイヤーを見てみましょう。
・このように初心者の方でも、簡単にレイヤースタイルを活用することで、スタイリッシュなボタンを作成することができます。


画像の配置3   ・あとは[ファイル]−[Web用に保存]を選択し、gifで保存します。イラスト画像の場合は、jpegよりもgifで保存しましょう。
・ファイル容量も少なくて済むことが多いです。


▲ページトップ
copyright