パワーディレクターの使い方

モーション系【キーフレーム】の操作方法&徹底解説! オブジェクトの拡大/縮小(パン&ズーム)・回転・フェード・移動 ・フリーフォームも自由自在なパワーディレクター

keyframe_キーフレーム_モーション系_操作方法_回転_拡大_縮小_フリーフォーム_位置
ディレクタースイート365-1     パワーディレクター+フォトディレクター

 

パワーディレクターは、【キーフレーム】を設定できる優れた動画編集ソフトです。

キーフレームの設定ができると何が素晴らしいかというと…、静止画1枚でもアニメーションが作れます(*’ω’*)!

女性-3

 

▼例えばこんなの(*’ω’*)!

 

この動画には、動画素材一切含まれていません。

パラパラ漫画のような膨大なフレームも使用していません

 

使われているのは、3枚の静止画像キーフレーム設定のみです(*’ω’*)。

 

使用した素材と設定

【素材】

  • 地図の背景:1枚
  • PNGファイルのアイコン素材:3枚
パワーディレクター_キーフレーム_操作方法_素材イメージ_静止画像1

【キーフレーム設定】

  • 地図マーカー:位置・不透明度
  • フラッグ:不透明度
  • 飛行機:位置・回転・不透明度

 

使い方にちょっとしたコツはありますが、実はそれほど難しくありません。

覚えると表現の幅が莫大に広がりますので、ぜひマスターしてください(*’ω’*)!

 

▼上記素材に、タイトルやエフェクトを少しずつ盛り込むとこうなります。

この動画も、特別なテクニックや素材は使っていません。

【最初の動画から追加した構成要素】

  • 静止画像:4枚
  • パワーディレクターに標準搭載エフェクト
  • パワーディレクターに標準搭載タイトルクリップ
ジーナ
ジーナ
無料ダウンロードでも作れちゃうレベル(*’ω’*)!

 

\お試し版ダウンロードはこちらからどうぞ/パワーディレクター+フォトディレクター\ 無料版をダウンロード /
CyberLink オフィシャルサイト

 

この記事を最後までご覧いただき、実際に操作してみると、すぐにできるようになります(*’ω’*)!

 

▼静止画だと、無料素材も手に入れやすいです。ジーナはODAN愛用しています(*’ω’*)。

best_stck_site_royyalyty_tree_おすすめストックサイト_ロイヤリティフリー
全てが商用利用可 イメージ画像を加工したい人には特におすすめ!超絶使いやすいロイヤリティフリー素材サイトの決定版      webデザインやブログやSNSでは、一瞬で視聴者の心を鷲掴みにしてしまう、かっこいい・かわいい画像が作れると、...

 

Contents

オリジナルアニメーションを可能にする【キーフレーム】と【モーション】について

キーフレームとは

キーフレームとは、基準(キー)になるフレームの事です。

アイコン_地図マーカー

起点・基準にするフレームを指しますから、画像データなら何でもよいということになります(*’ω’*)。

 

では、フレームの何を基準にしているかというと、次のパラメータです。

【キーにしているフレームのパラメータ】

  • 高さ×幅(拡大/縮小)
  • 回転
  • 形(フリーフォーム)
  • 不透明度
  • 位置(x,y座標)
  • …etc

 

パラパラ漫画のような複数のフレームを使わず、画像を動かす方法は、意外とシンプルです。

  • 最初に設定したフレームのパラメータから、次に設定したフレームのパラメータへ、時間経過に合わせてパラメータ値の変更を行う。
ジーナ
ジーナ
ユーザーが膨大なコマ送りデータを作らなくても、ソフトが「よきに計らって」くれるということです(*’ω’*)!
アイコン_ロボット

 

キーフレームを使ったパラメータ変更について、位置(x,y)を例に、図解してみました。

キーフレーム処理の位置(x,y)イメージ 図解

キーフレームは、AからBへパラメータを変更することです。

ジーナ
ジーナ
キーフレームの設定には、2つ以上の値設定が必要です。

 

【大原則】

  • キーフレームは、パラメータ値が異なる2つのフレームがあって初めて成立する。

 

ここでは、位置(x,y)パラメータのキーフレームを例に、説明していきます(*’ω’*)。

  • 位置:フレーム(画像素材)の中心点にある「x,y」で表す位置情報(パラメータ)のことです。

今回使うのは、こちらの飛行機のpng素材です。
※中心点を意識しやすくするためにクロスと中心点を書き込んでいます(*’ω’*)。

パワーディレクター_キーフレーム_操作方法_移動イメージ_飛行機素材

 

▼①一つ目のキーフレームAを設置:0秒/座標(1.0,1.0)

パワーディレクター_キーフレーム_操作方法_移動イメージ_概要_0秒

▼②2つ目のキーフレームBを設置:4秒/座標(3.0,3.0)

パワーディレクター_キーフレーム_操作方法_移動イメージ_概要_n秒

A・Bのキーフレーム座標とタイミングの設定状況は次の通り(*’ω’*)。
Aフレーム:0秒時/座標(1.0,1.0)/Bフレーム4秒時/座標(3.0,3.0)

パワーディレクター_キーフレーム_操作方法_移動イメージ_概要_n秒繋げる_2点

 

▼③0秒-4秒間のプレビュー:フレームは一つです。0秒から4秒の間AからBへパラメータを変化させるプログラムが実行されます。

ジーナ
ジーナ
このサンプルでは、下図のように位置(x,y)パラメータが変化することになります(*’ω’*)!
パワーディレクター_キーフレーム_操作方法_移動イメージ_概要_n秒繋げる

 

  • 通常の動画:フレームレートに応じて、複枚数のフレームを持つ。パワーディレクター_キーフレーム_操作方法_キーフレーム_通常動画イメージ
  • キーフレーム:フレームは一つ。ただし、経過時間によってフレームのパラメータが変化する。パワーディレクター_キーフレーム_操作方法_移動イメージ_概要_n秒繋げる

単純なフレームの移動や変形動画は、膨大な画像を準備しなくても作れるということになります。

ジーナ
ジーナ
フレームが少ないので、プレジェクトも重くならない(*’ω’*)!
  • キーフレームは、2つのポイント(時間)における、パラメータ変化プログラムです。
  • 時間(2点間のフレーム数)に応じて、変化率が等分割されるので、シンプル&最短&平均的な変化になります。
  • キーフレーム間のモーションに抑揚をつけたいときには、キーフレームを細かく刻んだり、エフェクト(イーズイン・イーズアウト)を抱き合わせます。

 

 

ちなみに、キーフレームは、静止画だけではなく、動画フレームそのものにも設定できます(*’ω’*)。

 

ディレクタースイート365-1\ お得&キャンペーン価格 /
Cyber Link (PowerDirector)オフィシャルサイト

 

パワーディレクターのキーフレーム設定方法

キーフレーム設定 操作のコツ

キーフレーム設定のコツは、操作の順番にあります(*’ω’*)!

チェックシート2

 

設定できるパラメータはいくつかありますが、このコツは全てに共通して言えます。

キーフレームをスムーズに設定する操作順序

必ずこの順番で設定しましょう。

  1. 変化させるパラメータのキーフレームを設置する。
  2. フレームの形やパラメータを成型する。
  • 逆の順序でやるとうまくいきません。
ジーナ
ジーナ
リカバリできますが、迷走します(*’ω’*)!

 

モーション系 キーフレーム 「クリップの属性」

パワーディレクターで設定できるキーフレームは、大別すると2種類あります。

【設定可能な2種のキーフレーム設定】

  1. 補正/強調:色・ホワイトバランス・HDRなど、ビジュアルに関係するもの
  2. クリップの属性:位置・回転・形・不透明度など、モーションに関係するもの
パワーディレクター_キーフレーム_操作方法_キーフレーム_操作ロジック2

 

ジーナ
ジーナ
この記事では、②のモーションに関する「クリップの属性」からパラメータ設定を行う方法を紹介していきます。

 

モーション系 キーフレーム設定 基本的な操作手順

①「キーフレームの設定」ウインドウを起動

▼タイムラインの中から、設定したいクリップを選択したのち、ツールメニューの「キーフレーム」をクリックします。

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_起動

 

 

