Amazonで商品を見るセール会場へ

After Effects│タイムラインパネルに表示されるキーフレームアイコンについて

グラフを見なくてもタイムラインパネルに表示されるキーフレームアイコンを見て、アニメーションの状態がだいたい把握できるようにメモしました。

目次

キーフレームの状態

キーフレームアイコン一覧

基本のキーフレームアイコン

  • 菱形:リニア
  • 中央の左右が凹んでいる六角形:ベジェ
  • 正方形:停止
  • 円形:自動ベジェ

補間が変化するキーフレームアイコン

  • 中央の右側が凹んでいる六角形:リニアからベジェ(例:イージーイーズアウト)
  • 中央の左側が凹んでいる六角形:ベジェからリニア(例:途中からイージーイーズイン)
  • 中央の右側が直線の五角形:リニアから停止(例:停止したキーフレーム切り替え)
  • 中央の左側が凹んでいる五角形:ベジェから停止

After Effectsのほかの操作は、まとめからご覧いただけます。

まとめ

キーフレームアイコンの形状を覚えておくと、グラフエディターを開かなくてもアニメーションの補間状態がすぐに把握できます。

参考:https://helpx.adobe.com/jp/after-effects/using/keyframe-interpolation.html

After Effects の学習に使える本と、制作が捗る機材

After Effects は触りながら覚えるのが早いですが、表現の引き出しを増やすには書籍が効きます。作業時間を削る機材も併せてまとめました。

After Effects を学べる本

操作の暗記より、なぜその表現になるかを追える本を選んでいます。

\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
玄光社
¥2,420 (2026/09/08 21:08時点 | Amazon調べ)
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ

編集作業が捗る機材

左手デバイスはショートカットの往復を減らし、外付けSSDはプレビューのもたつきを減らします。

\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ
\Amazonで商品を見る/
Amazon
\楽天市場で商品を見る/
楽天市場
\Yahoo!ショッピングで商品を見る/
Yahooショッピング
\メルカリで商品を見る/
メルカリ

選び方をもっと詳しく

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次