PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る

このページにはアフィリエイト広告が含まれています。
PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る アイキャッチ

Youtubeを見ていると、みんな凝ったエフェクトやアニメーションを使っていますね。

そんなときに欠かせないのが、キーフレームという機能です。

キーフレームを使うと、画像やテキスト、エフェクトの「位置」「大きさ」「透明度」などを時間の経過に合わせて変化させることができ、同じ素材でも印象がガラッと変わります。

この記事では、PowerDirectorのキーフレームの基本的な操作方法を解説していきます。

私がPowerDirectorをおすすめする理由

「コスパ」という観点で見て、PowerDirectorは一人副業をする方に十分おすすめできるソフトです。

高度なプロ向け機能では他ソフトに劣る場面もありますが、月額費用とできることのバランスが良く、個人で広告動画やYouTube配信を行いたい方には、現実的で使いやすい選択肢だといえます。

この記事では、そんなPowerDirectorを使う皆さんの学習コストを少しでも下げるお手伝いができれば幸いです。

サイバーリンク公式オンラインストア

本記事で紹介している画面や操作方法は、記事執筆時点のPowerDirectorのバージョンに基づいています。今後のアップデートにより画面構成や機能が変更される場合がありますので、現在のバージョンに合わせて適宜読み替えてご活用ください。

目次

キーフレームとは?

キーフレームとは

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る キーフレームとは
アイコンを押すと出てくるキーフレーム操作設定画面

キーフレームとは、映像や画像、テキストなどに「時間ごとの変化」を与えるための基準点のことです。

2つ以上のキーフレームを設定すると、その間を自動的に補間して、位置や大きさ、透明度などが滑らかに変化します。つまり、静止した素材に“動き”を与える仕組みです。

PowerDirectorでは、キーフレームを使うことで次のような演出が可能です。

  • 写真をズームイン・ズームアウトさせる
  • テキストをフェードインさせる
  • 映像全体をパン移動させる

一見むずかしそうですが、操作自体はシンプル。最初と最後の状態を指定するだけで、自然なアニメーションを作ることができます。

けん

テンプレートに頼らず、自分だけの映像表現ができるようになります!

PowerDirectorでのキーフレームの基本操作

キーフレームの手順

キーフレームの基本は、以下の4点を行うことです。

  1. 素材(画像・動画)を選ぶ
  2. キーフレーム画面を開く
  3. 始点の数値を変える
  4. 終点の数値を変える

例えば具体的な手順は次のとおりです。

◎キーフレームの具体的なやり方

STEP
タイムライン上の素材を選択し、キーフレームアイコンをクリック
PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る PowerDirectorでのキーフレームの基本操作01
STEP
キーフレームの設定画面で動かしたい時間(フレーム)に再生ヘッドを合わせる
PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る PowerDirectorでのキーフレームの基本操作02
再生ヘッドは赤線のことです。
STEP
位置・スケール・不透明度など、動かしたいパラメータを選び変更​
PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る PowerDirectorでのキーフレームの基本操作03
今回はクリップの属性内にある「回転」の数値を90°に変更します。

数値を変更することで自動的にキーフレームが打たれます。

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る PowerDirectorでのキーフレームの基本操作04
数値を変更すると90°傾きました
STEP
終わりのフレームにも再生ヘッドを移動し、数値を変更する
PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る PowerDirectorでのキーフレームの基本操作05
開始4秒の位置にヘッドを移動して、また「回転」のキーフレームを180°に変更します。

数値が変更されたら自動的にキーフレームが打たれます。

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る PowerDirectorでのキーフレームの基本操作06
変更値通り180°回転されました

必要に応じてキーフレームを増やしたり、位置を微調整していきましょう。

PowerDirectorのキーフレーム主要パラメータの種類と使い方

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る PowerDirectorのキーフレーム主要パラメータの種類と使い方

キーフレームでよく使うパラメータは「位置・スケール・回転・不透明度」の4つです。

これだけで、PowerDirectorでだいたいの基本アニメーションを作ることができます。

  • 位置(Position):オブジェクトを画面のどこに表示するかを決める項目
    • 左から右、下から上へ動かしたいときは、この位置パラメータにキーフレームを打ちます。
  • スケール(Scale):大きさの変化をつける設定
    • 写真を徐々に拡大して見せる「ズームイン」や、ゆっくり引いていく「ズームアウト」に使います。
  • 回転(Rotation):オブジェクトを傾けたり、くるっと回転させたいときに使う項目
    • ロゴやテキストを少しだけ回すと、動きに表情が出ます。
  • 不透明度(Opacity):フェードイン・フェードアウトを作るための項目
    • 0%に近づけると透明に、100%でくっきり表示。タイトルやテロップの出し入れに便利です。
けん

