FLASHについて質問があります。

質問

FLASHについて質問があります。

FLASHを使って靴の靴ヒモが「ふんわり」と「ほどけていく」アニメーションを作りたいのですが、どのようにすれば上手に作れますか？

FLASHの本を買って実践してみたものの、全く上手にできません。

ぱらぱら漫画のように１コマ１コマ絵を何枚も何枚も用意して、それを動かすようにやってみたのですが、ウマクいきませんでした。

絵はイラストレーターで準備するべきですか？

私はレトロな感じに表現したかったので、紙に絵を描きそれをスキャンする方法しか思いつかなかったのですが、他に良い方法があれば教えて下さい。

最終的にホームページの最初に出てくるページとして使いたいと思っています。

全くの初心者ですが一から自分でホームページを作ろうと思っています。

アドバイスよろしくお願いいたします。

回答No.2

datemaki · ベストアンサー

あわわ、アップした動画を確認したらかなり分かりにくくてひどいですね；；
もう少し説明を補足します。
24フレームの長さに各々設定した絵ですが、全てに右クリックで「モーショントゥイーン」を設定します。そして各絵の中間と最終に右クリックで「キーフレーム」を打ちます。
レイヤー1であれば「12」「24」レイヤー2であれば「24」「36」レイヤー3であれば「36」「48」です。

　　　　　1　　　12　　　24　　　36　　　48
キーフレ　　　　　　　　　●　→　●　→　●　　
レイヤー３　　　　　　　　「ほどけた」
キーフレ　　　　　●　→　●　→　●　
レイヤー２　　　「ほどけている」
キーフレ　●　→　●　→　●　
レイヤー１「結んである」

そしてこのキーフレームごとに、絵のアルファ（透明度）を変えていくのです。
レイヤー１のフレーム12はアルファ100、フレーム24はアルファ0
レイヤー２のフレーム12はアルファ0、フレーム24はアルファ100、フレーム36はアルファ0
レイヤー３のフレーム24はアルファ0、フレーム36はアルファ100

最終的にこういう設定になっていればokです。[]内は実際のタイムライン上には表示されませんが、そのフレームにあるときの、その絵のアルファの数値です。

　　　　　1　　　12　　　 24　　　36　　　48
アルファ　　　　　　　　　[0]　　[100]
キーフレ　　　　　　　　　●　→　●　→　●　　
レイヤー３　　　　　　　　「ほどけた」
アルファ　　　　　[0] 　 [100]　 　[0]
キーフレ　　　　　●　→　●　→　●　
レイヤー２　　　　「ほどけている」
アルファ　　　　[100]　　 [0]
キーフレ　●　→　●　→　●　
レイヤー１「結んである」

これを再生すれば「結んである」「ほどけている」「ほどけた」の３枚目が順にフェードイン、フェードアウトしてつながります。実際は絵の枚数を増やしたり、タイムラインの間のフレーム数を調節して最適な効果を求めます。実際質問者さまがイメージしている表現かどうか分かりませんが、参考になればよいかと思います。

お礼

ありがとうございます！！！
datemakiさんの教えてくれた通りにやってみたら、なんとか出来ました！！！

ありがとうございました。

回答No.1

datemaki

腕に覚えがあるのであれば、コマ数を増やしてみてください。修正→ドキュメントで開いたウィンドウにフレームレートという項目がありますが、これは平たく言うと１秒間に再生されるコマ数です（webでは厳密には回線速度が影響するので遅くなったりしますが）。デフォルトは12で設定されてますが、たとえばディズニーアニメは確か24フレームであの独特の滑らかなアニメーションが表現されています。

また通常であれば少ないコマ数でふんわりする表現をアルファ（透明度）であらわします。
たとえば靴紐が「結んである」「ほどけている」「ほどけた」の３枚の絵を用意したとします。一枚目の絵をレイヤー１のタイムラインのフレーム１の場所に置いて、長さを24フレーム（先ほど言ったフレームレート設定が12であれば約2秒ということになります）に設定します。そして２枚目の絵をレイヤー２のフレーム12の場所に置いて同じく24フレームの長さ。３枚目の絵をレイヤー３のフレーム24で同じく24フレームの長さでおきます。
この時点でタイムラインは

　　　　　1　　　12　　24
レイヤー３　　　　　　「ほどけた」
レイヤー２　　　「ほどけている」
レイヤー１「結んである」

こうなっていて、再生してみると結んである→ほどけている→ほどけた　が1秒、1秒、2秒ぐらいの長さで順に再生されているはずです。

ちょっとキャプチャがうまくいってなくて見にくくて申し訳ないですが、ここから先は説明だと分かりにくいかと思いますので動画を参照してみてください。
ようは透明度100→0をお互いオーバーラップさせるということです。