▼モーション系のキーフレームは、「クリップの属性」からパラメータ設定を行います。

もしメニューが閉じていたら、クリップの属性の左にある」をクリックしてメニューを展開します(*’ω’*)。

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_クリップの属性で展開

 

 

キーフレームの設定 インターフェースレイアウト

▼「キーフレームの設定」ウインドウを使うときは、編集画面のプレビューウインドウも活用します(*’ω’*)。

 

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_キーフレームの設定_インターフェース

▼基本的に、「キーフレームの設定」ウインドウ覧と、プレビューウインドウ覧がメインの操作スペースになります。

  • キーフレームの設定「キーフレームの設定」ウインドウで行います。
  • クリップの変形・移動:「キーフレームの設定」ウインドウへのパラメータ入力も可能ですが、プレビューウインドウと連動しています。
    直感的に調整できるので、プレビューウインドウを使うのがおすすめです(*’ω’*)。

【プロジェクトのタイムライン】

  • 「キーフレームの設定」ウインドウは、プロジェクトのタイムラインとも連動します。
  • 調整中のクリップ以外の時間をスライダーで指定すると、「キーフレームの設定」ウインドウに表示されるクリップも変更されてしまいます。
  • プロジェクトのタイムライン(スライダー)を利用する時には、選択したクリップの再生時間内で使うがおすすめです。
ジーナ
ジーナ
音ハメしたい時などは便利です。注意して使いましょう(*’ω’*)!

 

▼操作性は悪くないですが、扱うパラメータが多くなると、メニュー表示が少し面倒なこともあります(*’ω’*)。

「キーフレームの設定」項目は情報量が多く、縦に長いです(*’ω’*)。

マウスのホイールでは動かないので、スクロールバーを使ってメニューを表示させます。

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_キーフレームの設定_sukuro-ru

 

②変更したいパラメータの開始ポイントにキーフレームを追加する

いきなりクリップの変形操作をしたくなりますが、まずはキーフレームを設定しましょう。

ポイント
ジーナ
ジーナ
順番が大事です。先に形を変えるとやり直しになって面倒です(*’ω’*)!

 

▼スライダーはクリップの最初にしておきます(*’ω’*)。

もし中間地点などにスライダーがあれば、開始地点までドラッグしておきます。

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_キーフレームの設定_スライダーの移動

 

 

▼プレビューウインドウの下にあるタイムラインで、キーフレームの追加・削除が可能です。

まずは、スライダーが開始地点にある状態のまま、変更したいパラメータ「◁◆▷」の、◆部分をクリックしてください。

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_キーフレームの設定_キーフレームの追加1

開始点に、青いキーフレーム「」が表示されたらキーフレームの追加完了です(*’ω’*)!

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_キーフレームの設定_キーフレームの追加2

 

今回のサンプルは、一度決めた形や角度などは変えず、位置のみを変更します。

よって、チェックするパラメータは「位置」のキーフレームだけが追加できればOKです。

ジーナ
ジーナ
この後変更予定があるパラメータは、このタイミングでキーフレームを追加しておくのがおすすめです(*’ω’*)!
  • どのパラメータを変更するか分からない場合は、全てのパラメータにチェックしておくとよいです。
  • キーフレームの◆アイコンに対して、縦のスペースが大きいです(*’ω’*)。
    よく見ると、項目ごとにラインで区切られていますので、該当項目をチェックしていきましょう。

 

③フレームの初期パラメータを調整する

必要があれば、フレームのパラメータ(形・大きさ・角度・不透明度など)を変更します。

拡大/縮小(高さ×幅)・位置・フリーフォーム・回転など、この時点で行った変更が、このフレームの初期値になります。

 

▼今回の例では、次の様にパラメータを変更しています。

  • 縮小
  • 位置変更(左下)
  • 回転(飛行機の頭が右上を向くように)

▼上記のパラメータを反映すると、以下のようになります。

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_キーフレームの設定_変形1

 

▼フレームの変形操作について詳しく知りたい方は、こちらもご覧ください。

