1. 新規に200x40ピクセルのイメージを作成します。

2. 新しいレイヤーを追加します。

3. 塗つぶしツールを選び、イメージ全体をダークグレー(#969696)で塗つぶします。

4. 前景色にミディアムグレー(#AAAAAA)、背景色にライトグレー(#DCDCDC)をセットします。

5. カラーパレットのスタイルボックスの枠線のスタイルを前景色-背景色の線形グラデーションに設定します。

　　スタイル: 線形グラデーション
　　グラデーション: 前景色-背景色
　　角度: 180
　　繰り返し: 0

6. 新しいレイヤーを追加します。

7. 「選択範囲」「すべて選択」を選びます。

8. 「選択範囲」「変更」「縮小」を選び、選択範囲を3ピクセル縮小します。

9. 塗つぶしツールを選び、選択範囲を線形グラデーションで塗りつぶします。

10. 新しいレイヤーを2つ追加します。

11. レイヤー4をアクティブにして、「効果」「3D効果」「切り抜き」を選びます。

　　影の色: 黒、不透明度: 100、ぼかし: 2、オフセット: 1, 1

12. レイヤー3をアクティブにして、「効果」「3D効果」「影を加える」を選びます。

　　影の色: 白、不透明度: 100、ぼかし: 0、オフセット: 1, 1

13. 選択を解除して、レイヤー4の不透明度を50、レイヤー3の不透明度を30に変更します。

14. 背景レイヤーを非表示にして、「レイヤー」「結合」「表示しているレイヤー」を選びレイヤーを結合します。

15. 「カラー」「単色効果」を選び、色を付けます。

　　色相: 155　鮮やかさ: 230

ボタンの枠に縁取り効果をかけて立体感を出してみましょう。

1. 新しいレイヤーを追加します。

2. 「選択範囲」「すべて選択」を選び、イメージ全体を選択します。

3. 「効果」「3D効果」「切り抜き」を選びます。

　　影の色: 黒、不透明度: 100、ぼかし: 2、オフセット: -1, -1

4. 「効果」「3D効果」「切り抜き」を選びます。

　　影の色: 白、不透明度: 100、ぼかし: 2、オフセット: 1,　1

5. 選択を解除して、レイヤーの不透明度を75%に変更します。