Flashを使ったサイト作りの際に参考になる書籍

質問

http://www.templatemonster.jp/show.php?templ=8177

このようなサイトを作成してみたいとおもうのですが
たくさんあるフラッシュの解説本の中で
どの書籍が参考になるでしょうか？

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

回答No.2

noname#35109 · ベストアンサー

＃１です。

>> このボタンはどういう風に作られてるんだろうとか

その部分はデザインではなくて，Flashの技術ですね。
私も一瞬，質問者様と同様のことを思いましたが，
よく見るとわかりますよ。
stop(); やら gotoAndPlay(); などを使っているだけです。

ボタンをボタンシンボルではなく，ムービークリップシンボルで作ります。
それで，行きと帰りを作ればいいのです。
ムービークリップ内のレイヤー↓（雰囲気）。

　　　　　　　　　　 １　　　　　　　　　　10　　　　　　　　　　　20
　　　　　　　　　stop()　　　　　　　　stop()
　レイヤー　筆・・|○　　　　　　　　 []|○　　　　　　　　　　　 |
　レイヤー　筆・・|●|●--------->|●|●---------->|●|
　レイヤー　筆・・|●　　　[]|●---->|●|●---->|●　　　 []|
　　　　…　　　　　　　…　略　…　　　　　　　　　…
　レイヤー　筆・・|●//////////////////////////////[]|

わかりますか？
ムービークリップ内で色々な物を動かすのですか，
折り返し地点フ（上の場合フレーム10 ）を境に左右対称のように作ります。
一番下は，ボタンエリア全体に白とか透明とかの塗りをよういしておきます。
この塗りは，ボタンシンボルで言う所の ヒット の部分に相当します。

そして，
そのボタンムービークリップ自体に

---------------------------
on (rollOver) {
this.gotoAndPlay(2);
}
on (releaseOutside, rollOut) {
this.gotoAndPlay(11);
}
on (release) {
// ←ココに何かの動作
}
---------------------------

と書けば，
ムービークリップの中のタイムラインが
動くので色々なものが動かせます。
ボタンのアルファが全体的に変わるとかいうようなものでしたら，
スクリプトですると思いますが，そんなにボタンの中がゴチャゴチャ動くようであれば，
単純にタイムラインのアニメーションを使った方が，カスタマイズもしやすく，頭を使う必要もなくなります。

なぜ，上のようになっているのではないかとわかるかというと，
ボタンに一瞬だけロールオーバーさせれば，ボタンがカクッとフレームを飛ばすのがわかります。
つまり，
ロールオーバーで3フレーム目くらいまでしか進んでいない状態で，
いきなり，ロールアウトすると3フレームから11フレームに一気に飛びます。
ボタン上のマウスカーソルを一気に通過させるとわかります。

ひょっとしたらココ↓も参考になるかもしれません。
「ムービークリップのボタン化」
http://homepage3.nifty.com/ginga-b/MX/btnmc.html

ちなみに，書かれているサイトは結構有名で，
このカテゴリにも何度か質問があります。例↓。

「FLASHの文字を変えるには？」
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1661085
　↑教えて！goo　　↓OKWave（同じです）
http://okwave.jp/kotaeru.php3?q=1661085
　などなど。

ここから↓サンプルがダウンロードできるので，
http://www.templatemonster.jp/sample/sample.php
参考にさせてもらうと良いかもしれません。
ご質問にかかれているものは，これらサンプルよりずっと簡単にできています。

この会社のデザインや動きは
一瞬「オッ！いったいどんなActionScriptを使っているのだろう？？？」
と思わせますが，
実は単なる， stop(); と gotoAndPlay(); のかたまりだったりします。
しかしそうでないと，他人が購入してもカスタマイズできないでしょう。

デザインと発想だけの問題です。
だからFlash的に言えば，本は 「教えて!!Flash」 で十分なのです。

回答No.1

noname#35109

本と言うわけではなく，雑誌なのですが，
いや，雑誌と言うより，雑誌のバックナンバーなのですが，
こんなのはどうでしょうか↓？

　web creators 2003年9月号 巻末特集
　「実践！Flashインターフェイスをつくる知識と技」
　http://www.mdn.co.jp/webcre/Volume/Vol21/Special2/

そのページの「BACK」ボタンから行ける表紙↓，

　web creators誌面連動データ ダウンロードページ
　http://www.mdn.co.jp/webcre/DLmenu.htm

ここからも，色々Flashのサンプルを見ることができるので，
立ち読み気分で（FLAまでDLできるので立ち読みどころじゃないですね），
色々見ることができると思います。
サンプルFLAだけでなく，もっと詳細な解説などが必要であれば，
バックナンバーも品切れでなければ，注文すれば買えるのではないかと思います。

しかし，上で書いたのは，
ちゃんとFlashの基礎ができている人が参考にするもので，
基礎ができていない方だとそれを変造したり，素材を使うくらいのことしかできないと思います。
上記URLはそういう変造するためのものではありません。

ご質問を見ての感想です。
質問者さまが，書かれているURLからは
質問者さまが何を求めているのかがわかりません。
書かれているURLのものはさすがに 「売り物」 だけあって，
雰囲気などもなかなか良いとは思います。
しかし，特にすごいFlashのテクニックを使っているわけではないと思います。
だから，デザイン系のことを求めていらっしゃるのかな？
とも思いました。

デザインのことなら，Flash の本と言うより，Webデザインの本とかを，それこそ立ち読みして，
良い物があれば買うのが良いと思います。

もし，Flash の技術に関することであれば，
上で書いたURLのものより，もっともっと基礎的な「教えて！Flash」くらいが良いと思いますよ。
質問者さまの書かれているURLのもので難しい部分は
「全体のデザイン」と「動きの発想」と「それを作る（絵を描く・写真を用意する）作業」であって，
Flash 的には 「教えて！Flash」でも完璧にマスターすれば，楽々でできるはずのものです。
「makion.net! - TOP」
http://www.makion.net/

ただ，この本に欠けている点は，上にも書きました通り，デザイン性です。
あと，サイト全体など，複雑に構成されたサンプルファイルがありません。
デザインがすでに頭の中に構築されているのであれば， 「教えて！Flash」で十分です。
基礎が身に付いていて，全体的なデザインの参考にしたいのであれば，
この回答の最初に書いたURLを参考にするとか，
他の雑誌などを立ち読みして購入を検討するのが一番だと思います。

お礼

お返事ありがとうございます。
だいぶ生理できたんですけど、
僕が求めてるのはデザイン部分なんですよね・・・。
例えば、ボタンひとつにしたって
このボタンはどういう風に作られてるんだろう
とか、デザインの作り方、グラフィックソフトの使い方の部分でわからないんですよね・・・。

綺麗なグラフィックをみて、いいなー僕もつくってみたいなとおもっても再現できないんですよね・・・。
どうやって作っていいかわからないので・・・。
flashの構造的な部分はだいぶ理解できるようになったんですけど。

教えていただいたサイト、まさにビンゴでした。
非常に参考になりました。ありがとうございます。