シェイプの「ジグザグ」で波線を作成する

シェイプ, ジグザク, 波形ワープ, valueAtTime, 破線

シェイプツールのプロパティのみで制作

  • 新規コンポジション作成。新規平面作成。
  • ペンツール(ショートカット「G」)で直線のシェイプを引く。

  • [追加]メニューで「ジグザク」を追加。プロパティの「サイズ」で調整

  • [ジグザグ]の[ポイント]を「滑らか」に変更。

あとは、[セグメントごとの折り返し]数を調整すればよい。

アニメーション

  • [追加]メニューより「パスのトリミング」を追加。
  • [開始点][終了点][オフセット]でアニメーションが作成できる。

<例>

  1. 背面レイヤーのシェイプ波線は、シェイプのプロパティで[破線]にチェック。
  2. 前面のレイヤーの波線は、まず[終了点]のアニメーションをつける(0%→100%)
  3. 次に[開始点]にエクスプレッションを追加して、ピックウィップで[終了点]をターゲットにしたのちに「valueAtTime(time-0.75)」と、開始点が終了点より0.75秒遅れた数値となるように設定した。エクスプレションフィールドには以下のように記述されることになる。

content(“パスのトリミング 1”).end.valueAtTime(time-0.75)

valueAtTimeメソッドについてはこちらを参考に→http://motiondesign81.com/valuemethod/

以下にプロジェクトファイルを置いておきます。

https://drive.google.com/file/d/1UJuAU3vywQGErTZOmqQNu4JEoFZ3YQWQ/view?usp=sharing

*****************

それ以外にも、波線(Sin波)を作成するには

シェイプに「波形ワープ」エフェクト(エフェクト>ディストーション>波形ワープ Wave Warp)を適用するとよい。より多くのプロパティがある。