このサイトのようなメニューボタンを作りたい

質問

ttp://www.softpal.co.jp/unisonshift/products/project26/main.html
　このようなサイトのボタンを作りたいのですが、ソースコードを見てみてもどこにそれがあるのか分かりません。
　上のほうにあるトップページとか舞台設定とか書いてあるボタンです。

　iframeというのが上のほうにあるのでそれかな？とは思ったのですが、画像ファイルの指定などがされていないため分かりません。
　トップページのＨＴＭＬを全体的にチェックしてもボタンの画像名がみつからないのですが、別に作って貼り付けてあるのでしょうか？

回答No.1

ORUKA1951 · ベストアンサー

iframe内のHTMLにありますけど・・
Firebug ( https://addons.mozilla.jp/firefox/details/1843 )を使えばすぐわかりますよ。
http://www.softpal.co.jp/unisonshift/products/project26/images/b01n.gif

　画像自体は根適当なDraw(ベクタ)系のソフトで作成するのが簡単で良いでしょう。Illustratorとかが有名ですが、Corel DrawとかInkscapeとか・・・
★2次元コンピュータグラフィックス - Wikipedia ( http://ja.wikipedia.org/wiki/2%E6%AC%A1%E5%85%83%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9 )

1) ボタンを角丸長方形で作成
2) グラデーションで着色
3) ベクター画像を重ねる。
4) 切り抜く
5) 切り取られた部分を少し色調を変えてグラデーション
6) 文字を書く
7) 文字の色、書体、縁取り、影をつける。
8) 赤の自由曲線の背景
9) 黄色で文字を書き重ねる。
10) 全体を見ながら位置や色、影の長さなどを調整する。
11) 最後にGIGかPINGで出力する。
　・・・数分で済む作業です。

お礼

回答ありがとうございます。
画像製作の手順まで教えてくださりありがとうございます。