noteエクスプレッションアニメーションこんにちは、イマジカデジタルスケープの伊藤和博です。book」という名前で、このサイトにブログを掲載することになりました。note」というブログで掲載している記事の続きのお話や、関連したお話を記載する予定です。book」も、トレーニングをご受講いただいた方はぜひご活用ください。book初のブログとなりますが、最初のブログは、AfterEffectsから「loopOutメソッド」になります。note」でご紹介する予定の記事と関連したお話となりますが、エクスプレッションを使ったアニメーションのループをご紹介します。AfterEffectsでのループ設定は、フッテージの場合はループ設定で簡単に行うことが可能ですが、コンポジションやトランスフォームにキーフレームを設定したアニメーションの場合には、エクスプレッションで行うと簡単にループ再生が可能になります。やってみよう!まず、デュレーション15秒のコンポジションに、シェイプが左から右に5秒で移動する、というアニメーションがあったとします。デュレーション15秒で、アニメーションが5秒で終わるため、残りの10秒間は何のアニメーションもしなくなりますが、残りの10秒間で、この5秒間のアニメーションをループ再生する場合にloopOutメソッドを使用します。0)と省略してもかまいません。0」の「0」の意味になります。「0」の場合、すべてのキーフレーム間をループします。「1」にすると、最後のキーフレームと、最後から数えて2番目にあるキーフレーム間のみループします。“cycle”このタイプは「ループの仕方」を設定するもので、cycleの他に、pingpong、offset、continueの値をとることが可能です。cycleは通常のループでアニメーションの最初から最後まで到達すると、最初に戻って最後まで、永遠と繰り返します。pingpongに設定すると、ピンポン再生となり、numKeyframesで設定したキーフレームの間をリバース再生し続けます。左から右に移動した後は右から左に跳ね返ってきて、また左から右、とそれを繰り返します。offsetは、numKeyframesで設定したキーフレーム間をさかのぼり、さかのぼった箇所からループします。以下のように、1秒ごとに前回の移動距離にプラス100pxで移動するアニメーションを作成したとします。1番目と2番目のキーは100px右に移動、2番目と3番目のキーは200px右に移動、3番目と4番目のキーは300px右に移動、4番目と5番目のキーは400px右に移動、という場合です。3)と設定すると、最後のキーフレームから数えて、3キーフレーム間前からのアニメーションをループします。3キーフレーム間前というのはこの場合、2番目と3番目のキーの間のことになるため、最後のキーフレームに到達した後、2番目と3番目のキーの間で設定した値(この場合200px)のところからループ再生します。continueは、そのまんまですが「継続」となり、最後の運動をそのまま継続します。1秒で100px右に移動、というアニメーション「だけ」を作成した場合は、2秒目には元の場所から200px右に、3秒目には元の場所から300px右に移動している、というループになります。1番目と2番目のキーは100px右に移動、2番目と3番目のキーは200px右に移動、3番目と4番目のキーは300px右に移動、4番目と5番目のキーは400px右に移動、という場合は、最後の400px右に移動、という箇所だけ未来に継続(以降は1秒ごとに400px右に移動し続ける)します。このcontinueは、今行ったことを未来に継続するため、numKeyframesは設定せずに、エクスプレッションにはloopOut(“continue”)とだけ書きます。コンポジション、ビデオ、アニメ、サウンドのループコンポジションや、自身がデュレーションを持っているビデオ、アニメ、サウンドなどは、これらにタイムリマップを設定し、タイムリマップのキーをループするよう、loopOutのエクスプレッションを設定します。loopOutのエクスプレッションを設定した後、レイヤーデュレーションバーをコンポジションのデュレーションいっぱいまで延長しておかないとloopOutを設定してもコンポジションに表示されませんので、loopOut設定後は必ずレイヤーデュレーションバーを延長しておくようにしましょう。book」共々、今後ともよろしくお願い致します。2020から「シェイプの高速化」をご紹介します。Productions。現在取り組んでいるゲームエンジン、新規IPタイトル、今年に入ってから力を...2019/11/27エンジニアTIPSpythonが学べるおすすめのプログラミングスクール1...Pythonを学べるスクールは各地に様々な形態であり、目的のレベルに応じた学習コースを用意しています。「モバイルファースト」に至るまでをモバイル端末の遷移と...ここ最近「モバイルファースト」でのコーディングをすることが多くなりました。「UIターンで手に入れた素晴らしい環境」株式会社スクウ...前編に続き、スクウェア・エニックス大阪支社で活躍する開発スタッフにインタビュー。編集長・林さんがサラ...誰も傷つかないスカッとした楽しさを提供し続ける大人気メディア「デイリーポータルZ」の編集長林雄司氏のキャリアに迫る。2019/6/27全ての業界キャリア企業研究の目的は?転職活動を成功に導く企業研究のポイン...就職活動を成功させるために、「企業研究」は非常に重要です。Creatorとはクリエイティブ業界に関わる全ての人に届ける情報メディアサイトです。クリエイティブ業界に特化した「イマジカデジタルスケープ」が運営するサービスです。Tips/ノウハウ、キャリアに関する情報/最前線で働く方へのインタビュー記事など、クリエイターの毎日に役立つコンテンツをお届けしていきます。運営元お問い合わせご利用にあたってプライバシーポリシーサイトマップ。