0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

HolmesAdvent Calendar 2019

Day 13

アニメーション再現の考え方

Posted at

アニメーションを再現する際の第一歩として、動きの分解について考えていこうと思います。

動きの分解

アニメーションを再現する際に、まず重要なことが「動きの分解」だと私は考えます。
例として以下のアニメーションを再現してみます。
アップロードの動き.gif

このアニメーションの動きを分解すると、帽子が震える帽子が昇って消える帽子が降ってくるの3つになります(分解の粒度は個人差があります)
この3つの分解の考えを元にアニメーションを再現していきます。

再現してみました。細かい部分はまだ再現できていないですが大まかな部分は再現できたと思います。所要時間は3分です。
アップロードの動き(作成).gif

動きの分解さえ考えてあれば、迷うことなくサクサクとアニメーションを作成できます。
アニメーションを作成する際は、動きの分解についてを頭の片隅においておくと役に立つかもしれません。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?