・今回のこのボタンみたいな素材は、色の組み合わせによりスタイリッシュに見せるホームページに向いているのではないでしょうか。 ・色の統一感を出すと、ホームページ全体がチラチラとせずにまとまって、スタイリッシュに感じます。
・まず、左図のように4つのレイヤーを用意し、下から背景、グリーンのバー、色の濃いボックスを配置したもの、そして文字を入力しておきます。
・レイヤー2をダブルクリックし、レイヤースタイルのダイアログを表示させます。 ・シャドウ(内側)にチェックを入れ、 角度:120°、距離:3、チョーク:0、サイズ:3とします。ほとんどデフォルトのような気がします。 ・これで色の濃いボックスの内側に影がつきました。 ・立体感を出します。
・次にレイヤー1をダブルクリックし、レイヤースタイルのダイアログを表示させます。 ・シャドウ(内側)にチェックを入れ、 角度:120°、距離:2、チョーク:0、サイズ:5とします。 ・さらにここがポイントです!!。輪郭を山△のものに変更します。 ・さらに立体感が増しました。
・これで一通りの作業が完了しました。レイヤーを見てみましょう。 ・このように初心者の方でも、簡単にレイヤースタイルを活用することで、スタイリッシュなボタンを作成することができます。