https://peatix.com/event/697729?lang=ja

1. After Effects入門
ロゴアニメーション講座
mics_workshop

2. wifi設定
SSID : oissu-yaba-a
: oissu-yaba-b
PW : konnnyaku902

3. 藤重 裕二
● 愛知工業大学 メディア情報専攻4年
● 1998年3月22生まれ。 21才。
● 名古屋生まれ名古屋育ち
● 趣味は読書とゲーム
● After Effectsは高校の部活動で触り始める。
● プログラムやデザイン等も勉強中。

4. イベントのハッシュタグ
つぶやくと、中の人がフォローします！
#micsworkshop
でツイート！写真撮影も可能です。

5. 今回のイベントのテーマ
After Effectsの基礎を学んで
簡単なモーショングラフィックスを
作れるようになる

6. 本日の内容
18:30 ~ 19:10 モーショングラフィックスの基本
19:10 ~ 19:20 絵コンテ制作
19:20 ~ 19:30 休憩
19:30 ~ 20:30 モーション製作
20:30 ~ 21:00 交流会
21:00 終了

7. モーショングラフィックス
の基礎

8. モーショングラフィックスとは
Design SoundMotion
デザイン 動き 音楽

9. モーショングラフィックスとは
Design SoundMotion
デザイン 動き 音楽

10. ロゴアニメーション
● 基本操作を学ぶのにちょうどいい
● 汎用性が高い
● 大事な要素が詰まってる

11. 基本的な操作のみで作る
● 位置を変える
● 回す
● 不透明度を変える
● サイズを変える

12. トランスフォーム

14. トランスフォームとは
レイヤーが空間にどのように配置されているかを設定する項目。

15. アニメーションのさせ方
(1500 , 553.3) (2500 , 553.3)
タイムライン上にあるひし形のマーク(キーフレーム)に値を保存していく。
キーフレームの間を時間経過で移動することで動きが加わる。
時計のボタン ：キーフレームを使うか使わないかの設定。
ひし形のボタン：タイムラインにキーフレームを追加する。
タイムライン

16. アンカーポイント
レイヤーの中心点を決める値。
回転やスケールを変える際に、アンカーポイントがある位置が中心になる。
アンカーポイントツールを使うと、ドラッグで設定できる。

17. モーションブラー

20. ● 動きに合わせて自動でブレを作ってくれる。
● 人間の動体視力には限界があるので、一定の速度以上はブレて見える。
● 現実と同じようにブレを加えることで、より自然に見える。
モーションブラーとは

21. モーションブラーを追加したいレイヤーのスイッチを押す。
モーションブラーの作り方１

22. 最後に、右上のボタンを押すと画面に反映される。
そこそこ負荷のかかる処理なので、重いと感じたらこのボタンを押して、モーシ
ョンブラーを外してから作業するといいかも。
モーションブラーの作り方2

23. イージング

25. ● 加速度を変化させて緩急をつける。
● 自然界ではモノが動くとき必ず加速、減速する。
● 人間の脳は加減速を予測して動きを見る為、より自然に見える。
イージングとは

26. イージングの作り方
イージングをさせたいキーフレームを全部選択してから選択したキーフレーム
を右クリック。
キーフレーム補助 ⇒ イージーイーズ

27. ● キーフレームの値の速度や変化量をグラフで見ることが出来る。
● ハンドルを動かしてグラフを編集できる。
グラフエディター

29. ワークショップ

30. Aのアニメーションを考える

31. 動きを考える
→

32. 絵コンテをつくる

33. おススメのサイト
公式チュートリアル https://helpx.adobe.com/jp/after-effects/tutorials.html
After Effects Style https://ae-style.net/
ダストマンTips https://www.youtube.com/channel/UCDwwZiOLmFWV_YmOgAks5Ug
vook https://vook.vc/search?current=note&query=After+Effects