突然ですが問題です。

この直線と曲線の点線のアニメーションですが、
それぞれどれぐらいの時間をかけて制作しているでしょう。

正解は"続きを読む"から!

何て事は言いません。
両方ともだいたい30秒です。

直線の方を30秒で作れる人は多いと思いますが、
曲線は難しいのではないでしょうか。

今回はadobeもビックリの制作方法をご紹介します。

普通に作ろうと思ったら、
点線を少しずつずらしてループさせれば出来上がりなんですが、
animation_line_01.gif
この作り方だと直線は出来ても、
曲線のアニメーションは出来ません。

そこで
flashの破線の特性を利用します。

線を伸ばす長さにによって破線の動く長さも変わるので、
少し慣れは必要です。

これで小便小僧の小便もかんたんにアニメーションできます!

ちなみに
flash8までであればどちらの方向から線の長さを変えても破線はズレます。たしか


昔アニメーションを作っていて、
点線があまりに動くのでこの制作方法を思いつきました。

いずれ現場で使えるFlashアニメーションの本を書きたいな。

HTML5飯