折れ線グラフの作り方

背景やトレース元となる素材の準備方法は150kwさんやMukaidaさんが記載されていますので別のことを。

グラフアニメーションも「左から順に伸びていく」「下から伸びていく」など様々なり求められているアニメーションの好みによって方法が異なります。

ですのでgoogleで「AfterEffects 折れ線グラフ」を検索することで多くのチュートリアル動画がでてきますのでそちらを参考にご自身のグラフに沿った形で作成してみるのもよいかと！

https://www.google.com/search?q=AfterEffects+%E6%8A%98%E3%82%8C%E7%B7%9A%E3%82%B0%E3%83%A9%E3%83%95&sxsrf=AJOqlzUKMUtpacpn28K0Fnh5qUtXPlOXvA:1673849207942&source=lnms&tbm=vid&sa=X&ved=2ahUKEwjxq8mbtsv8AhWTrlYBHbiKCJ8Q_AUoAnoECAEQBA&biw=1680&bih=1390&dpr=1.25

グラフは、Excelなどの表計算ソフトで作成すると簡単に作れます。
グラフは画像として書き出して、After Effects に読み込んで、150kwさんが説明されているパスのトリミングをするとアニメーションにできます。

グラフは、折れ線が入ったものと入っていないものを書き出して、折れ線をペンツールでトレースしながらパスを描き、折れ線が入っていないものを背景として配置すると良いでしょう。

こんにちは、kjr666さん

いろいろ方法はあるかと思いますが、次の方法はいかがでしょうか。

＞①縦と横の数字を等間隔に入力するにはどうすればいいでしょうか？

Illustratorのグラフ作成機能を利用したらいかがでしょうか（下記リンク）。

この機能を利用して、折れ線グラフを作成し、Aiファイル形式で保存します。

Illustrator でグラフを作成する方法 (adobe.com)

また、私が作成した愚作グラフ作成マニュアルも合わせてご覧ください。マニュアルはExcelで作成してあり、下記リンクからダウンロードできます（ダウンロード期限：2023/01/31）。参考にして頂ければ幸いです。

https://shared-assets.adobe.com/link/c5ed735d-8d12-4576-445b-00771ac8006e 

＞②折れ線が伸びていくようなアニメーションをつけるにはどうすればいいでしょうか？

After Effectsに保存したAiファイルを読み込み、シェイプで折れ線グラフに沿ったパスを作成し、パスのトリミング機能で折れ線が伸びるアニメーションを付ければよいと思います。

※パスのトリミングは「コンテンツ」右端の「追加」の右側の矢印をクリックし開いたメニューから「パスのトリミング」を選択すると表示されます。

※キーフレームは「終了点」に打ちます。

下記リンクも参考にされたらいかがでしょうか。

Adobe After Effects ウェビナー向け動的グラフの作り方 | パソコン工房 NEXMAG (pc-koubou.jp)