動画・画像のカラー調整もキーフレームでいじれます。


Power Director キーフレーム操作テクニック

キーフレームの追加・削除

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る キーフレームの追加・削除
このオレンジのボタンを押すと追加削除ができます。

キーフレームの追加・削除は、「再生ヘッドを合わせてアイコンを押す」だけです。

  • 再生ヘッド(赤線)を動かして、ダイヤ形(◆)のボタンをクリックして、新しいキーフレームを追加
  • キーフレーム対応のパラメータ(位置・スケールなど)の数値を変更
  • 不要なキーフレームを消したいときは、そのキーフレームの位置に赤線を移動し(◆)ボタン押下
    • 又は右クリックで「キーフレームの削除」

キーフレームを増やしすぎると動きがガタつきやすくなるので、まずは「始点」と「終点」の2か所から試し、必要に応じて中間ポイントを足していく流れで調整してみてください。

イージングの調整で自然な動きにする

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る イージングの調整で自然な動きにする
最初のキーフレームを選択するとイーズアウト、最後のキーフレームだとイーズアウトが選べます

イージングを調整すると、キーフレームの動きが一気に自然になります。

イージングを使うと、直線的にスーッと動かすだけでなく、「ゆっくり始まって、途中で加速し、最後にまたゆっくり止まる」といった、人の目になじむモーションにできます。

  • リニア(等速)
    • 常に同じスピードで動く、もっともシンプルな動き
  • イーズイン
    • 最初は速く、終わりに向かってゆっくり止まる動き
  • イーズアウト
    • ゆっくり始まり、途中からスピードが上がる動き

同じ位置移動でも、イージングを変えるだけで印象が大きく変わります。

けん

写真のズームなど、よく使う動きから試してみましょう。

ズームイン・ズームアウト

ズームイン・ズームアウトは、PowerDirectorのキーフレームでまず覚えておきたい基本テクニック。

写真や動画を「ゆっくり近寄る」「少しずつ引いていく」だけで、印象がぐっと変わります。

  • タイムラインに写真や動画を配置し、対象クリップを選びます。
  • キーフレームの設定画面を開く
  • クリップの先頭で「スケール(拡大率)」のパラメータを変更
  • ズームさせたい終わりの位置に再生ヘッドを移動し、スケール値を大きくする

加えてイーズイン・アウトもつけると、カメラワークのような自然なズームになりやすくなりますよ。

けん

ズーム速度が速すぎると落ち着かないので、最初はゆっくりめから試してみてください。

パン(移動)&ズーム(拡大)のやり方

複数のキーフレームのパラメータを一緒に動かすこともできます。

PowerDirectorでは、位置パラメータに複数のキーフレームを打つことで、パン・ズームの動きを作っていきます。

  1. タイムラインにクリップを配置し、パンさせたい素材を選びます。
  2. キーフレームアイコンをクリックし、キーフレームの設定画面を開く
  3. 始めたい位置に再生ヘッドを持ってきて、「位置」と「高さ 幅」の2か所の(◆)をクリック
  4. 終わらせたい位置に再生ヘッドを持ってきて「位置」と「高さ 幅」の数値を変更する

このとき、動きが急に変わらないように、キーフレームの間隔をできるだけ一定にすると、自然なパンになります。ズームと組み合わせると、よりダイナミックな追従表現も狙えます。

テキストアニメーションをキーフレームで作る

テキストの場合は、テキストアニメーションで動きを作れるようになります。

出来合いアニメーションでお好みの長さに調整ができるようになります。

  • タイムラインにタイトルを追加しダブルクリックすると、編集画面が表示される
  • アニメーションタブ内で、「開始」「終了」それぞれのアニメーションを選ぶ
  • 「長さ」バーで、それぞれの表示される長さを調整する
  • アニメーションを消したい場合は、「なし」を選択
けん

テキストも動きのある表現につながります。

エフェクトとキーフレームの組み合わせ

エフェクトとキーフレームと組み合わせてさらにプロっぽい画像に近づけます。

やり方の基本は、キーフレームを打った後にエフェクトをクリップに適用するだけです。

  • ぼかし(ブラー):シーンの最初だけ強くかけて、キーフレームで徐々に弱めていく
  • 色補正:特定のタイミングでだけ彩度を上げ、印象的なカットに仕上げる
  • モザイク:対象物の動きに合わせて、位置とサイズをキーフレームで追従させる

時間とともに強さや範囲を変えたりすることで、メリハリのある映像演出にできるようになります。


サイバーリンク公式オンラインストア

Power Director キーフレーム操作を効率化する

コピー&ペーストによる再利用

作ったキーフレームは、コピー&ペーストで再利用できます。

