• ベストアンサー

OSX=Aquaボタンの作成方法

MacOSXのAquaボタンの作成方法を知りたいです。 静的なものではなくて、呼吸の様に青い色が濃くなったり薄くなったりのきれいなヤツです。 どういうToolを使い、どの様に作ればよいのでしょうか?御存じの方、よろしくお願い致します。 (ホームページ作成の際に使用したいので)

  • osx
  • お礼率58% (32/55)
  • Mac
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • hotahota
  • ベストアンサー率38% (19/50)
回答No.2

>静的なものではなくて、呼吸の様に青い色が濃くなったり薄くなったりのきれいなヤツです。   ということはアニメgif、FLASH、もしくはカーソルをあわせると色が変わるJavaScriptを用いないといけませんよね。 というわけで一番手軽な アニメgifについて、簡潔に説明します。 まず、濃い目のボタン、薄い色のボタンの2種類を作ります。 (サイズは一緒で) その後に GifBuilder1.0等アニメgif製作ソフトで御自身がお好きなようにアニメを作れば終わりです。 (詳しくは http://www.annie.ne.jp/~halpin/gifani/tut_mac/tut_mac.htmlを御覧ください。私も昔までは GifBuilderで作っておりましたが、下記問題によりやめました) ただ、一つ問題があります。 GIF問題です。 GifBuilder1.0はフリーウェアですが、それゆえにGIF問題に抵触するのではないかという疑惑があるのです。 GIF問題に関しては下記、参考URLを御覧ください。

参考URL:
http://www.mikeneko.ne.jp/~lab/grp/png/index.html
osx
質問者

お礼

分かりやすいページをお教え頂き、有難うございました。チャレンジしてみます。(^^)

その他の回答 (1)

  • asuca
  • ベストアンサー率47% (11786/24626)
回答No.1

LiquidButton Makerと言うソフトがありますよ。 これを使うと簡単に作れます。

参考URL:
http://www.d6.dion.ne.jp/~h-shio/html/soft.html
osx
質問者

お礼

asucaさん、お教え頂きまして有難うございます。 「LiquidButton Maker」の存在は存じ上げておりまして、実際に使用しております。 作りたいボタンは、青い色が濃くなったり、薄くなったりするヤツです。OSXを使うと、そういうボタンが出てくるじゃないですか。それを作りたかったのです。

関連するQ&A

  • ビー球みたいな立体感のある、透明ボタンの作成方法

    色のついたビー球みたいなボタンは、ホームページビルダーのテンプレートにあるものです。 私がしたいのは、色のある文字をこのボタンの中に、重ねたいので、色がない透明(多少、白く濁ってもよい)のボタンを作成したいのです。 ところが、ホームページビルダーのテンプレートには色のついたボタンのファイルしかありません。自分で作る必要があります。 <質問内容> このようなビー球みたいな立体感のある、透明ボタンの作成方法について、photoshopでの作成方法か、もしくは無料でダウンロードできる素材集のサイトを教えて下さい。

  • FLASHMXでのボタン作成

    こんにちはtmgmです。 私は最近FLASHMXにはまり気味です。いきなり行き詰ったのがボタン作成です。「青い四角形をクリックしたとき、赤色になる」みたいなボタンは簡単に出来ると思うんですが、私はクリックしたとき簡単なアニメーションにしたいんです。例えば青い四角形をクリックすると、四角形が左右にぶるぶる揺れるとか。そういうのって出来るんでしょうか?やり方をご存知の方、そういう方法を紹介しているURLをご存知の方、ご返答よろしくお願いします。

  • 光沢のあるボタンの作り方について

    光沢のあるボタンの作り方について デザインド素人です、Photoshop Elements7を使用しています。 ホームページのメインメニューなどにweb2.0風?(光沢のあるかっこいいやつ)の画像を作成したいのですが、ネットをみてもphotoshopを使用してるものしか見つからず、やってはみるもののElementsにはない機能がいつもでてきて、いつも途中で挫折してしまいます。 ネットでは色を指定したら自動で作成するものもありますが、後学のためにやはり自分で作ってみたいです。 作り方をご存知の方ご教授お願いします。もしくはElementsでも作成できるサイトのご紹介をお願いします。

  • Mac OSXでのホームページ作成について教えてください。

    MacOSXで、画像中心のホームページを作りたいと思っているのですが、パソコン初心者のため分からないことが多く困っています。 OSXではAppleWorksでWebページを作成したり、作成したWebページをパーソナルWeb共有で公開できるようなのですが、(まだよく理解しきれていません...)やはりホームページ作成ソフトなどを使った方が見栄えよく、作りやすいのでしょうか? また、ホームページ作成で参考になるMacユーザー向けの書籍などありましたら教えてください。 色々と質問が多いのですが、よろしくお願いします。

    • ベストアンサー
    • Mac
  • 文字が動くボタンを作成したい

    こちらで質問してよいのかどうか悩んだのですが、お願いします。 下記のHPのボタンを見て下さい。 http://www2.wind.ne.jp/maniackers/index-2.html カーソルをあわせると文字がくるっと動きますよね。このボタンを作成してみたいのですが、どうやればよいのか、どうやって調べればよいのかがよくわかりません。ソースを見てみたのですが、onmouseoutや onmouseoverといった内容がそれに当たるように思えます。 ホームページビルダーを使用していますが、枠組みだけに使用するのであまり活用してはいません。WEBデザインに興味はありますが、初心者です。 こういったボタンを作成するのには特殊なソフトや知識が必要なのでしょうか?ずっと作ってみたいと思っていたボタンなので、ぜひ作成方法を伝授していただきたいです。 よろしくお願いします。

  • ホームページでホーム等へ戻るボタンの作成方法

    はじめまして。お忙しい所、誠にもうしわけありません。 ホームページ作成に挑戦しております。 ホーム > 本、雑誌 > コンピュータとインターネット > インターネット、通信 > ホームページ作成 このようなボタンを作成し、各ページから、上位のページ、ホームへ戻れるようにしたいのですが、どのようにすれば、このようなボタンを作成できるのでしょうか? 何卒、お教えください。お願い申し上げます。

  • HTMLだけでボタン作成

    リンクボタンとしてHTMLだけで作成したいのですがこのサイトでも使用されている送信フォームのボタン(灰色の四角いボタン)を使おうと考えています。 ボタンの色や形、大きさを変えることはできるのでしょうか?

    • ベストアンサー
    • HTML
  • Web2.0的ボタンの作成方法について

    よくウェブ制作会社のホームページなどで見かける、 Web2.0的?ボタンの作り方を探しています。 http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/ にあるような、画像(今回の場合はボタン)の中段から上下に濃い色と薄い色に 分けて立体的に見せるようなデザインではなく、どちらかというと http://www.web20badges.com/ にあるような、 (1)曲線を入れて反射しているように見せる (2)ページ下の方にある赤いボール(Pool ball)の白い部分にある  ような、複雑な図形による反射(立体感)を表す を簡単に実現できるツール(ソフトやウェブサイト上のサービスなど)を探しています。 (2)については http://www.forest.impress.co.jp/lib/inet/homepage/logobutton/aquamaker.html という素晴らしいソフトがありますが、やはり(2)の白い部分のような複雑な図形を作ったり、 ボタン自体の形を自在に作れないところが難点です。 Web 2.0 Badgesは作成レイヤーをpsd形式で落とせる みたいですが、ある程度バッジの大きさが出来上がってしまって いるので、ここから新たに作りたい図形のレイヤーを組み込んでいく のは手間がかかってしまいます。。 なので簡単に上記(1)(2)を作成できるツールをご存知であれば教えてください。 あと、話変わりますがPhotoshopの書籍で、写真の加工とかではなく こういったWeb2.0素材の作り方に絞った書籍があればかなり売れると 思うんですけどね・・。本屋で100冊くらいの書籍を探しましたが ありませんでした。見つけた方は是非ともレスいただけると ありがたいです。 それではよろしくお願いいたしますm(__)m

    • ベストアンサー
    • CSS
  • photoshopで作成したボタンをホームページビルダーに挿入する方法

    現在、phtoshopで素材を作成しホームページビルダーでHPを作成しています。現在、ボタンの作成をphotoshopで作成したんですが、ホームページビルダーにその作成したボタンを挿入したところ、白の背景までも挿入されていまいます。 やりたい事は、よくHPにあるTOP ITEM Q&Aなどのボタンを横並びに挿入したいんですが、どうしても背景も一緒に挿入されてしまい、壁紙とうまくなじむようになりません。ボタンのみを挿入できる方法を教えて下さい。よろしくお願い致します。

  • 『フローチャート作成Tool』のパスワード

    Vectorに掲載されている『Excel フローチャート作成Tool』のパスワードを知りたいのですが、パスワードはホームページに掲載されているとの記載がありましたが、ホームページが無くなっている様で、分かりません。パスワードをご存知の方がいましたら教えて頂けないでしょうか?宜しくお願い致します。