斜線入りのボタンをつくろう！
ただのベタ塗りやグラデーションのボタンには飽きたなぁという方にオススメ。
ひと手間かけて、WEB2.0風（？）なボタンを作ってみましょう。
完成のイメージは↓です。斜線が入ってるのわかりますか？
では、ボタン作りの準備からご説明します。
（１）グリッドを表示する（コマンド＋＠）
ビュー＞表示＞グリッド
※このときの注意点はグリッドが1px単位になっているか？
グリッド線が10pixel、分割数が10になっているか、設定を確かめましょう。
環境設定＞ガイド・グリッド・スライス
（２）サイズを決めて、ガイドを引く
今回はW：150、H：30にしました。
（３）シェイプをガイドに合わせる
角丸にしたかったので、シェイプを利用。
（４）文字を入れて、取りあえず形をつくります。
（５）完成イメージと今の状態を比べて、足りないものを確認
●グラデーション
●斜線
●境界線
●文字のメリハリ…
斜線の場合は、レイヤースタイルのパターンオーバーレイに
パターンを追加する必要があるので、次はその説明です。
（６）パターンの追加
3×3pxサイズを新規作成。背景を削除して、透明の状態します。
線の色は、メインの色（今回は緑）に合わせましょう。
編集＞パターンを定義 で追加完了です！
（７）レイヤー効果をつけていきましょう。
レイヤー＞レイヤースタイル
《ボタン》
●グラデーション
グラデーションオーバーレイを使用。
●斜線
パターンオーバーレイを使用。
さっき作ったパターンがありました！
●境界線
境界線を使用。
・サイズ：1px
・位置 ：外側
色は、緑の濃い色にしてみました。
《文字》
●文字のメリハリ…
ドロップシャドウを使用。
・不透明度：75％
・角度120°
・距離：1px
・スプレッド：0％
・サイズ：0％
これで完成です！！！
パターンは登録さえしておけば後からずっと使えるので、
オリジナルのパターン作成をしておくと、作業効率がUPしますよ！
