動画ソフト・アプリ

Adobe Premiere Proの使い方(8) キーフレームの制御 動画編集ソフト

掲載・更新日

Adobe Premiere Proの使い方(1) 機能の紹介 動画編集ソフト
管理人ウチムラワタル

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。


今回は高機能動画編集ソフトAdobe Premiere Proを使ったキーフレームを使って色々なものに動きを付ける方法と、時間・速度補間法について解説します。



Adobe Premiere Proの使い方記事一覧

機能の紹介
編集の準備と、基本的なカット編集、書き出しの方法
BGM音楽の挿入と音量調整 フェードイン・アウト
テキストテロップ(タイトル)の挿入方法
トランジションの挿入方法
ピクチャインピクチャ・ワイプを作る方法
グリーンバッククロマキーで背景を透過させる方法
キーフレームの使い方

動画編集ソフトランキング

キーフレームとは?

キーフレームとは、タイムライン内に挿入した動画の位置や大きさなどの数値を時間軸に合わせて変化させる機能のことです。


以下のサンプル動画では、オレンジ色の円を左から右、上下にうねうね移動させています。キーフレームを5つ設置し、それぞれの位置を指定すれば、このように動画や素材などの動きを制御することができます。


https://www.youtube.com/watch?v=cxZAEtchKyk

またエフェクトの種類によっては、数値をキーフレームで制御することで、少しずつサイズを大きくしたり、色を変化させたり色々なことができます。


https://www.youtube.com/watch?v=4kqTD_sAPfs

キーフレームを制御してオブジェクトの位置を動かす方法

ここではまず、素材を左から右に移動するアニメーション制御をキーフレームを使って試してみます。


メニューの『ウィンドウ』→『エフェクトコントロール』を選択してください。

エフェクトコントロールを表示させる方法 Adobe Premiere Proの使い方

次にタイムライン内の動きを付けたい動画や画像データ(オブジェクト)などを設置し、選択。

キーフレームの設置方法 Adobe Premiere Proの使い方

エフェクトコントロールウィンドウの右側にあるタイムラインの開始位置に青い縦線(再生ヘッド)を移動させましょう。

エフェクトコントロールのタイムライン Adobe Premiere Proの使い方

動きを付けたい素材の『位置』の数値を変更しましょう。下の画像では、左の数値『960』が左右で、右の数値『540』が上下の位置です。

開始位置の変更 Adobe Premiere Proの使い方

今回動かすのが下の画像中央のロゴデータです。

キーフレームアニメーションプレビュー Adobe Premiere Proの使い方

開始位置を決めた後、『位置』の左にあるストップウォッチのようなボタン『アニメーションのオン/オフ』をクリックしてください。

キーフレームの設置方法 Adobe Premiere Proの使い方

するとエフェクトコントロール右にあるタイムラインのスタート位置にひし形マークのキーフレームが打たれました。

キーフレームの設置方法 Adobe Premiere Proの使い方

次に素材を動かしたい終了位置に、青い縦線(再生ヘッド)を移動させてください。

キーフレームの設置方法 Adobe Premiere Proの使い方

この状態で、『位置』の数値を変更しましょう。ここではロゴデータを右に移動させました。

キーフレームの設置方法 Adobe Premiere Proの使い方 キーフレームアニメーションプレビュー Adobe Premiere Proの使い方

するとタイムラインの指定した終了位置にもひし形のキーフレームマークが表示されます。

キーフレームの設置方法 Adobe Premiere Proの使い方

このスタート位置のキーフレーム(A地点)から、終了位置のキーフレーム(B地点)まで、それぞれ指定した『位置』の数値間、素材が動くわけです。


試しにプレビュー再生してみましょう。


以下の動画のようにロゴが左(開始位置)から、右(終了位置)に動きます。


https://www.youtube.com/watch?v=bEI5-wpx3No


キーフレームの位置を変更する方法

一度打ったキーフレームは後からでも好きな位置に移動させることができます。キーフレームをマウスでクリックしたまま、右に移動させてみましょう。