PowerDirectorでは、一度作ったモーションを別のクリップに移せるので、作業時間の短縮と動きの統一感、どちらにも効果的です。

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る コピー&ペーストによる再利用
コピーしたい元クリップを右クリックし、「キーフレームの属性をコピー」をクリック
PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る コピー&ペーストによる再利用
同じ動きを適用したい別のクリップを選択し、「キーフレームの属性を貼り付け」で反映させる

このとき、長さが大きくちがう素材に貼り付けると、動きのスピード感も変わりやすいので注意しましょう。

同じ尺のクリップに使い回すか、必要ならキーフレームの位置を少し調整して、違和感のない動きに整えていくと安心です。

プリセット化とテンプレート活用

よく使うキーフレームの動きはプリセット保存として残しておくと、毎回一からキーフレームを打つ手間を大きく減らせます。

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る プリセット化とテンプレート活用

保存したいキーフレーム属性を右クリックし、プリセットとして保存をクリック。

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る プリセット化とテンプレート活用02

名前を付けてわかりやすいように保存する。

けん

あらためて別プロジェクトでも呼び出す場合は、プリセットの読み込みを選択します。

テキストテンプレートも似たような感じになります。

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る プリセット化とテンプレート活用03

よく使うアニメーションを作成したら、名前を付けて保存。

PowerDirectorのキーフレームについて|アニメーション・テキスト・エフェクトを自在に操る プリセット化とテンプレート活用04

タイトルタブの中にあるカスタムから保存したテキストテンプレートを呼び出せるようになります。

一度ベースとなるプリセットを作ってしまえば、画像・動画にプリセットを読み込むだけなので、仕上げまでの時間がぐっと短くなります。

タイムライン操作のショートカット活用

タイムライン操作のショートカットを覚えると、キーフレーム編集の効率が一気に上がります。

  • タイムラインの拡大縮小をショートカット(Ctrl+マウススクロール)で行う
  • 矢印キーで移動フレームを微調整する

自分の編集スタイルに合うショートカットをいくつか覚えておくだけでも、キーフレーム設定のストレスがぐっと減ります。

けん

一度手に覚えてしまえば、その後の作業スピード違いますよ。

PowerDirectorのデフォルトのショートカットについては別記事で紹介しています。

PowerDirectorキーフレームのよくある質問FAQ

PowerDirectorキーフレームのよくある質問FAQ

キーフレームを設定したのに、再生すると思ったように動いてくれないのはなぜですか?

キーフレームを打ったつもりが削除していたり、十分な数のキーフレームがない、別の場所で上書きされているといった可能性があります。

キーフレームが打たれた場合は、オレンジ色のダイヤアイコンがつくので、まずはキーフレームがちゃんと打たれているか確認してみましょう。

また最初と最後のどちらか片方にしかキーフレームがないと、そこで値が固定されたままになります。

途中で数値を直接いじったのにキーフレームを打ち忘れると、その時点から先だけ急に切り替わったような動きになることもあります。

けん

落ち着いて、キーフレームを打つ→数値を変えるという手順

位置やスケールなど、複数のパラメータに付けたキーフレームを一括でコピーすることはできますか?

PowerDirectorでは、クリップ全体の「キーフレーム属性」をまとめてコピーすることができます。

右クリックメニューなどから「属性をコピー」「キーフレームをコピー」といった項目を選ぶと、そのクリップに設定された位置・スケール・回転・不透明度などの動き一式を、別のクリップに貼り付けられます。

キーフレームで動きを付けたあとに、あとからタイミングだけをまとめて調整する方法はありますか?

基本的なやり方は、「キーフレームの位置をタイムライン上でドラッグしてずらす」ことになります。

キーフレーム編集画面では、横軸が時間になっているので、そこでキーフレームを左右にドラッグすれば、動きの開始タイミングや終わりタイミングを調整できます。

できるだけ数値はいじらず、キーフレームの位置だけ動かすことで、元のモーションを保ったまま、タイミングだけを整えることができます。

PowerDirectorキーフレームを使えば映像表現が劇的に変わります!

PowerDirectorでキーフレームを使いこなせるようになると、同じ素材でも映像の印象が大きく変わります。

  • 位置・スケール・回転・不透明度の4つを中心に、時間ごとに値を変えることで、ズームインやフェードインなど基本のアニメーションが作れる。
  • イージングを使うと、単なる直線的な動きではなく、ゆっくり始まってゆっくり止まる、なめらかなモーションになる。
  • コピー&ペーストやプリセット、テンプレートを活用すれば、一度作った動きを何度も使い回せて、作業効率とデザインの統一感が一気に上がる。

まずはシンプルな動きから試しつつ、自分の定番モーションを少しずつ増やしていきましょう。

「動き」と「表情」を与えられるようになるはずです。

この記事が参考になれば幸いです。

サイバーリンク公式オンラインストア

コメント

コメントする

目次