イトウ先生のTipsnote Premiere Pro CC 2019 の新機能:ベクトルモーションコントロール

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

 
 
1 トレーニングの再開について
 
 
2 緊急事態宣言発令に伴うトレーニングの開催延期について
 

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に

クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote

イトウ先生のTipsnote Secondbook


イトウ先生のTipsnote:目次

【 Premiere Pro CC 2019 の新機能:ベクトルモーションコントロール 】

こんにちは、イマジカデジタルスケープの伊藤和博です。
今週のブログは今年最後のブログとなりますが、今年最後のブログは、Premiere Pro CC 2019から新機能で「ベクトルモーションコントロール」をご紹介します。
Premiere Pro CC 2019では、グラフィッククリップ内に作成したベクトルデータの編集の際、クリップ内のオブジェクトを「全て同時に(クリップ単位で)」拡大縮小しても境界部分等が劣化しない(ピクセル化されない)機能が追加されました。
これまでのPremiere Proのモーションコントロールは、グラフィッククリップにもビデオや画像のクリップなどと同じモーションコントルールを使用していたため、シーケンスにグラフィッククリップを取り込んだ後、そのクリップを極端に拡大すると境界部分などはガタガタが目立ってしまったため、グラフィッククリップ内のオブジェクトは、個別にスケール調整する必要がありましたが、CC 2019ではグラフィッククリップそのものを、いわゆるIllustratorのようなクオリティで編集できるようになりました。

さっそくやってみよう!

まずは、以下のようなグラフィッククリップがあったとします。トラック1にはマット画像、トラック2にグラフィッククリップを作成し、グラフィッククリップの中に、楕円形のシェイプとテキストを入れてあります。

Prcc19_vmc001

トラック2のグラフィッククリップを選択し、エフェクトコントロールパネルを確認すると、「ベクトルモーション」というプロパティが追加されているのがわかります。

Prcc19_vmc002

このベクトルモーションには、位置、スケール、不透明度など、アンチフリッカー以外は、従来からのモーションにあるものと同じトランスフォームを搭載しています。

Prcc19_vmc010

例えば、このグラフィッククリップのスケールを拡大したい、という場合、CC2018までは、モーションの中にあるスケールや位置で調整を行なっていましたが、このスケール調整を、従来からのモーションにあるスケール行った場合と、ベクトルモーションで行った場合とでは、以下のように描画クオリティが異なります。

Prcc19_vmc007

モーションのプロパティにある編集はピクセル編集と同じクオリティとなりますが、ベクトルモーションはベクトルデータのまま編集するため、Illustratorでの編集と同様に画質に劣化が起こらない、というのが確認できるかと思います。
CC2018までは、このようにベクトルのクオリティを保ったままオブジェクトを編集するには、今回の場合でいえば、円と文字は別々に編集する必要がありましたが、CC2019では、クリップそのものに対して適用できるため、1つのグラフィッククリップに複数のオブジェクトが含まれていても、すべて同時にコントロールができるようになりました。なお、ベクトルモーションは、ベクトルコンテンツに対して設定されるプロパティのため、画像やビデオ、サウンドクリップ等はベクトルモーションのプロパティ自体を持っていません。
また、このベクトルモーションの編集はエッセンシャルグラフィックスパネルでも編集可能です。タイムラインパネルでグラフィッククリップを選択し、エッセンシャルグラフィックスパネルの編集タブをクリックすると、アンカーポイント、スケール、回転、不透明度などが表示されますが、ここでの表示は、エフェクトコントロールパネルのベクトルモーションと同じ編集、となります。

Prcc19_vmc011

プログラムモニター上で選択する場合について

複数のグラフィックスを含むグラフィッククリップの場合、クリップ全体に編集をかけるのか、クリップの中にある特定のオブジェクトのみに編集をかけるのか、選択の仕方を考慮する必要があります。今回は1つのグラフィッククリップに、円と文字が含まれるため、円と文字を一緒に編集するのか、円のみを編集するのか、選択の仕方を考慮する必要があります。
単にグラフィッククリップ全体を(グラフィッククリップ内のオブジェクトをすべて一緒に)ベクトルモーションで調整したい場合は、タイムラインパネルでグラフィッククリップを選択し、エフェクトコントロールパネルからベクトルモーションを直接編集すればいいですが、プロブラムモニター上でクリックやダブルクリックで選択する場合は、まず、タイムラインパネル上で何のクリップも選択していない状態で、プログラムモニター上の「オブジェクトがない箇所」をダブルクリックします。すると、再生ヘッドが置いてある時間軸の、最上位トラックにあるクリップを選択したこととイコールになり、グラフィッククリップが最上位トラックにある場合は、クリップ全体を選択したことになります。

Prcc19_vmc013

また、タイムラインパネル上で何のクリップも選択していない状態にし、プログラムモニター上で、グラフィッククリップ内の特定のオブジェクトのみをクリックすると、そのオブジェクトのみを単体で選択したことになります。この時、エフェクトコントロールパネルのベクトルモーションのスケールを調整すると、グラフィッククリップ全体のスケール調整になりますが、エッセンシャルグラフィックスパネルのスケールを調整すると、選択しているオブジェクトのみのスケール調整になります。この調整はベクトルモーションでの拡大縮小とは意味が異なり、単にオブジェクトのスケールを拡大縮小した、という操作になります。同じ操作をエフェクトコントロールパネルで行う場合は、エフェクトコントロールパネル内のシェイプを展開し、シェイプのトランスフォームにあるスケールを調整します。

Prcc19_vmc017

このように、プログラムモニター上でクリックの操作によって選択する場合は、どこをクリック、ダブルクリックしたかによって選択対象が入れ替わるため、キーフレームを設定してアニメーションさせる場合は、選択対象をよく整理しておく必要があります。

AfterEffectsのモーショングラフィックステンプレートの場合

AfterEffectsのシェイプレイヤーやテキストなどで作成したモーショングラフィックステンプレートをPremiere Proに取り込んで使う場合、たとえそのテンプレートをPremiere Proに取り込んでも、AfterEffects上でのベクトルレイヤーに対するベクトルモーションのプロパティは表示されません。グラフックパラメーターとして、AfterEffectsのエッセンシャルグラフィックスパネルに登録しておいたプロパティのみ編集可能、になります。これはAfterEffectsでのベクトルレイヤー全てをAfterEffectsでプリコンポーズした後でPremiere Proに取り込んでも同じになります。

Prcc19_vmc022

これまでのPremiere Proでは、グラフィッククリップの中に複数のオブジェクトが含まれる場合、それらを「ベクトルクオリティのまま」編集するには、個別のオブジェクトごとに編集する必要があったため、結果、1つのグラフィッククリップには1つのオブジェクト、というように作ったほうが後々の編集が容易でしたが、この場合、クリップやトラックが無駄に増えてしまう煩雑さがありました。今回のこの機能によって、グラフィッククリップ内のオブジェクトをすべて同時に「ベクトルクオリティ」のまま編集することが可能になりましたので、編集もそうですが、タイムライン上でのクリップ管理も非常に容易になったのではないかと思いますので、ぜひ使ってみてください。

それでは、2018年も1年間、ブログをお読みいただきましてありがとうございました。来年もまたよろしくお願いいたします。どうぞお年をお迎えください!

関連講座

↑ページTOPへ

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop CC 2018の使い方・基本 | Illustrator CC 2018使い方・基本 |
| 画像をきれいに編集する方法 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects CC 2018の使い方・基本 | AfterEffects CC 2014の使い方・実践 |
| Premiere Pro CC 2018の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |