PowerDirector 上級者編

PowerDirectorでアニメーションを付ける方法3選【キーフレームも解説】

2022年10月24日

※アフィリエイト広告を利用しています

PowerDirectorでアニメーション効果を付ける方法を教えてください。

ぺんくん
ぺんくん

このような声にお応えして参考となる記事をご用意しました。

こちらの記事ではPC版動画編集ソフトPowerDirector(パワーディレクター)で

動画や画像、タイトルなどにアニメーション効果を付ける方法

について解説します。

記事の内容を見ていただくだけでアニメーションが簡単に設定でき、素敵な動画が完成しますよ。

私はパソコン歴25年以上+動画編集歴10年以上。

これまでに30種類以上の動画編集ソフトや動画変換ソフトを使ってきました。

PowerDirectorは初心者に使いやすい動画編集ソフトなので、アニメーションの使い方も比較的簡単です。

しかし、設定や基本的な使い方が分かりにくい部分もあるのでぜひ参考にしてくださいね。

PowerDirectorは無料版でもアニメーション機能の体験ができます。

気になる人は無料体験版をダウンロードして使ってみましょう。

おかくん
おかくん

この記事で分かること

  1. テキストやタイトルなどの文字にアニメーションを加える方法
  2. キーフレームを使って文字などにアニメーションを加える方法
  3. 矢印や吹き出しなどの図形を動かす方法 など

PowerDirectorの超基本テクニックをPDFファイル25ページにまとめました。

PowerDirector完全初心者が一つの動画を完成させるまでの流れを解説しています。

期間限定で無料配布していますので、この機会にぜひ手に取ってみてください。

PowerDirectorプレゼントバナー

これからPowerDirectorを購入される方には、こちらのサイト経由限定で安く購入できるクーポンコードも配布しています。

おかくん
おかくん

クーポンコードは「SOHO2024

黄色い部分をコピーしたら以下の赤いボタンから公式サイトに入り、購入画面のコード入力欄に貼り付けると10%OFFで購入できます。

おかくん
おかくん

\只今キャンペーン中/

PowerDirectorの公式サイトはこちら

30日間全額返金保証付

快適な動画編集にはマウスコンピューターのノートパソコンがおすすめです。

\DAIVシリーズがおすすめ!/

マウスコンピューターの公式サイトはこちら

※セール開催中!

マウスコンピューターについては以下の記事で詳しく解説していますのでご覧下さい。

【壊れやすい?】マウスコンピューターの評判は?最悪ってホント?

PowerDirectorで編集できるアニメーションの動きについて

PowerDirectorの動画編集では下記のアニメーション効果を付けられます。

  1. タイトルやテキスト、テロップなどの文字にアニメーション効果を付けて動かす
  2. 矢印や吹き出しなどの図形にアニメーション効果を付けて動かす

⇧「拡大」「位置」「回転」のアニメーションでタイトルを動かしています。

⇧矢印などの図形を動かすことができます。

PowerDirectorで文字やタイトル・テキストにアニメーションを付ける方法3選

PowerDirectorで文字やタイトル・テキスト・テロップなどにアニメーションを付ける方法は下記の3つがあります。

文字だけでなく、動画や画像にも適用できます。

以下で順番に解説します。

おかくん
おかくん

⇩タイムラインに動画を挿入するなど、PowerDirectorの基本的な使い方は以下の記事で詳しく解説していますので必要な方は先にご覧下さい。

PowerDirector365の使い方5ステップ【初心者向け・無料版も同じ】

①アニメーション機能を使って文字に動きを付ける

「アニメーション機能」を使うと、あらかじめ登録された動きをタイトルやテキストに付加できます。

アニメーションを選択する
  1. タイムライン上のトラックに追加した①のタイトル素材をダブルクリックする
  2. ②の「アニメーション」を選択すると、アニメーション一覧が表示される
  3. 気に入った動き(今回は③)をダブルクリックするとタイトルに適用される

開始時の動きと終了時の動きと両方付けることができます。

おかくん
おかくん

⇧このように、簡単にアニメーション効果をつけられます。

好きなアニメーションを選ぶだけなので、初心者におすすめです。

おかくん
おかくん

②モーション機能を使って文字にアニメーションを付ける

モーション機能は、あらかじめキーフレームが登録された動きを選択するだけで使える機能です。

