オールフラッシュコンテンツの作成方法について

質問

レイアウトはIllustratorで起こしますか？
それともFlashで一から作成されますでしょうか？

Illustratorで変換したものは、Flashで読み込んだとき非常につかいづらいのですが皆さんはどちらで作成されてますか？

どちらが効率がいいのでしょうか？

回答No.2

noname#35109 · ベストアンサー

＃１です。
（今度はアンケート的な回答ではなくて，補足してくださっている事に対する返信です。でも半分くらいはアンケート的内容です。）

> 全体レイアウトをとるときなども、
> いきなりFlashからはじめちゃうものでしょうか？

いきなりというか...，
頭の中で，空間的＆時間的 流れをまず発想して，
Flash で「最終段階にレイアウトされた状態」を作って，
その「最終段階にレイアウトされた状態」に向けて物を動かしたり，
「最終段階にレイアウトされた状態」の中でムービークリップやボタンを動作させたりします。

この場合の「最終段階にレイアウトされた状態」とは，
「本当に最終フレームで表示される状態」というものではなく，
「ワンフレーズの最終段階」です。

文字ではうまく伝えられませんが，
あるボタンがクリックされたとき，
それによって色々な物が動くとして，
それぞれのボタンによって動作する最終段階のレイアウト状態です。
ですから，
「最終段階にレイアウトされた状態」とは，
１つのファイル内に１つの場合もたまにありますけど，
普通は複数あります。

なにしろ動くので（動かないとFlashの意味がないので），
シーン（Flash で言うシーンではなく，映画のワンシーンの様な意味のシーン）ごとのまとまりを，
Flash 内で作って行きます。

その，「最終段階にレイアウトされた状態」を，
紙に鉛筆で落書きをすることは多々あります。
しかし，
Flash （またはIllustrator）のように，色（紙の場合は絵の具？）を使ったりするのは面倒ですから，
＃FFCCFF などとメモをすることはあっても，実際の色は使いません。
というか，紙面上では色を使っても，Flash のようにうまく描けません。
鉛筆で落書きして，計算機などを使って比（％）やpx（ピクセル）を出すくらいです。

> 私はそれがなかなかうまくできなく、
> どうしてもillustratorで全体をFixしてから
> 落とし込む作業になってしまいます。

それはそれで良いと思いますよ。
当然，慣れている物で慣れたデザインをした方が，
直感的に良いデザインになると思います。

私は（私に限っての話ですよ），
Illustrator は紙に印刷する上でのフィーリングにはマッチするのですが，
px 単位で，またはで比（％）表現するイメージが今ひとつマッチしないのです。
また当然のごとく，必死で Illustrator で部品を描いても，
結局，Flashで最初から作り直すとなると二度手間ですから，元から Flash を使うのです。

それだけの理由です。
全体のデザイン自体（「最終段階にレイアウトされた状態」）は私の場合，紙の落書きが多いです。
次の段階が Flash という感じですね。

お礼

やはりそうですよね・・・
illustratorから吐き出してもそのまま使えないので、やはり作り直しに近くなってしまいますね。。それは常日頃の作業で実感しています。
もちろんラフは手書きでざっくり書いたりするんですが。
そうなんです、動きがあるのでボタンのエフェクトなどその分のレイアウトまでillustratorから起こすなんてのはとても効率が悪いなと…
後々の作業や効率を考えると、flashからはじめたほうがいいように思いました。
単純に私がflashに慣れてないだけですので、ばりばり使わなくはいけないなと感じました。笑
私の場合、みなさんがactionscriptとかサーバーサイドとかといってる以前のベースとなるデザイン部分が確立されてないのでそこからですね。道のりは遠いですね。。。ありがとうございました。

回答No.1

noname#35109

アンケートみたいな回答でよろしいでしょうか？
つまり単なる "わたし的" 回答です。

私はオールフラッシュであってもなくても，Illustrator は100％使いません。
（本当はウソで1％ぐらいは使います。）

Illustrator を使う意味自体を全く（99％）感じませんね。
Photoshop は超頻繁に使いますけど。