キーフレームを移動させる方法 Adobe Premiere Proの使い方

キーフレームが移動しました。この場合、終了位置に素材が到達するまでの時間が長くなったので、素材の動く速度は遅くなります。逆の場合は速くなります。

キーフレームを移動させる方法 Adobe Premiere Proの使い方

指定したキーフレームを削除する方法

打ったキーフレームを右クリック→『消去』。

キーフレームを削除する方法 Adobe Premiere Proの使い方

キーフレームを一括削除する方法

位置に付けたキーフレームをすべて削除するには、位置の左にある『アニメーションのオン/オフ』ボタンを再度押してください。

キーフレームを削除する方法 Adobe Premiere Proの使い方

「この処理を行うと、既存のキーフレームが削除されます。続行しますか?」と表示されるので、『OK』。

キーフレームを削除する方法 Adobe Premiere Proの使い方


キーフレームの時間補間法と空間補間法とは?

キーフレームで素材に動きを付けることはできました。しかし、より細かく動きを制御したい場合、『時間補間法』と『空間補間法』を使います。


これをうまく使えば、素材の動くスピードを、開始はゆっくり、やがてスピードが上がり、最後にゆっくりと止まる、といった制御ができるようになります。


時間補間法とは?

時間補間法は、素材を移動させる時のスピードを制御できます。


https://www.youtube.com/watch?v=_QUrv5hBZWM

種類は『リニア』『ベジェ』『自動ベジェ』『連続ベジェ』『停止』『イーズイン』『イーズアウト』があります。



空間補間法とは?

空間補間法は、素材を移動させるルートを制御できます。指定のルートを曲線状でなめらかに移動させたり、直線状に動かしたり、することができます。


https://www.youtube.com/watch?v=vbnXaKn2yUg

種類は『リニア』『ベジェ』『自動ベジェ』『連続ベジェ』の4つです。




キーフレームの空間補間法の使い方

ではまずわかりやすいルートを制御する『空間補間法』から解説します。


タイムラインに素材を挿入し、『位置』にキーフレームを3つ入れました。

空間補間法の使い方 Adobe Premiere Proの使い方

1つ目のキーフレームの位置は画面左下で、2つ目は真ん中上、3つ目は右下です。


プレビュー画面を見ると以下のようになっています。空間補間法は初期設定で『自動ベジェ』になっており、移動ルートがなめらかな曲線になっています。

自動ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方

空間補間法をリニアにする方法

では自動ベジェから、直線的にルートを移動する『リニア』に変更してみましょう。


2つ目のキーフレームを右クリックし、『空間補間法』→『リニア』。

リニア 空間補間法の使い方 Adobe Premiere Proの使い方

なめらかな曲線だったルートが直線に変わりました。

空間補間法の使い方 Adobe Premiere Proの使い方

空間補間法をベジェにする方法

次に『ベジェ』に変更してみましょう。ベジェはルートをなめらかな曲線にし、その左右のルートをハンドルで制御できる方法です。


『空間補間法』→『ベジェ』。

ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方

『ベジェ』にすると移動ルートがなめらかに曲がりました。さらに左右にハンドルが表示されています。このハンドルの先っぽをマウスでクリックしたまま、上下左右に移動させることで、この曲線を編集することができます。試しに右側のハンドルを上に移動させてください。

ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方

右のハンドルを上げたことで、移動ルートの曲線が縦方向に丸みを帯びました。

ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方

次に右ハンドルを右端の方に伸ばしてください。移動ルートが横方向に丸みを帯びました。

ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方

右ハンドルを素材の中央に移動させると、移動ルートはまっすぐの『リニア』のようになります。

ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方

空間補間法を自動ベジェにする方法

『自動ベジェ』は、ルートを自動でなめらかな曲線にします。しかしベジェや連続ベジェと違って、ハンドルの操作はできません。表示されているハンドルを触ると、自動ベジェが解除されます。


『空間補間法』→『自動ベジェ』。

自動ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方 自動ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方

空間補間法を連続ベジェにする方法

