グラデーション ドロップシャドウ付 ボタンの作成方法

グラデーション ドロップシャドウ付 ボタンの作成方法

全く同じものがほしい場合

グラデーションの掛かった部分を切り取って、自由変形で拡大して、背景にする

自由変形→拡大

***********************************************************

新規に作成する場合

やや大きめのキャンバスを作る

角丸長方形ツール→適当な大きさにして配置

レイヤー → レイヤースタイル → グラデーションオーバーレイ
グラデーションの色をクリック → グラデーションエディタが開く
左の黒の下の■をクリック→カラーピッカーが出る CCCCCCを選択したければ WEBセーフカラーのみに制限
にチェックを入れると選択しやすくなる

レイヤースタイル → 境界線 サイズ(幅) と カラー を決めると境界線が出来る

レイヤースタイル → ドロップシャドウ → 距離で調整 5くらい?(正確に測ればよい)

このボタンを保存しておけば、このレイヤースタイルはいつでも応用して使うことが出来る

ボタンの高さや幅を変更したい時 パス選択ツールで 右側を囲むように選択 右の上下の角にマークが
出来る この状態で →ボタンで上下左右に移動すると大きさが変わる

サイズ指定方法
長方形ツールをクリック→ツールバーにいろいろな形のマーク その右をクリックして
角丸長方形オプションで 高さや幅を指定できる