Step Circle
階段状の円形トランジション
分割した円形と普通の円形を重ねて拡大させながらトランジションさせます。 エレメントでよく使われる×印が特徴的な表現です。
作成方法
After Effectsで作成する場合の作成方法 １.線のみの正円のシェイプを作成。この時円の中が隠れるくらいの太さにする ２.シェイプを複製して前のものより大きな円にする ３.コンポジションいっぱいまで続ける ４.全てヌルに紐づけて回転させるアニメーションをつける ５.プリコンポーズする ６.プリコンポーズしたコンポジションに塗りを適用し好きな色に変更する ７.コンポジションを複製し塗りを他の色に変更しずらす ８.最後のコンポジションの描画モードを{シルエットアルファ}に変更 ９.全てプリコンポーズして完成
After Effects用スクリプトについて
トランジション周期表は、チュートリアルサイトとして作成していますが、さらにトランジション業務を効率化するためにAdobe After Effects用のスクリプトを用意しています。
スクリプトの詳細は下記よりご確認いただけます。