裸で独りぼっち

マジの日記

AfterEffects入門公式39_わっかのアニメーション

https://helpx.adobe.com/jp/after-effects/how-to/animated-infographic.html?playlist=/services/playlist.helpx/set-header:after-effects-projects-more/products:SG_AFTEREFFECTS_1_1/learn-path:key-techniques/playlist:topic/ja_JP.json&ref=helpx.adobe.com

【1】ドーナツグラフを用意する

・太い線を用意し、塗りを消す

・CTRを押しながらアンカーポイントツールをクリック(Yキーを押す)とアンカーポイントが自動的にセンタリングされる

f:id:hadahit0:20200625194939p:plain

【2】パスのトリミング

・追加>パスのトリミングでアニメーション化することで円が徐々に描かれる

f:id:hadahit0:20200625195421p:plain

f:id:hadahit0:20200625195639p:plain

【3】円を4つ用意する。

・色を変え、同様にパスのトリミングを設定。

一番下のセグメントを最初に開始し、一番上のセグメントを最後に開始する。

・終了の終わりのキーフレームのパーセンテージは最終的になる大きさの数値に(100・60・30・10)

f:id:hadahit0:20200625201901p:plain

・レイヤーのZ回転の値を変更することで好きな角度からグラフアニメーションを始められる。(軸の周りをまわっている)

 

【4】2つ目のデータ系列を追加する

内側のデータ系列を追加する

・パスのオフセットで立体感を追加

f:id:hadahit0:20200626081332p:plain

【5】文字を入れる&背景を作る

・ちょっとずらしながら文字を入れると良い

・CC Repetileでイメージをタイル状に並べ、マスクを操ってパターン背景を

f:id:hadahit0:20200626090729p:plain

f:id:hadahit0:20200626090824p:plain