編集テクニック

動画編集で、背景をスクロールしてループさせる方法・やり方 / PowerDirectorのキーフレームで実現

ケロケロ
ケロケロ
こんにちは! ケロケロです(@kerokero_DIY)

動画編集で、こんなコトに悩んでいませんか?

アニメのような動画を作りたいけど… 背景をどうやってスクロールしたらイイんだろう?

アニメやゲームに ありがちな、[ループ背景]です。

例えば… 下の動画をご覧あれ。

私が 遊び心100%で、ドラゴンボールのバトルを再現した動画です。

背景がスクロールし続けています。

フリー動画など使えないかな… と思って探しても見つからず、アレコレ考えて自分で作ってみました。

動画編集ソフトは、PowerDirector を使いました。

この記事では、このループ背景の作り方をまとめます。

ぜひ参考にしてみてね。

はじめに。この記事で使用している、動画編集ソフト

私が愛用している動画編集ソフトは、PowerDirectorです。

created by Rinker
サイバーリンク
¥17,255
(2020/09/24 20:44:10時点 Amazon調べ-詳細)

この記事では、PowerDirectorをベースにまとめております。

動画編集ソフト購入に失敗したくないなら… PowerDirector 一択! 簡単に使えてオススメ   動画編集ソフトって… 高いよね… そう… だから、買ってから失敗したくないわけです。   今回は、そんな悩みを持つアナタに、「絶対...

もし… 初めて動画編集をやるなら、こちらの記事をどうぞ!

初めて動画を編集するやり方。必ず知っておくべき 2つのコト。タイムライン・レイヤー 動画の編集をやってみたいけど… 難しそうだなぁ… と思っている そこのキミ! 今回の記事は、そんなキミの悩み...

左右のつなぎ目に違和感のない画像を探す

[ループ背景]というと難しく聞こえますが、実際は1枚の画像をつなげてスクロールしているだけです。

つまり… 1枚の画像を並べても、つなぎ目に違和感のない画像を探す必要があります。

[ループ背景]用の画像は見つかりませんでしたが、違和感の少ない画像は見つけることができました。

いらすとや

いらすとやさんの画像になります。ありがたや。

左右でつなげみると… … 雲がズレてるなど、若干の違和感はありますが、問題ナッシングです。

雲がズレてる

この画像を使って、ループ背景を作ります。

キーフレームを使って、背景をスクロールさせる

キーフレームを使うと、静止画を自分の好きなように動かせます。

今回は、キーフレームを使って、背景を左へスクロールさせます。

PowerDirectorに背景画像を読み込んだら、[デザイナー] – [PiPデザイナー]を開きます。

画像の読み込み

今回は、画像を左へ動かしていく… つまり、時間の経過とともに位置が変わります。

[位置]の項目で、キーフレームを設定していきます。

位置のキーフレーム

キーフレームの始点と終点を設定

まずは、キーフレームの始点を設定します。

キーフレームの始点を設定

少し見にくいですが、下の[位置]の項目に[オレンジのひし形アイコン]が確認できます。

これがキーフレームです。

続いて、キーフレームの終点を設定します。

キーフレームの終点

画像の表示が終わるタイミングで、キーフレームの終点を設定し、画像を左画面外に置きます。

すると、時間の経過とともに、左へスクロールしていきます。

だがしかし!

この状態では、背景がスクロールした部分が真っ黒になってしまいます。

…なので、スクロールした画像の後ろを付いていくように、もう一枚背景を追加します。

2枚目の画像で、1枚目の画像を追いかける

1枚目の背景画像と同じタイミングへ、2枚目の画像を追加します。

画像の追加

1枚目と同じように[PiPデザイナー]を開いて、キーフレームを設定していきます。

まずは、キーフレームの始点を設定します。

現時点では、画面上に表示されているのは1枚目の背景画像です。

2枚目の背景画像は、右の画面外に配置します。

続いて、キーフレームの終点を設定します。

キーフレームの終点

2枚目の画像が、1枚目を置いかける形で、画面に表示されます。

2枚目の画像は、少しだけ1枚目と重なるように配置してください。

ピッタリくっつけてしまうと、動画再生中に、つなぎ目に細い縦線が見えることがあります。

1枚目と2枚目背景をコピーして、ループ背景の完成

後は、1枚目と2枚目の組み合わせをコピーすれば、ループ背景の完成です。動画の長さはお好みで。

…とうわけで今回は、ループ背景を作る方法をまとめました。

ループ背景用の画像キーフレームを使えば、冒頭の動画のような背景も作れます。

キーフレームに対応していない動画編集ソフトも多いですが、PowerDirectorならキーフレームが使えます。

created by Rinker
サイバーリンク
¥17,255
(2020/09/24 20:44:10時点 Amazon調べ-詳細)

有料ソフトなので購入資金は必要ですが… メタクソ便利なので、元はとれます。私も愛用してます。

30日間の無料試用期間もあります。お試しあれ!

ケロケロ
ケロケロ
おしまい
ABOUT ME
ケロケロ
ケロケロ
動画編集が楽しいので、情報をまとめてブログにしました。 これから動画を始めたいなら、ぜひ読んでみてね。 オススメの動画編集ソフトは、PowerDirectorだよ。
動画編集ソフトなら PowerDirector 一択!
  • 直感的で使いやすい編集画面
  • 数百種類のテンプレート
  • 無料の追加テンプレート
  • YouTubeのアップロードまでオールインワン
  • モリサワフォント10種類同梱

 

私も動画編集で PowerDirector を使ってますが… 最高です!