Basic operation of Power Director_クリップ変形_操作方法_基本_図解_回転_不透明度_フリーフォーム_反転
パワーディレクターで拡大/縮小・自由縮尺・回転・不透明度・反転を自由自在に行う方法 基本操作&徹底解説編集ソフト:パワーディレクターは、クリップの変形~レイアウトが簡単にできます。 しかも、簡単で多彩なメニューを組み合わせることで、複雑な変形と緻密なレイアウトを実現します。とても基本的な操作方法ですが、キャプチャ多め&ちょっとしたコツも交えて説明していきます。...

 

④次の変更ポイントにキーフレームを追加する

③と同じ作業ですが、パラメータが変更になる次のポイント(時間)にスライダーを移動して、キーフレームを追加します。

  • キーフレームの開始点・次の変更点ともに、後からドラッグでずらすことができます。
  • その為、厳密な変更ポイント(時間)を決めていない場合は、暫定的にクリップの最後にセットしておいても構いません(*’ω’*)!
ジーナ
ジーナ
せっかく直感操作できるんだもの。拘り過ぎないバイブスも大事です!

 

▼次の変更ポイント(時間)にスライダーを移動し、変更したいパラメータ「◁◆▷」の、◆部分をクリックします。

開始点に、青いキーフレーム「」が表示されたらキーフレームの追加完了です。

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_キーフレームの設定_キーフレーム追加1

 

▼スライダーの基本操作について、詳しく知りたいかたはこちらをご覧ください。
※PIPデザイナーでは、この記事で紹介している「タイムラインマーカー」は使えません(*’ω’*)!

Slider operation_タイムラインスライダー_狙い通りに止める_方法_パワーディレクター
タイムラインスライダーを任意の位置で止める方法&直感を可視化するタイムラインマーカーの使い方(パワーディレクター)動画編集ソフトでは、タイムラインスライダーを狙った位置に移動できるかどうかは重要です。 4つのアプローチ方法と、作業粒度によるおすすめの使い方などを詳しく紹介します。初心者の方だけでなく、今まで「なんとなく」マウスだけでやっていた人も、一読いただけると効率&精度がワンランクアップすると思います。ぜひご覧ください。...

 

⑤次点キーフレーム時のパラメータを調整する

キーフレームが追加出来たら、フレームのパラメータを変えましょう。

 

今回のサンプルは位置変更なので、フレームをマウスで移動するだけで良いです。

先ほどとは対角の、右上に配置してみました。

▼タイムラインとフレームの位置 イメージ

パワーディレクター_キーフレーム_操作方法_キーフレーム_操作方法_キーフレームの設定_変形2

 

  • キーフレームの開始点が設定されている場合、開始点以降のタイムラインでパラメータ変更があると…、実は、自動でキーフレームが追加されます。
ジーナ
ジーナ
④の作業はなくてもイケるということです!

オートで追加される理由(そのポイントでパラメータ変更があったこと)が理解できないうちは、作業をショートカットしても混乱するだけです。

きちんと④の手順を踏んで、自分の意図通りにタイムラインができているかをチェックしながら作業するのがおススメです(*’ω’*)。

 

⑥プレビューで動作チェック 完成

完成したらプレビューウインドウを再生してみましょう。

チェック1

▼今回設定したキーフレームでは、以下のような動きになりました(*’ω’*)!

キーフレーム_移動_gifサンプル

まるで、飛行機が飛んで行ったみたいな動きです(*’ω’*)!

  • キーフレーム追加をしていないパラメータに変更があった場合は、全フレームに変更内容が影響します。

例えば、今回のように、「移動」のパラメータのみキーフレームを設定していないフレームに、「2つ目のキーフレームのタイミングで、角度を上向きに変えても」、上向きに回転していくようなモーションにはなりません

ジーナ
ジーナ
角度パラメータのキーフレーム(開始も終了も)が設定されていないためですね!

右上を向いているフレームから、上向きになるように動かしたい場合は、角度のキーフレームを2点追加する必要があります(*’ω’*)。

 

キーフレーム設定 ポイント変更・削除 操作手順

一度設定したキーフレームは、修正・削除簡単にできます。

ツール