キーフレームとは、数フレームおきに物体の形や位置の変化ポイント(キー)を指定し、その間を補完して動画を作成するアニメーションの技術のことを言います。

A地点からB地点にキーフレームを設定することで、その間だけに拡大縮小や回転などの変化を加えることが可能です。

モーション機能を使えば「キーフレーム」を知らなくても簡単に動きを付けれれます。

モーション機能を選択する
  1. タイムライン上のトラックに追加した①のタイトル素材をダブルクリックする
  2. ②の「モーション」を選択すると、モーション一覧が表示される
  3. 気に入った動き(今回は③)をダブルクリックするとタイトルに適用される

モーションは動画や映像にも適用できます。

おかくん
おかくん

⇧モーション機能を活用して、タイムマシンの演出を作ってみました。

キーフレームの知識が無くても使えるので楽チンです。

おかくん
おかくん

PowerDirectorのキーフレームに関しては下記の記事で詳しく説明しています。

PowerDirectorのキーフレーム便利な使い方ベスト5【最新版】

PowerDirectorのキーフレームで文字やタイトル・テキストにアニメーションを付ける方法

ここからはキーフレームを使ってアニメーション効果を付けるポイントを解説します。キーフレームを使うと

  • 文字やテキスト、タイトルクリップ
  • 図形や吹き出しクリップ
  • 画像クリップ
  • 動画クリップ

など、あらゆる素材に対して下記の動きを付けることができます。

  • 拡大縮小
  • 位置の変更
  • 回転
  • 不透明度

キーフレームを使うことであらゆる動きが可能になります。

おかくん
おかくん

⇧キーフレーム「拡大」「位置」「回転」機能を使ってアニメーション効果を付けています。

以下で詳しいやり方を解説します。

おかくん
おかくん
タイトルやテキストを拡大縮小しよう
キーフレームを使ってタイトルやテキストの文字を拡大縮小させる方法です。

タイトルをタイムラインに配置する

タイトルをタイムラインに配置する
  1. ①の「タイトルルーム」から②の好きなタイトルを選択する
  2. ③のタイムラインにドラッグ&ドロップで配置する

配置したタイトルをダブルクリックして「タイトルデザイナー」を開きましょう。

「ツール」からでも起動できます。

おかくん
おかくん

拡大・縮小のキーフレームを表示する

タイトルデザイナーで編集する
  1. ①の文字を入力したら②を下にスライドする
  2. ③に表示された「拡大・縮小」のキーフレームを使います

1番目のキーフレームを追加する

キーフレームはプレビュー右下の範囲で設定します。

拡大縮小の欄にキーフレームを追加する
  1. ①の拡大縮小の欄にキーフレームを追加していく
  2. ②の追加ボタンを押すと青矢印のように、対応したキーフレーム(赤いダイヤマーク)が追加される

最初は拡大縮小しないのでキーフレームを追加するだけです。

おかくん
おかくん

2番目のキーフレームを追加して拡大する

2番目のキーフレームを追加する
  1. ①のカーソルをスライドさせ所定の位置(今回は②の1秒後)に移動
  2. ③の追加ボタンを押すと④にキーフレームが追加される。
  3. ⑤をスライドすることで拡大縮小する。(今回は1.7倍に設定しました。)

1秒後にタイトルを現在の1.7倍拡大する設定がこれで完了しました。

おかくん
おかくん

3番目のキーフレームを追加して元の大きさに設定する

3番目のキーフレームを追加する
  1. 同じように④の場所(今回は2秒後)にもキーフレームを追加する
  2. ⑤の大きさは1倍(元の大きさと同じ)に設定しました

2秒後は元の大きさになるように設定しました。

おかくん
おかくん

4番目以降のキーフレームを追加する

⇧前述の操作を繰り返して大きさが交互になるようにキーフレームを追加します。

別の操作方法

別の操作方法
  1. 大きさは①を直接ドラッグ&ドロップで操作しても変更できる
  2. ②のボタンでもキーフレームの追加ができる

完成したら「再生ボタン」で確認して「OK」で確定。

おかくん
おかくん

⇧このような感じになります。

タイトルやテキストの位置を変えよう
キーフレームを使ってタイトルやテキストの位置を変更させる方法を解説します。

最初の位置キーフレームを追加する

最初の位置キーフレームを追加する

⇧今度は①の欄に②の追加ボタンを使って、キーフレームを追加していきます。

