Go Back
 
  Paint Shop Pro 5 or 6
   
  イメージにマウスポインタがのったときヨーキーのイメージが現れ、離れると消えるボタンを作ってみましょう。

  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

   
  | BACK | HOME | TOP |
   
  Copyright(C) 2000 PSP Works. All Rights Reserved.