1. 新規に100x100ピクセルのイメージを作成します。
2. 描画色に暗い色、背景色に明るい色をセットします。
   　描画色 (R:170, G:170 B:255)、背景色 (R:0, G:0, B:106)
3. 新しいレイヤーを追加します。"Color"と名前を付けます。
4. 選択ツールで直径90ピクセルの円を描きます。
5. 描画色で塗りつぶします。
6. 新しいレイヤーを追加して、切り抜き効果をかけます。
   影の色＝背景色、不透明度＝100%、ぼかし＝20、オフセット＝10, 10
   レイヤーの不透明度を80%にします。
7. 新しいレイヤーを追加して、再度切り抜き効果をかけます。
   影の色＝背景色、不透明度＝100%、ぼかし＝6、オフセット＝-1, -1
8. 新しいレイヤーを追加します。
9. 選択ツールをクリックし、オプションパレットを下記のように設定します。
   タイプ＝楕円、平滑度＝3、スムージング＝チェック有
10. 6X10の楕円を描き、白で塗りつぶし、選択を解除します。
11. 「イメージ」「回転」を選び、このレイヤーだけ右に40度回転します。
12. 移動ツールで適当な位置に移動します。
13. マウスオーバー時に表示するイメージを作成します。
    　・　イメージをオープンします。
    　・　必要ならば、90X90の円に入るようにイメージを縮小します。
    　・　90X90の円形の選択範囲をつくり、コピーします。
    　・　"Color"レイヤーの上に新しいレイヤーを追加します。
    　・　｢編集」「貼り付け」「新しい選択範囲」を選び、コピーしたイメージを貼り付けます。
    　・　移動ツールで円に重なるように移動します。
14. PSPファイルとして保存します。
    
15. "Image"レイヤーを非表示にして、GIFファイルとして保存します。
    
16. "Image"レイヤーを表示、"Color"レイヤーを非表示にして、GIFファイルとして保存します。
    

マウスオーバー時のイメージの切り換えは、JavaScriptを使います。

Download JavaScript Button II (Rollover Javascript code generator) by Lonewolf