とりあえず最初の場所(青矢印)にキーフレームを追加しましょう。

おかくん
おかくん

2番目の位置キーフレームを追加する

2番目の位置キーフレームを追加する
  1. ①のカーソルを移動し(今回は②の1秒後)③で追加する
  2. ④に位置キーフレームが表示されます

自分がタイトルを移動したい場所(今回は⑤の位置)に移動させます。

おかくん
おかくん

3番目の位置キーフレームを追加する

3番目の位置キーフレームを追加

⇧前述と同じように追加して⑤の位置にタイトルを移動する。

慣れてきたらプレビュー画面のタイトルを移動するだけでキーフレームが自動的に追加されます。

おかくん
おかくん

位置キーフレームを繰り返し追加する

位置キーフレームを追加完了

⇧前述の操作を繰り返し、位置キーフレームを最後まで追加する。

完了したら「再生ボタン」で確認し、「OK」で確定。

おかくん
おかくん

⇧このような感じになりました。

タイトルやテキストを回転させよう
キーフレームを使ってタイトルやテキストを回転させる方法を説明します。

最初の回転キーフレームを追加する

最初の回転キーフレームを追加する
  1. ①の回転キーフレーム欄を使う
  2. ②でキーフレームを追加し、③に回転度数を入力する

2番目の回転キーフレームを追加する

2番目のキーフレームを追加する
  1. ①のカーソルを移動し(今回は②の5秒後)③の追加ボタンで④に回転のキーフレームを追加する
  2. ⑤に回転角度を入力する(今回の場合は頭から④までの間にどれだけ回転させるかを入力)
  • 360だと1回転
  • 720だと2回転

今回は720を入力して④までに2回転させます。

おかくん
おかくん

3番目の回転キーフレームを追加する

3番目のキーフレームを追加する

⇧最後に①に回転キーフレームを追加して②に0を入力します。

真ん中から①までの間に2回転逆回りさせます。

おかくん
おかくん

⇧このような感じになりました。

回転項目のイーズイン・イーズアウトにチェックを入れると緩急が付くので面白いです。

おかくん
おかくん

⇧イーズイン(徐々に加速)とイーズアウト(徐々に減速)を組み合わせた例。

⇩PowerDirectorのキーフレームについては下記の記事で詳しく解説しています。

PowerDirectorのキーフレーム便利な使い方ベスト5【最新版】

PowerDirectorのキーフレーム機能で矢印や吹き出しなどの図形を動かす方法

ここではキーフレーム機能で矢印などの図形を動かす方法を解説します。

⇧キーフレームを応用することで、緑色や白色の吹き出しをLINE風に動かしています。

ここではキーフレームで矢印を右に動かす簡単なアニメーション設定を説明します。

⇩矢印などの図形を作成して挿入する方法を知りたい人は先に下記の記事を見ていただくとスムーズです。

PowerDirectorで図形を挿入する5つの方法

シェイプデザイナーを開いてキーフレームを追加する
  1. ①に追加した矢印をダブルクリックして「シェイプデザイナー」を開く
  2. ②の「キーフレーム」を選択し、③の位置追加ボタンを押すと冒頭④にキーフレームが追加される
  3. ⑤のカーソルを末尾に移動する
  1. ①の「位置追加ボタン」を選択すると②にキーフレームが追加される
  2. 矢印を③の方向へ移動する

これで矢印を右に動かすキーフレームが完成しました。

おかくん
おかくん

⇧ちゃんと動くか確認しましょう。

PowerDirectorで使えるアニメーション効果【エフェクトその他】

PowerDirectorでは他にも下記の方法でアニメーション効果を付けることが可能です。参考までに紹介します。

⇧各項目をタップすると、それぞれの詳細に飛びます。

以下で順番に解説します。

おかくん
おかくん

①オープニング動画ルームを使う

PowerDirectorUltra以上を購入するとオープニング動画というテンプレート機能が使えます。オープニング動画は

  • プロが製作した10秒前後の動画
  • 様々なアニメーションに対応した素材が組み合わさっている
  • 主にオープニング用だが他の用途にも使える
  • 気に入った動画をタイムラインに設置するだけ
  • 動画と音楽がマッチしているので初心者でも高いレベルに仕上がる

というメリットがあります。

⇧オープニング動画の見本。

特にPowerDirector365を契約すると7000種類以上のオープニング動画から選択できます。