キーフレームのポイント変更(タイムライン移動) 操作方法

▼ダイレクトにマウスでドラッグすると、簡単に移動します。

  • マウスポインタが人差し指マークに変わったところでドラッグします(*’ω’*)!
パワーディレクター_キーフレーム_操作方法_微調整_キーフレームの移動

キーフレームが小さくてポイントし辛いときは、「キーフレームの設定」ウインドウの上部にあるルーラーをドラッグして時間間隔を広げてください。

 

キーフレームのピンポイント削除 操作方法

キーフレームは1個単位での削除が可能です。

▼削除したいキーフレームを右クリックして「キーフレームの削除」を選択します。

パワーディレクター_キーフレーム_操作方法_微調整_キーフレームの削除_種類
  • 「すべてのキーフレームを削除」を選んだ場合、削除されるのは選択したパラメータ種のみです。
  • 複数のパラメータを設定していた場合、他のパラメータは削除されません(*’ω’*)!

 

キーフレームの一括削除 操作方法

▼追加ボタン付近にあるリセットボタンを使うと、パラメータ単位のキーフレームを一括削除できます。

パワーディレクター_キーフレーム_操作方法_微調整_ki-hure-mu

右クリックで表示される「すべてのキーフレームを削除」と同じ機能ですが、ワンクリックで実行できるので、こちらのボタンの方が便利です(*’ω’*)!

 

モーション系キーフレーム 変化スピード 調整方法

ムービーの再生スピードは、パラメータの変化率に左右されます(*’ω’*)。

スピードメーター

そして、次の2点のパラメータを調整することで、ある程度コントロールできます。

速度の見え方に影響する要因
  1. キーフレームからキーフレームまでの時間
    時間の差が大きいほど、変化スピードは遅くなります。
  2. キーフレームからキーフレームまでのパラメータの補正値
    パラメータの差が大きいほど、変化スピードは速くなります。

 

なお、人の微細な感じ方理論値では計れないものも多いです。

アイコン_女性

実際には再生させながら、適正値を調整することになります(*’ω’*)!

【人の感じ方に影響する その他の要因】

  • フォーム
  • カラー
  • リズム
  • 流れ
  • ‥‥etc
ジーナ
ジーナ
こういった要素は計算だけで計るのは難しい(*’ω’*)。

 

▼基本的には次の2ステップで調整します。

【変化スピードコントロール 2ステップ】

  1. ロジック(時間×補正量)で適正値を予測設定
  2. 再生させて、自分の感性で微調整

 

 

パワーディレクター+フォトディレクター\ お得&キャンペーン価格 /
Cyber Link (PowerDirector)オフィシャルサイト

 

モーションパスを滑らかな曲線(カーブ)にするヒント

キーフレームは、時間に設定されたパラメータです。

ストップウォッチ

プレビューしてみると、キーフレームの追加ポイント中心に動きが唐突になったり、カクカク感が生じることがります。

▼モーションパスを視覚化してみるとこうなっている場合も(*’ω’*)!

パワーディレクター_キーフレーム_操作方法_PIPデザイナー_カクカク1
ジーナ
ジーナ
これが狙っている表現なら問題無しです!

 

▼もしかしたらこうやりたい(*’ω’*)?

 

なだらかなカーブを描くモーションパスを作る方法

パワーディレクターでモーションパスをなだらかにするには、2つの方法があります。

ジーナ
ジーナ
ほとんどの場合、2つの方法は組み合わせます(*’ω’*)!
  1. PIPデザイナーでモーションパスをなだらかに整える
  2. 「キーフレームの設定」でキーフレームを増やす

【①PIPデザイナーでモーションパスをなだらかにする】

直線起点終点は、PIPデザイナーの「モーション」タブを使って、モーションパスの編集でなだらかに調整することができます。

パワーディレクター_モーションパス_サンプル

 

▼パスは、PIP/タイトルデザイナー>「モーション」タブのプレビューウインドウで、マウスによる編集が可能です(*’ω’*)。詳しくお知りになりたい人はこちらをご覧ください。

