1152947828 メニューボタンの作り方

Webサイトでよくみかけるメニューボタンの作り方を教えていただけないでしょうか?
教えていただきたいボタンは以下のサイトにあるようなものです。
http://www.sony.jp/products/di-world/alpha/ (HOME、商品情報など)
http://www.root-sea.co.jp/ (会社概要、制作実績など)
あと、画像も添付いたします。

当方、PhotoshopCSとFireworks8をもっており、
グラデーションを自分なりにかけてみたのですがどうも見た目が異なります。
ネット検索で見かけたAQUA風ボタンの作り方も参考にしましたが、印象が違います。
http://d.hatena.ne.jp/chepooka/20060209/1139411194

よく見るデザインなので基本的な事だとは思いますが、
よろしくご教授いただきたいと思います。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:2006/07/15 18:53:43
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:stnet No.1

回答回数804ベストアンサー獲得回数34

ポイント60pt

背景のパーツと下半分のパーツそれぞれでグラデーションをかけて作りますね.

Fireworks8で制作したサンプルファイル(sample.png)をおいておきます.リンク先からダウンロードしてください.

#イメージしているものと違ったらゴメンナサイ

id:Bluelotus

ありがとうございます。

あぁ、こうやるんですね。参考にしたいと思います。

2006/07/15 18:40:24
  • id:mamita
    stnetさんのおっしゃるとおり、上半分と下半分、別々にグラデーションをかけています。
    選択範囲で半分に区切ってから、真ん中より上にグラデーション1、真ん中より下にグラデーション2とかけてみてください。

    はじめのうちは、どのくらいの色でグラデーションをかけたらいいかつかみにくいと思うので、好みのサイトをみつけたら、スクリーンショットをとって、フォトショップで開き、最大まで拡大してみてください。
    スポイトツールでそのスクリーンショットのボタン画像の色をとってグラデーションをかけてみるとそれなりにはなると思います。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません