<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>
7月9日記事にアップしたムービーをネタに、本日はアニメーションの一時停止を取り上げます。
上の図はムービーに使用したマウスのコンポジションです。
ムービーではマウスの光の他に、マウスの移動・特殊キーボードの白浮きに停止させる動作が入っています。
タイムラインで一時停止させる設定方法は、Aftereffects7.0で2種類あります（私の知る範囲で）
まず一つ目は、次に値が変化する1コマ手前で前の値を追加する方法。
タイムラインが見やすいように全体で6コマのコンポジションにしています。
「キーフレームの補間法」をリニアにしている時に、3コマ目に赤く光るように不透明度を１００％にした時、上の図のように斜めの線が引かれます。
０フレームが０％で、次の1フレーム目が自動で３３％の値となり、すでに色が出てしまっています。
修正するには、上の図のように３フレーム目の１００％の１コマ手前のフレームに０％のキーフレームを追加すればOKです。
赤い光は５フレーム目で消したいので、５フレーム目が０％でこれより１コマ前のフレーム目に１００％のキーフレームを追加すれば、これもOKです。
修正後の斜めの線は、１フレーム間の変化なのでアニメーションには影響ありません。
二つ目の方法は、「キーフレーム補間法」の「停止」を使うものです。
グラフエディタで変換する場合は、下の図にある「停止」ボタンを押します。
これを使うとキーフレームを打つ回数が少なくて済むし、途中まで作業をした後で気が付いて修正するのも簡単です。
「キーフレーム補間法」は、手動で変えなくてもグラフエディタのボタンで修正すると、あとは自動で変更されています。
「自動ペジェ」で作成したグラフの修正もやってみます。
「停止」は、問題なく適用されています。
一つ目の方法を使った場合はどうでしょう？
追加した０％のフレームの右の曲線は問題ありませんが、左に見える小さな歪はフレーム間が長いと問題が出てきます。
上の図は別の説明に用意した図であるが、停止時間が１秒や２秒もあるとペジェの曲線に沿って、オブジェクトが動いたり、値が変化してしまう。
<script type="text/javascript"> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script>
<iframe width="468" scrolling="no" height="336" frameborder="0" border="0" marginheight="0" marginwidth="0" src="http://rcm-jp.amazon.co.jp/e/cm?t=ocnnejp086-22&o=9&p=16&l=st1&mode=software-jp&search=After%20Effects&fc1=000000&lt1=&lc1=3366FF&bg1=FFFFFF&f=ifr" style="border: medium none ;"> </iframe>