• ベストアンサー

アクアボタンの作り方

アクアボタンの作り方をご存知の方いらっしゃいませんか?用途はWEBのメニューボタン(角丸長方形・色は青系がよいです)で使用アプリはイラストレーター10、ファイアワークス4、フォトショップ6です。よろしくお願いいたします。

noname#2411
noname#2411

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

  • ベストアンサー
  • asuca
  • ベストアンサー率47% (11786/24626)
回答No.4
参考URL:
http://www16.big.or.jp/~plustic/0range/JAPANESE/icon/tips/aqua_ball.html

その他の回答 (4)

  • Esau
  • ベストアンサー率47% (10/21)
回答No.5

PhotoShop6を使ったアクア風ボタンの作り方が掲載されていました。 http://flap.vis.ne.jp/pxb/ contentsメニューの「tips」というところにあります。

参考URL:
http://flap.vis.ne.jp/pxb/
  • nipotan
  • ベストアンサー率59% (134/227)
回答No.3

Photoshop 6 であれば、スタイルの中の「ガラスボタン」(だったっけ?Photoshop 7 使ってるから正確なネーミングは忘却。。。) か何かを選んで、レイヤー効果の「光彩(内側)」や、「ベベルとエンボス」、「カラーオーバーレイ」を適当に操作すれば、ある程度 AQUA 風になります。 また、もっとアナログな手法ですが、以下の URL に Photoshop (5 以前かな?) で AQUA 風のボタンの作り方が掲載されているので、そちらを参考にされるといいと思います。

参考URL:
http://www.detarame.jp/ex-31-40/example37.html
  • asuca
  • ベストアンサー率47% (11786/24626)
回答No.2

参考URLのものを使ってみてはどうでしょう。

参考URL:
http://www.vector.co.jp/soft/mac/art/se246173.html?s
  • mrkk
  • ベストアンサー率31% (46/144)
回答No.1

こちらのサイトのExample37を参考にしてみてください。

参考URL:
http://www.detarame.jp/

関連するQ&A

  • イラストレータやフォトショップ、ファイヤーワークスなどで

    イラストレータやフォトショップ、ファイヤーワークスなどで 長方形のフチを筆で描いたような感じにするにはどうすればいいですか? 長方形内はフチと同じ色です。 よろしくお願いいたします。

  • Photoxhopでボタン

    初めまして、どうぞよろしくお願いします。 ・フォトショップで角丸の立体的なボタンを作ろうと思ってます。 角丸長方形ツールで枠を取って、その中をグラデーションツールで色をつけると角を丸くした四角形以外の外側もグラデーションされてしまいます。結局、角が尖った長方形になってしまいます。。 角の丸い長方形のボタンで中をグラデーションするにはどうしたらいいでしょうか? よろしくお願いします。

  • ソフト同士の色合いや雰囲気を近づけたい

    基本的にファイヤーワークスを利用しております。 ウェブサイトを作るときはほとんどこれです。 ですが…より細かいレベルでデザインしていこうと するとイラストレーターやフォトショップを 使った方がよいことがあります。 しかし、ファイヤーワークスでウェブ用の画像をつくるのと イラストレーターやフォトショップで 画像を作るのとでは、なんだか見た目の印象が違います。 うまくいえませんが ファイヤーワークスの方が、よりウェブデザインに近いというか メリハリがついた色合い表現をしてくれます できればイラストレーターやフォトショップで 作っても、ファイヤーワークスの用に色合いをしゃきっと させた感じにしたいのですが…… 何かよい方法はないものかと 思案中です。ぼやっとした質問ですが ご理解いただける方、お教えください。 ちなみに イラストレーター、フォトショップ は CS2 ファイヤーワークス 2004 mx です。

  • イラストレーターから一番劣化しない書き出し方法は?

    宜しくお願いします。 OS:WinXP Ver:IllustratorCS2、Photoshop7 WEBサイトを制作の際は、 イラストレーターでページの全体図を制作 ↓ PSD形式で書き出 ↓ フォトショップにてパーツの切り出し という手順で進めています。 ただ書き出した際に、角丸などのパーツのエッジが上手く出力されません。 ただ、イラストレーター8形式で保存して、フォトショップで開くと比較的奇麗に書き出されるのでそのように進めています。 png形式で書き出しファイヤーワークスで加工という方法もあるのですが、 どういう流れが一番奇麗に書き出されるのでしょうか。 イラストレーターでWEB制作している方はどのようにしていますか? ただpngで書き出してファイヤーワークスで切り取ることも可能かと思いますが、皆さんは制作の際にどうしてますか?

  • 【HPへの画像挿入】イラストレーター・フォトショップで加工した画像をファイアーワークスへの挿入

    現在急ぎでHPを作成しています。 その際に写真画像・ロゴなどイラストレーター・フォトショップで加工したものを、 ファイアーワークスに挿入してボタンにしたいと思っています。 四角いデータを、その画像・ロゴの部分だけ切り取って ファイアーワークスに挿入するにはどうしたらいいのでしょうか。 画像そのものの形に切り取るのではなく、 すこし余白を作って切り取りたいと思っています。 当方初心者のため、 可能なのかどうなのかもよく分かっておりません。 ご存知の方がいらっしゃいましたら、 教えてください。 使用ソフトは フォトショップ・イラストレーター ファイアワークス・ドリームウィバーです。 よろしくお願いします。

  • GIFアニメの作り方

    こんばんわ。 現在HP作りに挑戦しています。 ツールはフォトショップとイラストレータとメモ帳を使ってます。 GIFアニメを作りたいのですが、フォトショップで作れるようなのですが 何からしたらよいのかわかりません。 そんなに難しい物を作ろうとは思ってなく、ちょっと文字が動いたり すればよいのですが、簡単に作れる方法はありますか? また、ファイアーワークスもあるのですが、フォトショップとファイアーワークスと ではどちらの方が簡単に作れるでしょうか?

  • ボタンの作り方

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

  • イラストレーターで入力した文字をフォトショップにペーストすると色が変わる。

    イラストレータで文字を入力して、編集した後「コピー」フォトショップにて「ペースト」すると色が変わってしまいます。 どちらもRGBで作成してます。 また、イラストレーターでRGBで作成しているときに、WEBカラーにしたいと思い、カラーの部分に数値を入力するのですが、色が表示されません。ちなみに色は0・0・255の青です。そのほかのWEBカラーも表示されません。 どうしてもその青が使いたかったので、色々やり方を変えたところ、イラストレーターをCMYKで作成して、スウォッチの青を使い、フォトショップ(RGB)にペーストすると、0・0・225の青になりました。 イラストレーターでWEBカラーを使用するにはどうしたらよいのでしょうか? また、フォトショップにコピー&ペーストしたときに色が変わるのを防ぐ方法はありますか? ちなみにバージョンはイラストレーター10.0.3フォトショップ7.0です。

  • イラストレーターで厚紙っぽい感じにしたい

    イラストレーター9で絵を描きました。 厚紙の質感にしたいのですが、どのような効果をつければいいのでしょうか? イラストレーターでなくても、フォトショップかファイヤーワークスでもいいのでやり方を教えていただけないでしょうか・・。 よろしくお願いします。

  • スキャンした文字や図形の抽出

    マックでファイヤーワークスを使用しています。 スキャナーで取り込んだ文字や図形をきれいに抽出するにはどうすればきれいに上手く抽出できるでしょうか? 例えば長方形の図形の回りの線だけとか細い線の文字の文字部分だけの抽出はどうすればきれいに出来るでしょうか? いい方法があれば教えたいただきたいのですが。 ちなみにイラストレーター、フォトショップももっています。