あまりニーズはないかと思われますが、例えばアハ体験のように対象物を数十秒かけて、ゆっくりじんわりと動かす時のtipsです。 まずはサンプルをご覧下さい。
このサンプルでは30fpsで30秒かけてちょうど30px移動しています。
ただトゥイーンさせているだけという素材そのものを活かした作りになっております。
・・・なんですが1pxごとにしか進まないような感じで、カクついた動きになってしまっているのがお分かりになりますでしょうか。 これを解消するためにはこの為だけにAS仕込むか、別途FLV化させるか、と悩んでいたのですが、とっても簡単な方法で解決することができました。
こんにちは。徳田です。
【Flasherが始めるAE】第2弾は、AfterEffects(以下AE) のCS3から搭載されたという「パペットツール」です。 下記のアニメーションを作るのも本当にとっても簡単。ちょwwwこれさえあればアノ案件とか超役に立ったのに…！と身悶えすること必至。
大変お待たせしました! 2009年4月4日に行われたFPS lite vol.1「CS4キラキラかわいいアニメーション術」の寝かせすぎたフォローアップです。
当日来ていただいた方はほんとスイマセン…！
通常win使いの私が、急遽初めてMacを会場で使うことになり、私の操作はもう見てられない位不細工でしたので、要点が伝わりにくかったのではないかと心苦しく思っております。
以下に補足を添えて再度紹介させていただいていますので、皆さんの制作の参考になれば幸いです。
毎回フンフン言いながら作ったものがいざパブリッシュしてみるとCPUを圧迫しまくっていて、泣く泣く削る、なんてのが私の場合よくあるのでメモメモ。羽のように軽いflashをさらさらりと作るのが目標ですよ。
今回は間接アニメーション。ついつい楽しくて動きを足してしまう。
●全身写真1枚を間接ごとにマスク切り分け
元写真は一枚だからファイルサイズは小さいだろうと思って油断してたらすごい負荷。結果×。
●透過画像について
透過にする場合、gifよりもpng24png32の方がflashが軽く圧縮してくれる。しかもpngの方がキレイだし。
●ジャギーと圧縮との付き合い方
間接ごとに切り分けた画像それぞれにスムージングなしで圧縮すると、許せないくらいのジャギーが発生し見栄えが悪くなるが、全身アニメーションをpng連番書き出しをし、そのpngに圧縮をかけても、全体にほどよいノイズが乗るような感じでまだ許せる。
●連番書き出しのお得な点
一枚一枚透過の部分を切り捨てて再配置すると体の軸がズレるため、タイムラインでアニメーション制御する場合では絶対やりたくないくらいの奇妙なブレやせわしなさが演出できる。コマ落ちアニメーションには最適かも。
今回通してわかったのは、私でもややこしくて考えたくないことはflashも嫌なんだなと。両手・両足・胴・頭それぞれマスクかけて、これを反転させたやつをこのタイミングでアニメーション、とかそらCPUもウーン言いますわ。
追記2008/07/10-------------------------------
●透過画像について
png24って書いちゃってました。正しくは透過png32。