Motion path_パワーディレクター_モーションパス_設定方法
オブジェクトにモーション(動き)を追加・編集する方法と調整のコツ! パワーディレクターのモーションパスを使いこなすタイトルやオブジェクトを簡単に動かすためのプログラムが編集ソフトには装備されています。モーションパス(動きの軌道)と言います。パワーディレクターのモーションパスは、クリップの時間さえおぜん立てしておけば、驚くほど簡単に設置できますし、パスの補正も簡単です。ぜひ取り入れてみてください。...

 

 

【②「キーフレームの設定」でキーフレームを増やす】

なお、このサンプルのように、角度があるモーションパスでは、①の方法ではうまく調整しきれないかもしれません。

その場合は、キーフレームを増やして対応します(*’ω’*)!

 

▼角度のあるカーブは、要所にキーフレームを増やす必要があります。

パワーディレクター_キーフレーム_操作方法_PIPデザイナー_カクカクからなめらか2

※上記サンプル画像は、キーフレームの増やし方がやや過剰です。あくまでもイメージとしてご理解ください(*’ω’*)!

  • キーフレームのタイミング合わせは、再生しながらキーフレームを設置出来るので、「キーフレームの設定」ウインドウが使いやすいです。
  • モーションパスの角を丸くする微調整は、PIPデザイナーの「モーション」タブでしか設定できません。

「キーフレームの設定」と「PIPデザイナー」は、編集内容によって使い分けるのがおすすめです(*’ω’*)。

 

モーションパスコンコントロール キーフレームの細分化

キーフレームを増やすときは、1対のキーフレーム先につぎ足していく方法はおすすめしません(*’ω’*)。

女性_棒
ジーナ
ジーナ
大抵失敗します(*’ω’*)!

【おすすめしないキーフレームの増殖】

 

▼具体的には以下のような追加イメージで、既にある1対のキーフレームの後ろに、追加していく方法です。

  1. 上段が本来設定されているキーフレームのイメージ
  2. 下段が追加後のイメージ
    既存のキーフレームの後ろに、キーフレームを追加していきます。
パワーディレクター_キーフレーム_操作方法_PIPデザイナー_細分化_なだらかにするコツ_増殖はNG

 

時間空間を結び付ける認識能力が高いひとは、この方法でも一発で決めることができるでしょう(*’ω’*)!

一般的には、そんなスキルを持ち合わせている人は稀ですから、膨大なトライ&エラー繰り返すか、管理しきれない量のキーフレームを追加するハメになります。

ジーナ
ジーナ
経験談です!やらかしたからこそのノウハウです(*’ω’*)!?

 

 

 

絶対的におすすめするのは、細分化です(*’ω’*)!

女性-3

追加との違いは、最初に決めたキーフレームの中にキーフレームを増やすという点です。

 

キーフレームの追加 基本の考え方は細分化

▼具体的には以下のような追加イメージで、既にある1対のキーフレームのに追加していく方法です。

  1. 上段が本来設定されているキーフレームのイメージ
  2. 下段が追加後のイメージ
    既存キーフレームの中に、キーフレームを追加していきます。
パワーディレクター_キーフレーム_操作方法_PIPデザイナー_細分化_流暢にするコツ1

 

 

キーフレームの終点を増殖していく場合、経過時間の把握がし辛く、緩急の激しいまとまりのない設定になりやすいです(*’ω’*)。

ジーナ
ジーナ
経験のあるひともいるのでは!?

 

まずは開始と終了のポイントを決めて、内部のキーフレームを増やすようにしましょう。

ジーナ
ジーナ
これが失敗しにくいコツです(*’ω’*)!
  • 「細分化≒終点の増殖」ではない(*’ω’*)!

 

キーフレームの細分化 おすすめフロー

キーフレームを細分化する時に、非常におすすめなフローポイントを紹介します。

人差し指

それは、動的アクションのキーになるかどうかは関係なく、以下のポイントにキーフレームを追加することです(*’ω’*)。

  • 等間隔、もしくは秒間隔でキーフレームを設置する。
ジーナ
ジーナ
むしろマストです!

 

やってみると気づくのですが、漠然とプレビューさせながら、適切な位置にキーフレームを追加していこうとすると、意外と難しいんですよね(*’ω’*)。

 

