このボタンはどうやって作るんですか？

質問

https://www.monex.co.jp/

このサイトをごらんいただきたいのですが
右上に口座開設お申し込みというボタンがあります。
おそらくflashでできていると思うのですが
どのようにして作ればよいのでしょうか？

教えてください。お願いします。

回答No.3

noname#35109 · ベストアンサー

他の方も書かれているように，示されているボタンはＧＩＦです。
ソースに検索もかけてみましたが少なくとも示されているページにはFlashのファイルは使用されていません。
また，サイト全体においてどこにもFlashのファイルはないように見えます。

--- --- --- --- --- --- ---

それはそれで良いとして。

もしそのボタンがFlashであるとするならば，何がわからないのでしょうか。
以前から回答はしようと思っているものの，
Flashであると仮定しても何がわからないかがわからないので答えにくいのです。

どのようにして作れば…　というのは，

「Flashという物のそもそもの作り方」 でしょうか？
HTMLに貼り付けるFlashはSWFファイルというファイルです。
SWFファイルを作るのには専用のソフトが必要です。静止画で良ければJPEGをFlashに変換してしまうフリーソフトもありますが，そのSWFからリンクは貼れないと思います。あと高額ですがAdobe社のIllustratorでも作成可能です。
でも普通は，MacromediaのFlashという作成ソフトを使います。
◎Flash 8 シリーズ
http://www.macromedia.com/jp/software/flash/basic/
http://www.macromedia.com/jp/software/flash/flashpro/
その他も多数のソフトは出ていますが，上記２ソフトがお薦めです。

それとも， 「そのボタンのような絵の描き方」 でしょうか？
もしMacromediaのFlashをすでに持たれているとするなら，その程度の絵はFlashで描けないと，何も描けないに等しいです。
もし絵の描き方であれば，Flashを作成する解説書などを元に絵を描く技術を身につけてください。
Flashの初歩の初歩から書いてある本を選ばれると絵の描き方の基本は載っています。
http://www.macromedia.com/jp/support/books/list_fl.html
のページにある，
「おしえて!!　Flash MX 2004」
税込み標準価格 2,520円
2,400円(税抜）
ISBN4-8399-1399-4 まつむらまきお・たなかまり 著
あたりがお薦めです。

それとも， 「リンクを他のページに張る方法」 でしょうか？
それもFlashの基本中の基本です。描いたボタンの絵をボタンシンボルにして，
----------------------
on (release) {
getURL("リンク先のURL");
}
----------------------
を書けば良いです。
リンク先のURLは相対パスでも絶対パスでもかまいませんが，
相対パスの場合は，SWFファイルではなく，SWFファイルを貼り付けたHTMLから見たときの相対パスになります。
このような基本事項も，上の書籍には書いてあります。

それとも， 「FlashでGIFを作る方法」 でしょうか？
MacromediaのFlashでも当然GIFは作れます。
まずはステージ上にボタンを描いて，
「ファイル」→「パブリッシュ設定」で設定画面を出して，「形式」タブで
GIFにチェックを入れてパブリッシュすればGIFができます。
「GIF」タブで設定すれば，アニメーションGIFも作成出来ます。
また「ファイル」→「イメージの書き出し」でGIFイメージを作成することもできます。
ただFlash上ではきれいに描けても，GIFにするときたなくなりがちです。
Ｆｌａｓｈで作成した物は，「ファイル」→「イメージの書き出し」でビットマップ(BMP)にして，
そのBMPをAdobeのPhotoshopなどでGIFにする方がきれいにできると思います。
なぜか，AdobeのPhotoshop系はGIF画像に強いです。同じGIF89という規格のようですが，なぜか他社の製品より質がグッと上です。値段に差があるから当然と言われればそれまでですが，安いPhotoshop Elementsでもキレイです。

ちなみに感ですが，
紹介されているページのボタンですが，FlashでGIFも作成できます。
でも，Flashで作ったGIFではなく，AdobeのIllustratorで作られたのではないかと思います。
ページもキッチリとしていてプロの方が作られたようですからそれなりのソフトを使用されていると思います。
◎Adobe Illustrator CS2 日本語版（Macintosh版／Windows版）
■ 通常版 83,475円 （本体価格 79,500円）
その他概要↓
http://www.adobe.co.jp/products/illustrator/overview.html
それと，上でも書きましたAdobeのPhotoshopも組み合わせて使われている部分もあると思います。
◎Adobe Photoshop CS2 日本語版 （Macintosh版／Windows版）
■ 通常版 92,400円 （本体価格 88,000円）
その他概要↓
http://www.adobe.co.jp/products/photoshop/overview.html

わからないのが，他のことであったり，不明な点があれば補足してください。
わかることであれば，わかる範囲で回答します。

回答No.4

perse

質問者さんがFlashかなと勘違いされたのは
マウスが乗っかったときに「口座開設お申し込み」と
ツールチップがでるからではないでしょうか？
HTMLの話になりますがtitle属性を使用します。

<img title="ツールチップ" src="****.gif">

回答No.2

kosa

WindowsでIEであれば、右クリックしてみればFLASHか画像かの判断は簡単にできます。
これはFLASHではありません。画像GIFです

回答No.1

mal_dive

え？ gifじゃないですか？

何故flashと思ったのでしょうか？