おかくん
おかくん

オープニング動画を選択しタイムラインに配置する

オープニング動画を選択してタイムラインに配置する
  1. ⇧①の「オープニング動画」を選択する
  2. ②からジャンルを選ぶと③に表示される
  3. 気に入った動画をドラッグ&ドロップで④のタイムライン上のトラックに配置する

⑤を選択するとオープニング動画を細かく編集できます。

おかくん
おかくん

テンプレートのテキストを編集する

テキストを編集する

⇧①の「テキスト」を選択すると②が表示されるので細かい装飾ができます。

設定が完了したら「タイムラインに追加」で確定。

おかくん
おかくん

オープニング動画の編集

オープニング動画の編集
  1. ①の項目からはテキストを追加したりBGMを差し替えたり細かい編集ができる
  2. ②を選択するとお気に入りに追加できます

編集が完了したら④で確定です。

おかくん
おかくん

②ビデオオーバーレイルームを使う

ビデオオーバーレイルームではおしゃれなオブジェクト素材が使えます。

タイトルやテキストを編集することはできませんが、自分の使い方とマッチしたものがあれば活用できます。

⇩ジャンル「オンラインショッピング」の中にあるBIGセール。

おかくん
おかくん

⇧テキストは決まったものなので文字の編集はできません。

ビデオオーバーレイルームの使い方

ビデオオーバーレイルームから素材を選択してタイムラインに配置
  1. ①の「ビデオオーバーレイルーム」を選び、②から好きなジャンルを選ぶ
  2. ③に素材が表示されるので、好きな素材をドラッグ&ドロップでタイムライン上のトラックに配置する

このように、「ビデオオーバーレイルーム」では簡単にエフェクト効果付きテキストを選択できます。

おかくん
おかくん

ビデオオーバーレイルーム内のタイトル素材

吹き出し

⇧アニメーション効果はありませんが、吹き出しタイトルも作ることができます。

③パーティクルルームを使う

パーティクルルームにはタイトル用のアニメーションはありませんが、タイトルなどと組み合わせることで効果を発揮します。

下記のようなアニメーションが1000種類以上あります。

おかくん
おかくん

⇧「ビデオオーバーレイルーム」の素材と組み合わせています。エフェクト効果があります。

パーティクルルームの使い方

パーティクルルームから素材を選択
  1. ①の「パーティクルルーム」から②のジャンルを選択する
  2. ③に素材が表示されるので④にドラッグ&ドロップで配置する

PowerDirectorのアニメーションでよくある質問と解決法5選

質問の画像

PowerDirectorでアニメーション効果を付ける際によくある質問と解決法は以下の5つです。

皆様から特に多い質問を取り上げました。

以下で順番に詳しく解説します。

おかくん
おかくん

①かっこいいタイトルを付けるには?

かっこいいタイトルを1から作るのは大変です。

PowerDirectorのモーショングラフィックを活用すると、簡単にアニメーション効果があるタイトルが作成可能です。

⇧タイトルルームの中の「モーショングラフィック」を選択すると、上記のようなアニメーション付きタイトルを使える。

誰でも簡単に使えます。

おかくん
おかくん

モーショングラフィックをタイムラインに配置する

モーショングラフィックをタイムラインに配置する
  1. ①の「タイトルルーム」を選び、②の「モーショングラフィック」を選択
  2. ③から好きなタイトルを選択し、ドラッグ&ドロップで④のタイムライン上のトラックに配置する

タイムラインに配置したタイトルをダブルクリックして「タイトルデザイナー」を開きましょう。

おかくん
おかくん

タイトルルームで編集する

タイトルデザイナーで編集する

⇧左側の項目でタイトルの字体や大きさを編集できる。

モーショングラフィックの素材だけでも30種類あります。

おかくん
おかくん

⇧他にも「吹き出しタイトル」など、かっこいいアニメーションタイトルはたくさんあります。

②ワイプを活用した2画面や2つの動画を作るには?

下記のように、タイムラインに動画を並べることで、2画面同時再生ができます。(分割表示)

  1. タイムラインに動画を2つ並べる。(下側の動画が優先される。上側が背景になる。)
  2. 下側の動画をプレビュー上でドラッグ&ドロップして画面サイズを小さくする。
  3. 右下に配置すれば完成。

ピクチャーインピクチャーといいます。

おかくん
おかくん