全体を把握する キーフレームのジャンプ機能

フレームの一連の動きを理解するときは、スライダーをドラッグして確認するのではなく、キーフレームのジャンプ機能を使うのがおすすめです(*’ω’*)。

 

▼キーフレーム 「」の 三角マークは、キーフレームの進む・戻るボタンです。

クリックする度にプレビューウインドウも切り替わりますから、スピード感の把握もばっちりです(*’ω’*)!

パワーディレクター_キーフレーム_操作方法_PIPデザイナー_細分化_コツ_画像から時間を読むのは難しい3
ジーナ
ジーナ
一覧表示は出来ないまでも、リズミカルにクリックすることで、スピード感や状態の適正値を把握し易くなります(*’ω’*)!
  • フレームの全体的な導線や動き方を把握する時は、キーフレームをジャンプしながらチェックしていくのが効率的

 

 

モーションパス微調整に取り掛かる時、把握し辛いのが、時間に応じたパラメータの状態です(*’ω’*)。

設定が複雑になるほど、時間で状態を把握する重要性が増します。

ジーナ
ジーナ
そんな時間と状態の可視化を助けてくれるのが、等間隔のキーフレーム追加です(*’ω’*)!

 

キーフレームを等間隔の時間に追加する メリット

キーフレームは、「1秒」という単位に固執する必要はありませんが、等間隔に追加されていなければ、微調整前に追加しておくのがおすすめです。

 

▼以下をご覧ください。

タイムラインの時間で状態把握(左)するのと、プレビューの位置や画像で状態把握する(右)のだとしたら、どちらが理解し易いですか?

パワーディレクター_キーフレーム_操作方法_PIPデザイナー_パラメータ状態_チェック_時間で見ないとわかりづらい_ピックアップPOINTの比較

ジーナは、断然右の画像の方が見やすく感じます。

ジーナ
ジーナ
ジーナは、地図を見るときノースアップで見るのが苦手なタイプです(*’ω’*)!

 

 

一定のリズムでキーフレームを追加・チェックすることで、モーションパスの軌跡やスピード感ビジュアルで把握し易くなります。

  • 同じ時間でパスの距離(パラメータの変更範囲)が短ければスピードは遅い
  • 同じ時間でパスの距離(パラメータの変更範囲)が長ければスピードは速い
  • ‥‥とか。
ジーナ
ジーナ
特にスピードの唐突感緩急は視覚的に予測しやすくなります(*’ω’*)!

 

 

今回、現状に限らず追加を推奨しているのは、等間隔(時間)に追加するキーフレームです。

それ以上に必要なキーフレームは、自由に追加すればよいですし、元々設置していたキーフレームも削除する必要はありません(*’ω’*)。

  • 複雑なキーフレームを設定する時には、等間隔(時間)にキーフレームを追加し、フレームの基準にする。
  • プレビューチェックは、タイムラインの」ボタンを積極的に活用する。
ポイント

 

異なるパラメータをあえてズラしてみる

二つ以上のパラメータをキーフレーム設定している場合、キーフレームのタイミングをずらすことで、なめらかに見えるケースがあります。

アイコン_カーリング

▼パターンAは、位置と角度のパラメータ変更タイミングが同じで、パターンBはタイミングをずらしています。

 

パワーディレクター_キーフレーム_操作方法_PIPデザイナー_細分化_コツ_パラメータをずらす_パターンAB

 

パターンBの方がちょっと乱雑なイメージに映りますが、レース車がドリフトしているときのように、位置パラメータの変化ポイントと、角度パラメータの変化ポイントにずれが生じるため、唐突感が和らいで滑らかに見えます(*’ω’*)。

 

▼タイムラインではこのような設定となります(画像:わかりやすく「PIPデザイナー」のキャプチャを使っています)。

パワーディレクター_キーフレーム_操作方法_PIPデザイナー_細分化_コツ_パラメータをずらす

「どうしてもうまくいかないなぁ」と思った時には、敢えてパラメーターのキーフレームタイミングをずらしてみると、ナチュラルでなめらかな動きを作れるかもしれません(*’ω’*)。

