今回はインフォグラフィックスで使える線グラフの作り方をやってみたいと思います。
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/線グラフ_01.gif)
円シェイプを用意
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.00.44-1024x570.png)
まずは新規にシェイプレイヤーを4つ作成します。一つのシェイプ内に作るのではなく各レイヤーに作成します。名前もわかりやすいようにしておきます。
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.02.32.png)
ペンツールでラインを作成
ペンツールでラインを作成します。この場合は円の数だけ頂点を作りたいので4つ頂点を作っています。
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.05.37-1024x578.png)
パスを選択
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.07.10.png)
ラインのパスを選択します。パスを素早く出すにはレイヤーを選択した状態で検索に”パス”といれると素早く表示できます。
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.07.16.png)
Create Nulls From paths.jsx
メインメニューのウィンドウから”Create Nulls From paths.jsx”を開きます
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.08.58.png)
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.08.53.png)
開かれたパネルから”ポイントはヌルに従う“を選択します。
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.12.04.png)
これでラインのパスの頂点位置と同期してヌルが作成されます
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.13.14-1024x578.png)
ラインレイヤーを選択してエフェクトコントロールを見ると頂点の数分のレイヤー制御エフェクトがついています。これを上から順に円シェイプの順次選択します。
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.16.04.png)
これでラインお頂点と円シェイプが同期します。あとは円シェイプを動かせばラインの頂点が連動するようになります
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-27-16.17.19-1024x150.png)
完成
Create Nulls From paths.jsxは標準機能なのに使われていない悲しい機能なので是非使ってください。
インフォグラフィックスを作って快適なAe生活を^^