エッセンシャルグラフィックスをCreative Cloudライブラリに保存して、Premiere Rushに読み込む方法
![](https://www.curioscene.com/wp-content/uploads/2019/06/IMG_0412-780x405.jpg)
Adobe Premiere Proは映像制作のプロが多く使用する編集アプリの一つですが、2018年にiPadやiPhoneといったデバイスにも対応したPremiere Rushがリリースされ、モバイル環境でも編集が出来るようになりました。
このアプリはPremiere Proに比べると多くの機能が省かれているので、本格的に編集するには物足りなさがあるものの、クリップのトリムや色補正、テキストの追加など必要な機能が用意されているため、使い方次第ではこれで十分かもしれません。
また、デスクトップ以外でもiPhoneなどのスマートフォンやiPadのタブレッドにも対応していることから、移動中やパソコンが開けない狭いロケーションでの編集が可能になるなどのメリットがあります。
![](https://www.curioscene.com/wp-content/uploads/2018/10/IMG_4394.jpg)
基本的な編集ツールが揃っているPremiere RushはPremiere ProやAfter Effectsが提供しているのと同じ「エッセンシャルグラフィックス(Essential Graphics)」が使用可能になっており、Adobe Stockで購入したものや事前に作成したものを上手く使うことで、より高度な編集が行なえます。
![](https://www.curioscene.com/wp-content/uploads/2019/03/IMG_8169-780x405.jpg)
ただ、同じエッセンシャルグラフィックスでもPremiere RushではAfter Effectsで作成されたものは利用できず、Premiere Proで作成したものであっても、使用するエフェクトによってはPremiere Rushで上手く表示できないものがあるので注意が必要です。
Premiere Rushに読み込み可能なエッセンシャルグラフィックスを作成するチュートリアルは「作成したエッセンシャルグラフィックスをRushで使用する方法」の記事から参考にできるので、初めて作成する場合は一度読んでおくことをオススメします。
デスクトップ版とiOS版の違い
Premiere Rushのバージョン1.1.0からはモーショングラフィックスのアップデートがあったのか、Premiere Proで作成したマスクのアニメーションなどが利用できるようになりました。
![](https://www.curioscene.com/wp-content/uploads/2019/06/IMG_0399-1.jpg)
しかし、残念ながらiOS版(ver 1.1.2)のものに関してはまだ対応しておらず、同じPremiere Rushに対応したエッセンシャルグラフィックスでも見た目が変わってしまうことに注意してください。
![](https://www.curioscene.com/wp-content/uploads/2019/06/IMG_0396-1.jpg)
下のモーショングラフィクスを例にしてみると、デスクトップ版ではテキスト上部はマスクのエフェクトで消えているのがわかりますが、iOS版ではテキストが表示されています。
![](https://www.curioscene.com/wp-content/uploads/2019/06/prp-to-rush-essential-graphics-1-1.png)
![](https://www.curioscene.com/wp-content/uploads/2019/06/IMG_0276-1.png)
そのため、スマートフォンやタブレットでエッセンシャルグラフィックスを使用したいという方は、引き続き位置やスケールを使用したシンプルなアニメーションにすることをオススメします。
モーショングラフィックスの作成
今回筆者はPremiere Proで編集しているプロジェクトのテキストアニメーションをiPadでも編集ができるように、新しくエッセンシャルグラフィックスを作成してみました。
作成するアニメーションはこの動画にあるようなもの。
こちらのモーショングラフィックスはAfter Effectsでトラックマットを使用したものになっているのですが、現在の仕様ではPremiere Rushで開くことができません。
加えて、Premier ProのマスクはiOS版のPremiere Rushでは使用できないので、今回は似たような演出を残しつつ、テキストがフレームの下から現れるアニメーションを作ってみました。
ちなみにPremier Proにおけるモーショングラフィックスの作成方法はこちらの記事で詳しく紹介しているので、今回のチュートリアルと合わせて読んでいく事をオススメします。
Premiere Proでの操作
今回も前回と同じようにスケールと位置のキーフレームを使って作成していきましょう。既にモーショングラフィックスが完成している場合は、次の項目に写ってください。
Premiere Proのタブを「グラフィック」モードにして、新規シーケンスを作成しましょう。
![](https://www.curioscene.com/wp-content/uploads/2019/06/0068D8BC-5918-4585-B74D-812A94BB076F-1.jpeg)
テキストツールを使用してテキストを追加します。
![](https://www.curioscene.com/wp-content/uploads/2019/06/51C9F854-F2F2-4379-AE27-510BF449460C-1.jpeg)
ツールバーにあるペンアイコンを長押しで長方形ツールを選択して、細長い長方形を作成。「塗り」から色の設定もしておきましょう。
![](https://www.curioscene.com/wp-content/uploads/2019/06/C6CFFB31-5149-4B29-BFA4-EC93C11B79E5-1.jpeg)
![](https://www.curioscene.com/wp-content/uploads/2019/06/D113C283-8ADB-4268-85A7-05A6D2D25DB1-1.jpeg)
こちらの記事でも書いてありますが、一つのモーショングラフィックスレイヤーにテキストやシェイプの要素をまとめる必要があります。
![](https://www.curioscene.com/wp-content/uploads/2019/06/329CDA61-76CB-4367-B6F0-DB69FA924440-1.jpeg)
先程作成した長方形を複製し、名前を変えた後でサイズを調整します。
![](https://www.curioscene.com/wp-content/uploads/2019/06/53118261-6FAF-44FF-8D13-4037B9BB2484-1.jpeg)
各シェイプの「スケール」内にある「縦横比を固定」のチェックを外し、現在の状態をストップウォッチアイコンをクリックしてキーフレームを追加します。
![](https://www.curioscene.com/wp-content/uploads/2019/06/2FFDFD2F-76F7-4B3A-994F-6778A408F49B-1.jpeg)
そして、左から大きくなるよう「水平比率」のプロパティに「0%」と「100%」のキーフレームを追加。もう一つの短いシェイプにも同じようにしましょう。
![](https://www.curioscene.com/wp-content/uploads/2019/06/C07FB6B0-7B17-4E0B-A07B-598AD3B8B9B5-1.jpeg)
![](https://www.curioscene.com/wp-content/uploads/2019/06/1015D3E9-91D7-4C12-B125-CECC7C5EF015.jpeg)
数秒後にシェイプのアニメーションが消えるように、先程作成したキーフレームを複製し、「100%」、「0%」になるようにします。
![](https://www.curioscene.com/wp-content/uploads/2019/06/9C4D5FAB-DB3E-4E64-AB04-8D3779C2BED6-1.jpeg)
最初のキーフレームに右クリック「時間補間法」から「イーズアウト」、そして次のキーフレームに「イーズイン」を選択してイージングを加えます。またグラフエディタを加えると、より細かく設定できます。
![](https://www.curioscene.com/wp-content/uploads/2019/06/188A305C-8C95-4C79-AD5B-B19DF2AA19D0-1.jpeg)
![](https://www.curioscene.com/wp-content/uploads/2019/06/E92D8B04-805C-4E1A-B6BA-62037CAA5400-1.jpeg)
複製したキーフレームにも同じようにイージングを追加しましょう。
![](https://www.curioscene.com/wp-content/uploads/2019/06/A816300C-DCCB-4C99-B5FB-6CA678794711-1.jpeg)
テキスト部分はフレームの下から現れるようにします。シェイプと同じように、現在の位置を先にキーフレームとして追加し、タイムインディケーターを数フレーム動かして、フレームの外から現れるようにします。
![](https://www.curioscene.com/wp-content/uploads/2019/06/D598EE73-6C4D-4537-B372-7B05CFA3C5F8-1.jpeg)
後は同じようにキーフレームを複製し、イージングなどを加えると良いでしょう。
一部説明を省いていますが、作成しているアニメーションは多少の動きは違えど、前回の記事とほぼ同じになります。
Creative Cloudライブラリに保存
「作成したエッセンシャルグラフィックスをRushで使用する方法」の記事では同じパソコン内で使用できる「ローカルテンプレートフォルダー」を保存先に指定しましたが、この場合だとiOS版のPremiere Rushに保存されません。
どのデバイスからでも読み込めるようにするには「Creative Cloudライブラリ」に保存する必要があります。
![](https://www.curioscene.com/wp-content/uploads/2019/06/F40C6694-A07D-4C4D-AC57-F9B795A35BAE-1.jpeg)
書き出すモーショングラフィックスのレイヤーを選択し、上部メニューの「グラフィック」から「モーショングラフィックステンプレートとして書き出し」をクリックします。
![](https://www.curioscene.com/wp-content/uploads/2019/06/32CFFA26-0963-4F70-A00A-105F375248BA-1.jpeg)
すると書き出しウィンドウが現れるので、名前を変更して保存先を「My Library」に設定して「OK」をクリックしましょう。
iOS版への読み込み
![](https://www.curioscene.com/wp-content/uploads/2019/06/67DDFA5C-1854-443E-BD24-EC1BCE6649B0-1.jpeg)
Creative Cloudライブラリ経由で保存されたエッセンシャルグラフィックスは、自動でクラウドにアップロードされるので、他のデバイスでPremiere Rushを開いた時に「タイトル」のタブに表示されます。
![](https://www.curioscene.com/wp-content/uploads/2019/06/DC332CB4-42D9-4D45-94F0-AA2635502958-1.jpeg)
Rush側でフォントが対応していないと、日本語のテキストはこのような四角が表示されますが、「タイトル」の「編集」内の「フォント」からテキストの調整を行うと良いでしょう。
![](https://www.curioscene.com/wp-content/uploads/2019/06/E1E3B5DF-FF71-4EA2-8A62-388FC80734DB-1.jpeg)
筆者の場合は基本的にPremiere Proで映像編集を行なっているものの、場合によってはパソコンを持ち歩きたくないと考える時があります。
そんな時は今回のようにPremiere Proで使用しているモーショングラフィクスをiOS版のPremiere Rushに最適化すると、パソコンがなくても編集ができる環境が出来上がるので便利です。
近いうちに、iPadにあるPremiere Rushを使って本格的な映像編集をやってみようと思うので、その時はまた記事にまとめてみたいと思います!
(MIKIO)