チュートリアルを見る
ステップ1:長方形を描く
素材をタイムラインに置きます。ツールバーでRectangle Toolをクリックし、Programモニター上でバブルを置きたい場所にシンプルな長方形をドラッグします。クリップの上のトラックにグラフィックレイヤーとして表示されます。
ステップ2:角を丸くして色を選ぶ
シェイプを選択した状態でEssential Graphicsパネル(Window > Essential Graphics)を開き、Editタブに切り替えます。Align and Transformセクションで、長方形がやわらかなカプセル形になるまでRoundnessの値を上げます。動画では150前後です。続いてAppearanceまでスクロールし、グレーのFillのカラーボックスをクリックして、好きな色(定番の水色など)を選びます。

ステップ3:Penツールでしっぽを付ける
タイムラインのグレーの空白部分をクリックして、すべての選択を解除します。次にツールバーでPenツールを選び、Programモニターをクリックして、長方形の下の角に小さな三角形を描きます。最初の点をクリックしてシェイプを閉じます。三角形がバブルに溶け込んでしっぽになるよう、同じ塗りの色を設定します。

ステップ4:シェイプを1つのバブルにまとめる
長方形と三角形はまだ別々のレイヤーです。タイムラインで片方をクリックし、Shiftを押しながらもう片方をクリックしたら、右クリックしてNestを選びます。名前を付けてOKをクリックしてください。これでチャットバブルが1つのクリップになり、ひとまとまりのオブジェクトとして移動、拡大縮小、アニメーションができます。

ステップ5:返信用にバブルを複製する
Alt(MacではOption)を押しながら、ネストしたバブルを1トラック上にドラッグして複製します。Programモニターで上のバブルをダブルクリックし、少し下に移動します。次にEffectsパネルでHorizontal Flipを検索して上のバブルに適用し、位置を調整して、しっぽが逆向きになるようにします。他の人からの返信のように見えます。
BetterFXならもっと速く:Effectsパネルは不要です。BetterFXのショートカットを押し、Horizontal Flipの頭文字を入力してEnterを押すだけで、選択中のクリップに適用されます。BetterFXを入手
返信に別の色を付けるには、上のレイヤーにTintエフェクトを適用します。Effect ControlsでMap Black ToとMap White Toの横にあるカラースウォッチをクリックし、好きな色を選びます。動画では2つ目のバブルに緑を使っています。

ステップ6:メッセージを追加する
Typeツールで最初のバブルのメッセージを書き、もう一度タイムラインのグレーの部分をクリックして2つ目のメッセージを書きます。それぞれのテキストがバブルの中にきれいに収まるようにします。メッセージとバブルをまとめておくために、バブルとそのテキストを選択し(Shiftを押しながら両方を選択)、右クリックしてNestを選び、OKをクリックします。2つ目のバブルとそのテキストにも同じ操作を繰り返します。
ステップ7:ポップアップをアニメーションさせる
下のバブルにTransformエフェクトを適用します。Effect ControlsでTransformを開き、Scaleの横のストップウォッチをクリックしてキーフレームを作り、次に2つ目の値を設定して、バブルが数フレームで0(見えない状態)から元の大きさまで変化するようにします。2つのキーフレームを選択し、どちらかを右クリックしてEase Inを選び、もう一度右クリックしてEase Outを選びます。これでポップが機械的ではなく滑らかになります。

EaseFlowならもっと滑らかに:キーフレームを選択して、ベジェハンドルをドラッグする代わりに、ワンクリックで本格的なイージングカーブを適用できます。EaseFlowを見る
最後に、Effect ControlsでTransformの文字をクリックし、Ctrl + C(MacではCmd + C)でコピーしたら、2つ目のバブルを選択してCtrl + Vを押します。これで両方のバブルにアニメーションが付きました。同時にポップアップさせたくない場合は、2つ目のバブルをタイムライン上で少し後ろにずらしてください。
ヒント
- メッセージの出るタイミングをずらす。2つ目のバブルを0.5秒ずらすと、本物の会話のように見えます。
- テキストは短く。短いメッセージは読みやすく、バブルにもきれいに収まります。
- 音を足す。各バブルにメッセージの通知音やシュッという効果音を付けると、アニメーションがぐっとリアルになります。
FAQ
Premiere Proでチャットバブルを作るには?
Rectangle Toolで長方形を描き、Essential Graphicsで角を丸くし、Penツールで三角形のしっぽを追加して、2つのシェイプをNestでまとめます。
チャットバブルを反対向きに反転するには?
複製したバブルにHorizontal Flipエフェクトを適用して位置を調整すれば、しっぽが反対側を向きます。
バブルを滑らかにポップアップさせるには?
Scaleを0から元の大きさまでキーフレームで動かし、キーフレームにEase InとEase Outを追加します。詳しくはPremiere Proでキーフレームにイージングをかける方法のガイドをご覧ください。
できあがったものを使いたい方は、通知アニメーションテンプレートをプロジェクトにそのままドロップしてお試しください。








