チュートリアルを見る
ステップ1:Pen Toolでグラフを描く
まず、タイムライン上の白いColor Matteなど、シンプルな背景から始めます。ツールバーでPen Tool(ショートカットP)を選び、Programモニターでグラフを始めたい角をクリックします。
線の上下に合わせてクリックし続け、ポイントを追加していきます。クリックするたびに新しいポイントが追加され、Premiereが自動でつないでくれます。グラフの終わりでは、いったん画面内をクリックしてから、ポイントをフレームの外までドラッグすると、線がきれいに画面の外へ抜けます。

ステップ2:シェイプを閉じる
塗りつぶしたグラフにするには、最後のポイントを最初のポイントにつなぎます。Programモニターを少しズームアウトして、フレーム外にあるポイントに届くようにし、最初のポイントをクリックしてシェイプを閉じます。これで灰色に塗りつぶされたシェイプができます。
ステップ3:塗りと線のスタイルを整える
シェイプレイヤーを選択してEffect Controlsを開きます。Shapeの設定を展開し、Appearanceを探します。Fillの横のカラーボックスをクリックして好きな色を選び(動画では鮮やかな緑)、OKを押します。
Strokeをオンにして別の色を選び、OKをクリックすることもできます。初期設定の線幅は細いので、線幅を上げるのを忘れないでください。濃い色の線を付けると、グラフの上端が力強く見えます。
あとからグラフを調整したいときは、シェイプレイヤーとPen Toolを選択したままにしておきます。そうすれば、好きなポイントを動かして線を変えられます。
ステップ4:Linear Wipeエフェクトを適用する
グラフをアニメーションさせるには、Effectsパネルを開いてwipeを検索します。Video Effects > Transitionの中のLinear Wipeをシェイプレイヤーにドラッグして適用します。

BetterFXならもっと速い:Effectsパネルは不要です。BetterFXのショートカットを押し、Linear Wipeの最初の数文字を入力してEnterを押すだけで、選択したクリップに適用されます。BetterFXを入手
ステップ5:Transition Completionにキーフレームを打つ
レイヤーを選択してEffect Controlsに移動します。再生ヘッドがクリップの最初にあることを確認してください。Transition Completionの横のストップウォッチをクリックしてキーフレームを開始し、値を100%、Wipe Angleを270に設定します。これでワイプが左から動くようになり、最初はグラフが隠れた状態になります。
次に再生ヘッドを少し先へ進め、Transition Completionを0%に設定します。Premiereが2つ目のキーフレームを作り、2つの間でグラフが左から右へ表示されます。アニメーションを速くするには2つ目のキーフレームを1つ目に近づけ、遅くするには遠ざけます。

ステップ6:動きをなめらかにする
表示をよりなめらかにするには、Transition Completionのキーフレームを両方選択し、どちらかを右クリックしてEase Inを選びます。次にもう一度キーフレームを選択してEase Outを選びます。これでグラフは一定の速度で動くのではなく、ゆるやかに始まりゆるやかに終わります。

EaseFlowならもっとなめらか:キーフレームを選択して、ベジェハンドルをドラッグする代わりに、本格的なイージングカーブをワンクリックで適用できます。EaseFlowを見る
さらに細かく調整したいときは、Transition Completionの設定を展開して速度グラフを開き、表示のタイミングが気持ちよくなるまでカーブを調整します。詳しく知りたい場合は、ガイドPremiere Proでキーフレームにイージングをかける方法をご覧ください。
ステップ7:Featherで端をやわらかくする
表示の先頭の端をやわらかくしたいときは、Linear WipeのFeatherの値を少し上げます。ワイプの端がぼけて、グラフが進みながらフェードインするように見えます。

線だけにしたい場合は、塗りの色をオフにすることもできます。その場合、アニメーションは画面を横切るシンプルな線画として再生されます。
ヒント
- ポイントを増やしましょう。Pen Toolのポイントが多いほど、自然で不揃いな線になります。
- ブランドに合わせましょう。塗りと線の色は、チャンネルやブランドのカラーパレットから選びます。
- 数字をカウントアップ。グラフと数字カウントアニメーションを組み合わせると、データシーンが完成します。
FAQ
Premiere Proで折れ線グラフをアニメーションさせるには?
Pen Toolでグラフを描き、Linear Wipeを適用して、Transition Completionを100%から0%へキーフレームで動かします。
グラフが逆の側から表示されるのはなぜですか?
Wipe Angleを変更します。値を270にすると、グラフが左から表示されます。
グラフアニメーションをよりなめらかにするには?
両方のキーフレームを選択してEase InとEase Outを適用し、速度グラフでカーブを微調整します。
数分で編集できる完成版が欲しいなら、Smooth Graph Animationプロジェクトを入手して、セットアップを省きましょう。








