本文へ移動
cinemaOS 無料トライアルを始める

重ねたデザインから順番に動く映像を作る

タイトルと写真にそれぞれPositionのキーを打ち、Motion TimingのStagger Layersを0.5秒にして、2つ目の動きが0.5秒遅れて始まるようにします。

55 秒

クリックの流れ

  1. Video Composition
  2. Positionのキーフレーム
  3. 両方のレイヤーを選択
  4. Motion Timing
  5. Stagger Layers
  6. 0.5秒ずらす

すべてのレイヤーが同時に動くと、どこから見ればいいのか分からなくなります。Stagger Layersは、選んだレイヤーのキーをずらし、動きが順番に続くようにします。このチュートリアルでは、タイトルと写真の動きを0.5秒ずらします。

手順

  1. 両方のレイヤーを動かす。 Video Compositionで、タイトルと写真にそれぞれPositionのキーフレームを打ちます。
  2. 時間差をつける。 アニメーションさせた2つのレイヤーを選びます。右クリックしてMotion Timing、Stagger Layersを選び、0.5秒を指定します。
  3. キーを確認する。 タイムラインで最初のレイヤーのキーはそのままです。次のレイヤーのキーが0.5秒後ろにずれます。
  4. 再生する。 コンポジションをもう一度再生し、2つの動きが分かれるのを確認します。最後のキーのあとに、読みやすい静止の時間を十分に残します。
  5. 編集できるまま残す。 Stagger Layersが動かすのはアニメーションのキーだけで、レイヤーのバーの長さは変わりません。あとでタイミングを変えられるように、プロジェクトを保存します。

補足

  • 動画のナレーションと字幕は英語です。
  • プロジェクトでは、どちらのレイヤーも最初は0秒と2秒にキーがあります。時間差をつけたあと、写真のキーは0.5秒と2.5秒に移り、タイトルのキーは0秒と2秒のままです。
  • コンポジションの長さは6秒です。
  • 写真は、Momentum Studiosが所有するTUSSENINのデモプロジェクトで生成した素材です。

映像素材:Original generated photographic assets, Momentum Studios. このチュートリアルのために cinemaOS で編集しました。