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

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

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

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/07/23 23:56

iframe内のHTMLにありますけど・・

Firebug ( https://addons.mozilla.jp/firefox/details/1843 )を使えばすぐわかりますよ。
http://www.softpal.co.jp/unisonshift/products/pr …

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

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

この回答へのお礼

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

お礼日時：2012/07/24 07:09