データや情報を、グラフィックやアニメーションを用いてビジュアル化し、 多くの人に分かりやすい形にして見せるためのもの。
◆ＳＴＥＰ１ イメージを膨らませる
- 参考動画・参考デザインを探す(制作会社の実績、YouTube、Pintarestなど) - テンプレートサイトを眺めてヒントを得る
◆ＳＴＥＰ２ とにかく真似る
- オリジナルは真似の集合体。真似する力がオリジナル作品のクオリティに直結。 - インフォグラフィックスは細部までトレースして上手くなろう。 - 今まで学習した内容で多くのアニメーションは完結できる。
<aside> 💡 超重要 インフォグラフィックスは撮影映像の綺麗さで誤魔化せない分、 「文字の配置・大きさ・色」「全体的な配色のバランス」「構図」などのデザインを 丁寧に設計していかないと一気にアマチュア感が出てしまいます。デザイン大事！！
</aside>
今回ＴＴＰする動画
※徹底的にＴＴＰしてみましょう。 細かい所でプロとアマチュアの差が出ます。 動きやデザインなど細かい所まで再現しましょう 同時に、ＡＥの仕組み、操作方法に慣れましょう やった分だけ上達します！
今回は配布している素材を使用してください。 案件や自主制作をする場合は、以下のようなサイトから素材をダウンロードします。
| イラスト | ||
|---|---|---|
| unDraw | 無料で商用可のおしゃれなイラスト素材が手に入る | https://undraw.co/illustrations |
| freepik | ベクター素材のフリーダウンロードサイト | https://jp.freepik.com/ |
| イラストAC | 高画質なイラストが無料でダウンロードできる | https://www.ac-illust.com/ |
| ちょうどいいイラスト | さまざまな場面で活躍するシンプルで可愛い無料イラスト | https://tyoudoii-illust.com/ |
| ソコスト | さまざまな場面で活躍するシンプルで可愛い無料イラスト | https://soco-st.com/ |
| アイコン | ||
| icooon mono | モノトーンでシンプルなアイコンが手に入るフリー素材サイト | https://icooon-mono.com/ |
| iconmonstr | 商用利用可能で、加工もできるアイコンを配布 | https://iconmonstr.com/ |
| FLAT ICON DESIGN | おしゃれで可愛いフラットアイコンが無料でダウンロードできる | http://flat-icon-design.com/ |
<aside> 💡 ダウンロード形式について 素材の形式は「png , ai , eps , psd」のいずれかでダウンロードすると良いです。
</aside>
(1)ペンツールで線を作成(先端は丸くする) (2)レイヤーの追加項目から「パスのトリミング」を追加 (3)パスのトリミングの開始点・終了点にキーフレームを追加 (4)作った線アニメーションを複製して、ドット柄をトラックマットで背景に指定。