オリジナル処理│COLOR CODE

《タイヤを回転！》移動距離の分だけ円を回転させる方法

Adobe AfterEffects で車などを表現するときに、タイヤがリアルに回転するとアニメーションの質が大幅に上がります。今回は、移動距離からタイヤの回転量を計算し、実際に回転させる処理を作成したのでご紹介します。実現イメージ以下の動画の […]

Adobe AfterEffects での物理演算第二弾記事です。今回は、物を投げた時の運動である、放物運動（斜方投射）について処理を作成してみました。風や空気抵抗などの様々な要因は考えず、シンプルに二次曲線を描く方法で実現していきます。実現イメ […]

Adobe AfterEffects で物理演算のような動きはできないか？と思い、色々実験したところ、それなりに動くものができました。今回は、物理演算第一弾として「自由落下」の実現方法をご紹介します。実現イメージ処理イメージ自然界では、空気抵抗 […]

Adobe AfterEffectsのエクスプレッション「wiggle」などでレイヤーを動かすと、位置は変わってもレイヤーの向きは変わりません。その為、シェイプレイヤーの三角形などを動かすと、常に頂点が上を向いたような動きになります。この動きを、 […]

AfterEffectsのエクスプレッションで、レイヤーを均等配置する方法を以下の記事でまとめました。この均等配置したレイヤーに対して、角のレイヤーの動きを放射状に伝達する処理を作成したのでご紹介します。実現イメージ以下のように、任意の角から動 […]

AfterEffectsで、例えば、直線動作と、wiggleなどのランダム動作をシームレスに切り替える場合、自力で対応するとなかなか大変です。実はこの動作は、linear / ease / easeOut / easeIn エクスプレッションを使う […]

AfterEffectsのエクスプレッションで、2つのレイヤーが近づいた時や離れたときなど、距離によって違う動作をさせたい場合があると思います。まじめに計算すると、座標の差分から距離を求める処理が必要ですが、エクスプレッションのlengthを使うと […]

AfterEffectsの整列機能で、分割画面を作る方法を以下の記事で紹介しました。しかし、この方法だと、10×10など分割数が増えると大変な作業になります。そこで、もっと簡単に分割画面を作る処理を作成したのでご紹介します。驚くほど簡単に分割画面が […]

AfterEffectsのエクスプレッション「wiggle」を位置に使用すると、簡単に滑らかな動きを作れるので非常に便利です。このwiggleでレイヤーを動かす場合、X方向Y方向で同じ変動量になるので、1:1のエリアしか動かすことができません。そ […]

AfterEffectsのエクスプレッションでは、プロパティにはwiggleを適用できますが、数値や、数値が入った変数にはwiggleを適用できません。しかし、エクスプレッションの計算結果に対してwiggleを適用したいケースもあると思います。そ […]