WEB素材 - ベーシックなGlossyボタン | Web素材 |
さて、今回は簡単で使いまわしのきく、便利なGlossyボタンを作ってみましょう！
↓完成版はこちらです。
STEP.1
新規ファイルを作成し、角丸矩形を描きます。色は何色でも結構です。
この矩形に、レイヤースタイルを追加していきます。
「ドロップシャドウ」
「ベベルとエンボス」
「カラーオーバーレイ」
このような状態になります。
STEP.2
新規レイヤーを作成し(Ctrl + Shift + Alt + N)、レイヤーパレッドの角丸矩形のサムネイル部分をCtrl + クリックして選択範囲を作成します。
選択範囲ができたら、上部を白→白の、不透明度「0% → 100%」のグラデーションで塗ります。
STEP.3
最後に、文字をのせれば完成です！
輝きパーツを配置して、少しWeb2.0風にしてみてもいいですね！
