こんにちは。さとうさんです。「がおがお」と「たいがー」が画面上を走り回る日を夢見て、今日もお絵かきします。
前回は「がおがお」が岩を飛ぶ動画を作るため、GIMPを使ってレイヤーを作りました。今回はAnimeEffectsを使ってそのレイヤーを動かしていきます。
まずは、どんなアニメーションを作るか前回のおさらいです。
①「がおがお」は画面にとどまりながら、歩いているように見せる。
②歩いた先に大きな岩がある。（岩が「がおがお」に近づいてくる。）
③「がおがお」がジャンプをする
④ジャンプした「がおがお」がしっぽを振る。
ここで意識しなければならないのは、①と③は「がおがお」の体としっぽが一緒に動くのに、④では「がおがお」のしっぽだけを動かすということ。これを簡単に実現させるために、AnimeEffectsでフォルダオブジェクトを作り、「がおがお」の体としっぽのレイヤーをこのフォルダオブジェクトに加えます。
こうすることで、「がおがお」の体としっぽを同時に動かす設定ができるようになります。
では、アニメーションの動きを１つずつ設定していきましょう。
①「がおがお」は画面にとどまりながら、歩いているように見せる。
「がおがお」が歩いているように見せるために、「がおがお」を左右にスイングさせます。「たいがー」を横移動させる際に説明した通り、レイヤーを移動させるためには移動前後の場所を指定します。今回は0.5秒ごとに、支点を中心に±5°の位置へ移動させる動きを入れることで、「がおがお」がスイングしているように見せました。
②歩いた先に大きな岩がある。（岩が「がおがお」に近づいてくる。）
岩の移動は前回の「たいがー」の移動と同じです。開始時点では画面の左枠外、終了時点で画面の右枠外に設定しておくと、岩が移動してきたように見えます。
③「がおがお」がジャンプをする
岩のX軸がが「がおがお」のところまで来たタイミングで、「がおがお」が岩の上部へ来るように場所を設定します。そして、その前後1.75秒に「がおがお」が元の位置にいるように設定すると、「がおがお」がジャンプしているように見えてきます。
④ジャンプした「がおがお」がしっぽを振る。
最後は「がおがお」のしっぽのレイヤーだけに設定を入れます。「がおがお」自体をスイングさせたように、今度はしっぽだけを0.5秒感覚でスイングさせました。
これらの動きを組み合わせると、以下のアニメーションの完成です。
