• ベストアンサー

okwebのアクアボタンの作り方

最近というか、ちょっと前から http://okwave.jp/の「質問する」、「質問・回答をみる」のボタンや http://www.apple.co.jp/のメニュ-の従来のアクアボタンとはちょっと違った感じのこういったアクアボタンをよくみかけるのですが、 作り方を教えていただけないでしょうか? 作成ソフトは、全レイアウトをFireworksでとっているのでそれだと一番いいのですが、難しい及びなければ他のでもかまいません。 今作成してるのですがこんなきれいなクリアにはどうしてもならずに困ってます。

質問者が選んだベストアンサー

  • ベストアンサー
  • fukkyse
  • ベストアンサー率32% (130/402)
回答No.3

http://www.defide-ix.com/contents_news/press/ns_0212.html こんな感じでよいですか? ↓は日本語でないのが玉に瑕なんですが。 http://www.imasters.com.br/artigo/3417 私自身はFireworksは利用したことがないのですが、何かの拍子に見つけて、お気に入りに登録しているものがあったので…。

badnose
質問者

お礼

一番上のURLはわかりました。その下は・・・ これは英語?でもないですよね。 なんかとってもいい感じなのに、日本語でないのが残念です。。。。 しかっしこれは、英語でもなさげな・・どうやって解読しようかしら(笑

badnose
質問者

補足

一番上のURLにてFWでできました!! http://www.defide-ix.com/contents_news/press/ns_0212.html 他のサンプルも参考にできそうですね。 助かりました。。

その他の回答 (2)

回答No.2

この手の絵作り、ほとんどがPhotoshopで作業されています。 説明もPhotoshopですが Example37 http://www.detarame.jp/goex4.html 手順を置き換えればFireworksでも出来ますのでがんばってください

badnose
質問者

お礼

できました!OKwebのはたぶんこれの応用なんですよね。 ありがとうございました。

  • TESSILI
  • ベストアンサー率33% (44/133)
回答No.1

PhotoShopでは... OKウェブのボタン 新規レイヤー ↓ シェイプツールの角丸短形ツールで任意の四角を描く ↓ 内部を塗りつぶす ↓ レイヤーをダブルクリックしてレイヤー効果をかける ■効果内容 ・ドロップシャドウ  距離とスプレッドは0、他は任意値 ・シャドウ(内側)  距離0 チョーク任意 サイズ極小 ・光彩(内側)  チョーク0 サイズ任意 ・ベベルとエンボス  深さはかなり深め サイズ任意(上下左右がくっつくほど) ソフト任意 角度90度 包括光源を使用 光沢輪郭はくぼみ-深く 他任意 着色は任意  

badnose
質問者

お礼

早速のご回答ありがとうございました。なんか私のやり方が悪くイメージどおりにならないです。(TT もうちょっと研究してみますね。 ありがとうございます。

関連するQ&A

  • PictBearでアクアボタンを作りたい!

    PhotoshopやGimpによって、Mac風のアクアボタンを作成する方法は、いくつかのサイトに掲載されているので、それら見てみたのですが、愛用しているPictBear SE2.0で、アクアボタンを作成する方法については、関連サイトを見ても掲載されていないようなのです。 そこで是非PictBearSE2.0でアクアボタンを作成する方法についてご教示ください。 よろしくお願いします。画像なしの回答では伝えにくい質問かと思いますので、回答に類するサイトの紹介でも結構です。なお、関連サイトである 「Limeworld」や「PictBearで描く」は閲覧済みです。

  • ボタンの作り方

    auのサイト(http://www.au.kddi.com/)右メニュー「データ通信」などのようなボタンを最近よく見かけるのですが、どのように作成すればいいのでしょうか?作成ソフトはフォトショップがいいのでしょうか? アクア風ボタンの作り方などのサイトを参考にいろいろやってみましたが、思うようなものが作れませんでした。

  • 影付きボタン

    フォトショップで画像ボタンを作成したいのですが、 画像の左と上の方が光ったような感じで、 右と下の方に影がついた感じなのですが、 手順を教えていただけますでしょうか。 確か「フィルタ」の何らかのメニュから簡単にできたような 記憶があるのですが、忘れてしまいました。 よろしくお願いいたします。

  • Fireworksなどのスライスで、CSSレイアウトで書き出せるの?

    テーブルレイアウトで慣れてるためか、CSSレイアウトがどうしても馴染めません。 Dreamweaverで作ってますが、数倍も難しく感じます。 もしかして、やり方を間違ってるのかも知れません。 私は、Dreamweaverで一つずつ組んでいくため、Fireworksなどの「スライス」機能を使わないのですが、 ●質問1 もしかして、Fireworksでレイアウトしたら、 Fireworksのスライスで、CSSレイアウトで簡単に書き出せるのでしょうか? 多分、テーブルレイアウトでの書き出しだけだと思ったのですが・・・。 私の知識は古いので。 ●質問2 また、HP作成は、Dreamweaverで作るとして、 レイアウト作成や画像作成は、現在の主流は、 Fireworksでしょうか?Photoshopでしょうか? プロは普通どっちを使ってますか? 私はPhotoshopしか使った事ありません。 Fireworksに乗り換えるべきか、考えてます。 よろしくお願いします。

  • fireworkを使って、このようなサイトを作る事は可能でしょうか?

    現在、fireworks4を所有しております。 こんな感じのHPをつくりたいなと思ってますが http://www.jins-jp.com/index.htm fireworks&dreamweaver のみでの作成は可能でしょうか? また、オススメのソフトを教えて下さい。 なるべく安価でのソフトをさがしております。

  • 背景画像が透けて見えるボタンの作り方

    ホームーページを作るにあたり、背景画像が透けて見えるメニューボタンを使いたく試していました。 最近よく使われているガラスボタンではなく、下の画像が本当に透けて見えるボタンです。 Fireworksで背景に使う画像をおき、その上にどのくらいの透明度が良いか調整しながら作っていました。 良さそうな感じでできたので、ボタンだけをコピーして新規作成でボタンを貼り付け、いざ書き出してDreamweaverで設定してみるとマットになっています。 周りを透明にしたいのではないのですが、書き出しの時に透明化の設定で透明を選んでみたり… 自分で分かる範囲で試したのですがどうにもうまくいきません。 画像はgif形式で保存しました。 どのような手順で、どのような形式の画像を作れば良いのか教えてください。 よろしくお願いいたします。

  • 古いタイプのOKWEBってありませんか?

    今週妻が浮気します。 http://okwave.jp/ を使っていますが、 ■クライエント認証が頻繁に出る。 ■文字サイズが大きいとレイアウトが崩れる。 ■JavaScriptを有効にしないと質問ボタン  (Topページのタブ風のもの)をクリックしても反応しない。 等で、果てしなく使いづらいです。 よく利用するカテはPC関係と科学や本かな? 古いシンプルなOKWEBの提携サイトって、どこか残っていますか?

  • ロールオーバーボタンの表示について

    すごく初歩的な質問ですみません。 fireworksでロールオーバーボタンを作成して 保存するとHTMLファイルになりますよね。 それをdeamweaverで開くと リンクへも飛べて正常に動いてるのですが すでにあるページに表示させるには どうしたらいいのでしょうか? 過去ログみてもわからなかったので・・・ よろしくお願いします。

  • Fireworksを使う理由を教えてください・・・

    Web作成初心者です。よろしくお願いします。 今Fireworksを勉強しているのですが、どうしてこのソフトが必要なのかがわかりません・・。 イラストレーター(ボタン作成)、Flash(アニメーション作成)があれば、もしかしたらFireworksを使う出番はないのでしょうか。 他のソフトに比べてここが使いやすいなど、Fireworksの長所がありましたら教えて頂けますでしょうか。 どうぞ宜しくお願いいたします。

  • Androidのボタンサイズの最小値について

    こんにちは、 Androidアプリ開発の初心者なのですが、 ボタンサイズについて、ご質問させてください。 かなり小さいボタンを作成しようと思い、ボタンのサイズを「layout_height」「layout_width」で 設定したのですが、ある一定の大きさより小さくなりません。 最小サイズの限界値のようなものがあるのでしょうか? 初歩的なご質問になり、申し訳ありませんが、よろしくお願いします。 <環境>Android 2.1