Premiereモバイル版でキーフレームを使ってテキストと画像をアニメーション化

はじめに

[Dave Ko]: 動画で他の人と 同じテンプレートを使うことに うんざりしていませんか？

自分でコントロールして、 画面上でテキストを動かすように カスタマイズしましょう。

こんにちは、Dave Koです。

モーションデザイナーで、 何十年もPremiereを使っています。

Premiereモバイル版にキーフレームという 新しいプロ機能が追加されました。

キーフレームによって クリエイティビティが向上し、 ありきたりなテンプレートから 解放されます。

今日は、Premiereモバイル版で キーフレームを使って、 テキストなどを思い通りに 動かす方法をご紹介します。

キーフレームは、タイムライン上の 特別なマーカーで、 位置、スケール、不透明度、回転などの 情報を保存します。

2つのキーフレームを設定すると、 Premiereによって あるポイントから次のポイントまでの 間のフレームを自動的に補完します。

では実際に見てみましょう。

キーフレームを設定してプロパティをアニメーション化

新しい空白のプロジェクトを開き、 画面下部の「ビデオと画像」を タップして、 「Adobe Stock」をタップします。

Adobe Stockは Premiereモバイル版に組み込まれており、 多くの素材を実に無料で利用できます。

次に「Pickleball」で 画像を検索します。

気に入ったものが見つかったら タイムラインに追加し、 クリップの端を右にドラッグして クリップの長さを6秒に 伸ばします。

画像下部の青いハンドルを使って 左に数度回転させます。

次に、2本の指で画像をピンチして 少し拡大し、 広げます。

クリップの最初に移動して、 プラス記号の付いたダイヤモンドを タップしてキーフレームを設定します。

タイムラインをドラッグして クリップの終わりまで移動し、 別のキーフレームを設定します。

ここで、画像をピンチして 画像を縮小します。

次に、下部にある同じ回転ハンドルを 使って 反対方向に数度回転させます。

再生をタップします。

画像がクリップ全体にわたって ゆっくりと流れるように回転します。

これがキーフレームの働きです。

回転とスケールを設定した 2つのキーフレーム間の すべてのフレームを補間します。

では、 テキストをアニメーション化しましょう。

テキストが画面の外からスライドインするアニメーション

左下のボタンをタップするか タイムラインの空いている部分をタップして クリップの選択を解除します。

「タイトルと字幕」をタップして テキストレイヤーを作成し、 次に「タイトル」をタップします。

「Pickleball」と入力して 青いチェックマークをタップします。

タイムライン上の停止していた場所から そのタイトルクリップが開始されます。

タップして長押しし、タイトルを 画像クリップの始まりまでドラッグします。

タイトルの長さを クリップと同じにしましょう。

右にドラッグして 端を伸ばします。

テキストクリップを選択した状態で 「スタイル」をタップして テンプレートを選択し、 フォント、カラー、 レイアウトを選びます。

タイムラインを2秒のマークまでドラッグし、 そこでキーフレームを設定して テキストを最終的に 配置したい位置に移動させます。

下に2行目のテキスト用の スペースを残すため少し上に移動し、 これが最終位置になります。

タイムラインの最初に戻り、 別のキーフレームを設定して テキストをフレームの 左側にスライドさせます。

手動でドラッグすることもできますが、 正確にまっすぐなラインで移動させるには、 テキストオプションパネルを左にドラッグして 「トランスフォーム」をタップします。

スライダーを使って テキストを正確に左に移動させ、 「不透明度」をタップします。

不透明度を0まで下げて 不透明度パネルを閉じます。

再生すると、テキストがフェードインし、 左からスライドして 中央で停止します。

では、「Tournament」という 2つ目のテキストレイヤーを追加します。

今度は右側から始めて、 中央にスライドさせます。

また、少し小さく、 「Pickleball」がメインになるようにします。

調整して、 横にスライドさせてから 不透明度を下げてフェードインさせます。

再生してみましょう。

これで完成です。

優しいモーションのイージングを追加

いいですね。

「Pickleball」レイヤーを選択すると、 キーフレームのダイアモンドアイコンの横に 両端がカーブしている 小さな斜線が見えます。

これがイーズボタンです。

イージングはアニメーションの 加速と減速をコントロールします。

ハードなキーフレームは 硬直したロボットのような動きになります。

これらのくねくねしたイーズは揺れで、 激しく連続したバウンスを 得ることができますが、 洗練された結果を得るには 終わりに小さなカーブがある イーズアウトを選択してください。

テキストが滑らかに入ってきて、 優しくゆっくりと停止します。

これで完全にコントロールできます。

Premiereモバイル版のキーフレームを使って テキストやその他のレイヤーの アニメーションをカスタマイズできます。

画一的なテンプレートは必要ありません。

想像したものを正確に制作できます。

Dave Koでした。

カスタマイズされたキーフレームが 世に出るのを 楽しみにしています。