⇩動画を複数重ねる方法や分割表示に関しては、下記の記事で詳しく解説しています。

PowerDirectorで動画や画像を挿入して重ねる方法全6選

③動画のつなぎ目にアニメーションを入れるには?

動画のつなぎ目にアニメーションを入れるにはトランジションルームを活用することをおすすめします。

つなぎ目にトランジションエフェクトを挟むことで、場面切替が自然になります。

⇩トランジションについては下記の記事で詳しく説明しています。

PowerDirectorでトランジションを追加する方法2選【使い方】

④アニメーション速度を変更するには?

タイトル素材に付けたアニメーション速度は下記の操作で変更できます。

アニメーション時間の設定

⇧下部のバーを調整することで「アニメーション」の時間を調整できます。

モーショングラフィックスなどのタイトルは、所要時間を短くすることで早くできます。

⇧こちらのタイトルアニメーションの時間を半分にしてみます。

タイトルの時間を短縮する

⇧タイトルをドラッグ&ドロップで時間を半分にします。

⇧時間を半分に短くした分、アニメーション速度が早くなりました。

⑤アニメーションを削除するには?

アニメーションを設定した素材からアニメーションを削除する方法は以下の通りです。

アニメーションを削除する

⇧エフェクト無しを選択すると、設定したアニメーションが削除されます。

PowerDirectorでアニメーションを付ける方法をマスターしよう

動画編集する男性

以上、PowerDirectorでアニメーションを付ける方法や作り方について解説しました。

再度確認です。

  • アニメーション機能やモーション機能を使うと簡単操作で素材に動きを付けられる
  • キーフレームは最初は慣れが必要だが、アニメーション効果を自由自在に付けることができる
  • オープニング動画ルームやタイトルルームの中にアニメーション効果がついた素材がある

早速、PowerDirectorでアニメーション効果を付ける方法を習得して素敵な動画を作りましょう。

PowerDirectorの超基本テクニックをPDFファイル25ページにまとめました。

PowerDirector完全初心者が一つの動画を完成させるまでの流れを解説しています。

期間限定で無料配布していますので、この機会にぜひ手に取ってみてください。

PowerDirectorプレゼントバナー

これからPowerDirectorを購入される方には、こちらのサイト経由限定で安く購入できるクーポンコードも配布しています。

おかくん
おかくん

クーポンコードは「SOHO2024

黄色い部分をコピーしたら以下の赤いボタンから公式サイトに入り、購入画面のコード入力欄に貼り付けると10%OFFで購入できます。

おかくん
おかくん

\只今キャンペーン中/

PowerDirectorの公式サイトはこちら

30日間全額返金保証付

動画編集の作業を時短するなら左手コントローラーなどのアクセサリーがおすすめです。

⇩以下の記事にまとめましたので参考にしてください。

こちらもCHECK

【超快適!】動画編集のグッズ・アイテム・機材おすすめ7選のサムネイル
【超快適!】動画編集のグッズ・アイテム・機材おすすめ7選

快適な動画編集を求めるあなたへ。当記事では動画編集のグッズやアイテムを解説しています。記事の内容を見ていただくだけで快適な動画編集環境ができますよ。どうぞご覧下さい。

続きを見る

⇩動画編集で副業を始めるなら動画編集スクール「デジハク」がおすすめです。

こちらもCHECK

デジハク評判のサムネイル
デジハクの評判や口コミは?動画編集講座の受講体験談を交えて解説!

デジハクが気になるあなたへ。当記事ではデジハクの評判や口コミについて解説しています。記事の内容を見ていただくだけで安心してデジハクの無料相談会に参加できますよ。どうぞご覧下さい。

続きを見る

実際に受講して半年で月10万円を達成しました。

完全初心者が稼ぐまでの道のりを時短できます。

無料説明会はいつでも開催されているので興味ある方はぜひご覧ください。

おかくん
おかくん

動画編集の副業の始め方は以下でも解説しています。

こちらもCHECK

動画編集副業の始め方3ステップ【初案件獲得までのロードマップ】
動画編集副業の始め方3ステップ【初案件獲得までのロードマップ】

動画編集の副業を始めたいあなたへ。当記事では副業で動画編集を始める方法を紹介しています。記事の内容を見ていただくだけで月5万円~10万円の副業収入が実現できるステップが分かりますよ。どうぞご覧下さい。

続きを見る

\ よかったらシェアしてね/