『連続ベジェ』は、ルートをなめらかな曲線にします。左右に表示されるハンドルは片方をさわると、もう片方も連動します。


『空間補間法』→『連続ベジェ』。

連続ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方

右のハンドルを下に移動させると、左のハンドルも連動して方向が変わります。

連続ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方 連続ベジェ 空間補間法の使い方 Adobe Premiere Proの使い方


キーフレームの時間補間法の使い方

次にキーフレーム間の移動速度に変化を付ける『時間補間法』とその種類を説明します。


ではまず、『位置』の左側にある三角マークをクリックしてください。

時間補間法の使い方 Adobe Premiere Proの使い方

タイムラインが下に開き、『速度』の数値が表示されます。

時間補間法の使い方 Adobe Premiere Proの使い方

時間補間法をベジェにする方法

初期設定で、時間補間法は『リニア』になっています。リニアの状態だと、素材の移動速度は一定です。


ここを『ベジェ』に変更します。『ベジェ』だと、移動速度を左右独立したハンドルを使って変更できます。


『時間補間法』→『ベジェ』。

ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

するとベジェに変更したキーフレームの形がひし形から変わりました。

ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

タイムライン下側にある『速度』の右ハンドルをマウスでつかんだまま上げてみましょう。

ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

ハンドルを上げると、その分だけ速度が速くなります。

ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

プレビュー上では、ルート間の点々表示が変化します。速度が速い場所の点の間隔が広がり、遅いと間隔が狭くなります。

ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

時間補間法を自動ベジェにする方法

『自動ベジェ』は、キーフレーム間の移動速度を自動でなめらかになるよう制御してくれます。


『時間補間法』→『自動ベジェ』。

自動ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

キーフレームの形が丸型になりました。

自動ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

自動ベジェのキーフレームをマウスでつかんだまま、右に移動させると、それに合わせて速度も自動調整されます。

自動ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方 自動ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

時間補間法を連続ベジェにする方法

『連続ベジェ』は、キーフレーム間の移動速度をなめらかに制御してくれます。左右の制御ハンドルは連動していて、どちらかを変更すると、もう片方も変化します。


『時間補間法』→『連続ベジェ』。

連続ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

右側のハンドルを上げてみましょう。

連続ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

左側のハンドルも同時に上がります。

連続ベジェ 時間補間法の使い方 Adobe Premiere Proの使い方

時間補間法を停止にする方法

時間補間法を『停止』にすると、キーフレームの速度が0になって、次のキーフレームまで移動を停止します。


複数のキーフレームを停止させてみましょう。

複数のキーフレームを選択し、右クリック『時間補間法』→『停止』。

停止 時間補間法の使い方 Adobe Premiere Pro CCの使い方 停止 時間補間法の使い方 Adobe Premiere Pro CCの使い方

この状態で再生すると、1から2へ、2から3へ時間がくるとパッと瞬間移動するようになりました。

https://www.youtube.com/watch?v=7UF30xXs08g


時間補間法をイーズインにする方法

『イーズイン』とは、キーフレーム間の速度を自動で、初めは速く、徐々にゆっくりにする補間方法です。ベジェなどの使い方がよく分からない場合は、とりあえず『イーズイン』を使っても良いです。


一番最後のキーフレームを右クリックし、『時間制御法』→『イーズイン』。

イーズイン 時間補間法の使い方 Adobe Premiere Proの使い方

最後のキーフレームにイーズインが適応され、速度がなめらかになって止まるようになりました。

イーズイン 時間補間法の使い方 Adobe Premiere Proの使い方

https://www.youtube.com/watch?v=bDb0gLje-qQ


時間補間法をイーズアウトにする方法

『イーズアウト』とは、キーフレーム間の速度を自動で、初めはゆっくり、徐々に速くする補間方法です。


一番最初のキーフレームを右クリックし、『時間制御法』→『イーズアウト』。

イーズアウト 時間補間法の使い方 Adobe Premiere Proの使い方

最初のキーフレームにイーズアウトが適応され、速度が徐々に速くなるようになりました。

