まず、シェイプレイヤーを追加して棒グラフを作成します。

この時、「長方形ツール」で作成するのではなくペンツールで１本の線を作成します。線が描けましたら線の太さを調整しましょう。

次にパスのトリミングを行います。

「コンテンツ」＞「追加」＞「パスのトリミング」を選択して終了点を０にします。

２０フレームにキーフレームを打ち、４０フレームに１００％でキーフレームを打ちます。

これで棒グラフがニョキニョキと伸びるアニメーションができます。

前回紹介した「境界線」（「右クリック」＞「レイヤースタイル」＞「境界線」）を加えるとより見えやすいグラフができます。

●棒グラフ完成

出来上がった１本の棒グラフをコピーしてグラフを作っていきます。

もちろん同じ色の動きでは、味気がないので項目ごとに色付けや３フレームずつアニメーションをズラして見栄えよくしましょう。

●テキストアニメーション

続いてテキストアニメーションです。

今回は棒グラフの上昇と連動して数値が上がるアニメーションを行います。

テキストを入力したら「エフェクト」＞「エクスプレション制御」＞「スライダー制御」を選択します。

レイヤーにエフェクトがついたら「テキスト」＞「ソーステキスト」と「エフェクト」＞「スライダー制御」＞「スライダー」を

リンクさせます。

これで「スライダー」の数値を連動させればテキストの数値がカウントされます。

２０フレーム目を０にして、４０フレーム目をグラフの値にしましょう。

さらに、テキストの位置を２０フレーム目にグラフの底、４０フレーム目をグラフが上がりきったところに位置に置きましょう。

最後にテキストを書くグラフごとにコピーして、数値、位置、数値の変動のタイミングをずらせば棒グラフのアニメーションの完成です。

次回の動画制作はアイコンを使ったアニメーションをご紹介します。お楽しみに！