ジーナ
ジーナ
お試しあれ!です。

 

 

パワーディレクター+フォトディレクター_バナー1

\ お得&キャンペーン価格 /
Cyber Link (PowerDirector)オフィシャルサイト

 

キーフレームを使って【位置】変更(オブジェクトの移動)を行う方法

操作説明

▼本記事で紹介している基本操作がキーフレーム「位置」になります。

もう一度ご覧になりたい方はこちらからジャンプできます(*’ω’*)!

実例サンプル 位置

▼本記事で上部で紹介しているムービーがキーフレーム「位置」の実例サンプルムービーになります。

もう一度ご覧になりたい方はこちらからジャンプできます(*’ω’*)!

 

キーフレームを使って【拡大/縮小】を行う方法

操作説明

▼詳細はこちらをご覧ください。

Zoom & pan_ズーム&パン_パワーディレクター_操作方法_チュートリアル
パワーディレクターでズーム(拡大/縮小)&パンを行う方法!キーフレームを使った自由度の高いズーム&パン活用術と解説編集作業で頻繁に使われるズーム(拡大/縮小)とパン。このふたつをパワーディレクターでは細やかに設定できます。慣れれば面白いように自由自在に扱えるズーム&パンの設定方法について、詳しく説明していきます。イマイチ使い方が分からなかった…というひとも、ぜひ一度ご覧ください。...

実例サンプル 位置+拡大/縮小

▼拡大/縮小のみ チュートリアルムービー

 

▼ズーム&パン チュートリアルムービー

 

▼拡大/縮小+位置サンプルムービー

 

キーフレームを使って【不透明度】をコントロールする方法

(近日更新予定(*’ω’*)!

効果と設定方法

実例サンプル 位置+拡大/縮小+不透明度

キーフレームを使って【回転】を行う方法

(近日更新予定(*’ω’*)!

効果と設定方法

実例サンプル 位置+拡大/縮小+不透明度+回転

キーフレームを使って【フリーフォーム】(オブジェクトの変形)を行う方法

(近日更新予定(*’ω’*)!

効果と設定方法

実例サンプル 位置+拡大/縮小+不透明度+回転+フリーフォーム

キーフレームを使って【3D深度】の変更を行う方法

(近日更新予定(*’ω’*)!

効果と設定方法

実例サンプル 位置+拡大/縮小+不透明度+回転+フリーフォーム+3D深度

 

 

パワーディレクター+フォトディレクター_バナー1

\ お得&キャンペーン価格 /
Cyber Link (PowerDirector)オフィシャルサイト

 

パワーディレクターのモーション系キーフレーム 操作方法 まとめ

キーフレームは、ムービークリップなら動画にも設定可能です。

ビデオ

使える素材の幅が広がるので、表現の幅もぐんと広がります。

ジーナ
ジーナ
わお(*’ω’*)!

 

また、キーフレームは、オリジナルのモーションを作るフローなので、標準装備されている「モーション」に満足できなかい人にとっては、素晴らしい機能です。

まさしく、「かゆいところに手が届く」完璧なオリジナルモーションを作ることを可能にした機能です。

 

▼パワーディレクターのユニークで手軽に組み合わせられる「モーション」一覧

パワーディレクター_キーフレーム_操作方法_PIPデザイナー_モーションコマンド

標準装備のモーションで事足りる時にはモーションを使いたいですが、ピッタリなものがないことも度々あるんですよね(*’ω’*)。

キーフレームも、慣れれば複雑なものもさくさく作れるようになりますので、ぜひマスターしてほしいテクニックです。

いいね
ジーナ
ジーナ
オーダーメードはやっぱり最強です(*’ω’*)!

 

以上、キーフレーム設定方法とコツでした。

 

それでは、引き続き編集作業をお楽しみください(*’ω’*)☆

女性-3

 

\4年連続国内販売シェアNO1!初心者でもすぐに使いこなせる直感操作/

パワーディレクター+フォトディレクター_バナー1     ディレクタースイート365バナー

\ お得&キャンペーン価格 /
Cyber Link (PowerDirector)オフィシャルサイト