イーズアウト 時間補間法の使い方 Adobe Premiere Proの使い方

https://www.youtube.com/watch?v=I7IA7LiezbE

これで、Adobe Premiere Proのキーフレームの使い方の解説は終わりです。


Adobe Premiere Proの使い方記事一覧

機能の紹介
編集の準備と、基本的なカット編集、書き出しの方法
BGM音楽の挿入と音量調整 フェードイン・アウト
テキストテロップ(タイトル)の挿入方法
トランジションの挿入方法
ピクチャインピクチャ・ワイプを作る方法
グリーンバッククロマキーで背景を透過させる方法
キーフレームの使い方

動画編集ソフトランキング

関連記事

PowerDirector17の使い方(1) 機能の紹介 動画編集ソフト パワーディレクター入門

PowerDirector17の使い方(1) 機能の紹介 動画編集ソフト パワーディレクター入門

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は、Windows用動画編集ソフトPowerDirectorのバージョン17について解説します。 2019年 ...

動画編集ソフトMicroSoftフォトの使い方(1) 機能の紹介 フォト入門 windows用フリー無料

動画編集フリーソフトMicrosoftフォトの使い方(2) 基本的なカット編集、書き出し方法 フォト入門 windows用フリー無料

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は、Windows10に標準でインストールされている動画編集ソフトMicrosoftフォトの使い方、編集の準 ...

動画編集ソフト Filmora9(フィモーラ)

動画編集ソフト Filmora(フィモーラ)9の使い方(1) 機能と値段の紹介レビュー

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は、Windows/Mac用の動画編集ソフトFilmora(フィモーラ)9の機能と価格、使ったみた感想などを ...

動画を指定サイズに小さく圧縮する方法 Windows用フリーソフトFree Video Compressorの使い方

動画を指定サイズに小さく圧縮する方法 Windows用フリーソフトFree Video Compressorの使い方

こんにちは! ライターのマサルです! 今回は動画ファイルを指定サイズに圧縮できるフリーソフト『Free Video Compressor』の使い方を詳しく解説します。

Corel VideoStudio 2020の使い方(1) 機能の紹介 動画編集ソフト コーレルビデオスタジオ入門

Corel VideoStudio 2020の使い方(1) 機能の紹介 動画編集ソフト コーレルビデオスタジオ入門

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は動画編集ソフトCorel VideoStudio2020の新機能など紹介をします。

  • この記事を書いた人

ウチムラワタル(hamochiku)福本航

株式会社ドウガテック代表取締役。映像制作15年の動画の作り方講師。国内最大級の動画の作り方入門サイト『カンタン動画入門』を2012年から運営。毎月35万人以上が訪問するまでに成長。『カンタン動画入門教室』を主催。地方自治体企業、大学、高校、一般向けに動画の作り方教室を行い、生徒数は100名以上。日本文理大学情報メディア学科の動画講座非常勤講師。株式会社ロボット主催合志市クリエイター塾講師CyberLink MVP大分ふるさとCM大賞第15回大賞動画の技術指導大分県デザイン協会会員。動画編集ソフトの解説書『逆引きiMovie動画編集』を工学社から出版。月刊BANコラム執筆。

おすすめ記事一覧

動画編集ソフトおすすめランキング無料有料比較Windows/Mac 1

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 2021年最新のWindowsとMac用の無料有料の動画編集ソフトおすすめランキングを作りました。動画編集ソフト ...

【2020】動画編集アプリおすすめ人気ランキング無料有料iPhone/Android 2

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 2021年最新のiPhoneとアンドロイドスマートフォン用の無料有料の動画編集アプリおすすめランキングを作りまし ...

動画の作り方入門 3

こんにちは! 動画の作り方講師のウチムラワタル(hamochiku旧姓フクモト)です。 今回は動画を初めて作る方に向けて、動画の作り方を分かりやすく解説していきます! 記事に使っている写真はすべて私が ...

-動画ソフト・アプリ
-,

Copyright © 株式会社ドウガテック All Rights Reserved.