Photoshop を使う理由は，Illustrator でも Photoshop を使う理由とほぼ同じだと思います。
また，Illustrator 上では写真をてきとうな大きさに変えることはできますが，
Flash においてはご法度に近い物なので，
単なるリサイズにも Photoshop は使います。
（写真のリサイズは Flash でご法度というより FlashPlayerでご法度です。）

ごく一部，どういうところで，
Illustrator を使うかというと，
かつては文字のドロップシャドウなどです。
つまり部品作成に使うことはありますが，
レイアウトその他全般にわたって使うということは決して考えられません。

Flash 8 が出ましたので，
ドロップシャドウなどは簡単にできるようになりましたから，
Illustrator はもっと使わなくなりました。

会社のロゴマーク のようなものが，
すでに AI ファイルで企画品として決まっているような場合についてのみ，
または，
デザイナーが絶対にこれそのものを使用することという条件を出したときのみ，
Illustrator を使ってそのロゴを他の形式にしたりするような作業はしますが，
それ以外，全く使いませんね。

元絵をデザイナー から Illustrator で作成してもらっても，
基本的にそんなものは使いません（使えません）。
Flash で 0 からそのデザインを偽造（模造）します。

そもそも，「写真」と「３D」と「ビットマップ的画像」を除いて，
Flash で作成不可能な絵というものを，
ネット上の Flash で私は見たことがありませんよ。
２ＤならFlashでたいてい描けるでしょう。

Flash は「絵が描けることがスタート」ですから，
あまりそういう基本的なサイトは少ないので，
いつも同じようなURLになってしましますが...

「WINDOWSっぽいボタンを作る」
http://www.motegi.to/fsite/xp-win.html

「アクアなボタンを作ってみよう！」
http://www.warawa.net/F/ILLUST/aquabutton.html

基本的にはこんな↑感じで，ベクトル的画像なら楽々何でも描けます。

さらに実用的になるとこの辺↓（★必見かも★）。

「Vectorkid.com - Tutorials - illustrating, flash, vector, art, tutorials, drawing, effects, 3d」
http://www.vectorkid.com/tutorials.html

FLAファイルがDLできます！
ここ↑のFLAファイルは左上の地図が Flash5(MX？)，
その他が Flash4 または Flash3 で作成されたものです。
ですから，
かなり古典的オーソドックスFlash作図技法で作成されています。

※私の本業はいわゆる Flash作成家 ではありません。
　また，ここのコミュニティでも
　ActionScript系を中心に回答していますが，
　本業は Flash のプログラマでもありません。
　実は，毎日毎日，
　上のような絵をFlashで描き続けている者です。
　それが本業の "一部" です。
　HP作成や，ゲーム作成や，プログラミングもしますが，
　それは本業ではなく，クライアントが発生したとき，
　なおかつ気が向いたときだけ，
　本業の合間をぬって，休みの日などに，
　ヘソクリ稼ぎにこなしているのです（秘）。

Flash で絵を描くこと（描けること）は当然のことです。
しかし，その先に「アニメーション」や「ActionScript」，
はたまた
「マルチメディアコンテンツ」や「サーバサイドプログラムとの連携」などなどの世界が展開させるわけですから，
もっともっとしなければならないことが多く，
どうしてもこういう基本的なお絵描き方法のサイトがどうしても少なくなってしまうわけですね。
（「絵が描けるのは当たり前じゃん」
　「絵の描き方などHPでアップしてどないすんねん？」
　という世界ですね...。）

というわけで，
私はオールフラッシュであってもなくても，Illustrator は100％使いません。
（本当はウソで1％ぐらいは使います。）

以上，
アンケート的な私の回答です。

補足

sassakunさん、ご回答ありがとうございます。
すぐご回答いただいたのに、お礼が遅くなりました。

パーツのＵＲＬ大変参考になりました。
パーツのＵＲＬを参考に実際作成しておりました。わかりやすいですね。
ただ、パーツを個別に作成するのは教えていただいたやり方で非常によいと思うのですが全体レイアウトをとるときなども、いきなりFlashからはじめちゃうものでしょうか？
私はそれがなかなかうまくできなく、どうしてもillustratorで全体をFixしてから落とし込む作業になってしまいます。

書籍などもactionscriptなどはたくさんでてるんですが、なかなかデザインとしてのレイアウトをflashで起こすところについては講じているものが少ないように思います。