Keynoteを使ったアニメーションのやり方を説明します。
この記事は「これからKyenoteを使ってアニメーションを作ってみたい」という初心者に向けて書いてます。
ここで説明する内容を理解すれば、おおよそのアニメーションを作ることができるようになるので頑張って覚えましょう。
<動画版はこちら>
動画で学びたい方はこちらの動画を参考にしてください。
オブジェクトをアニメーションに設定する
まず初めに、オブジェクトをアニメーション化する方法を覚えましょう。
1.アニメーションにしたいオブジェクトを選択し、アニメーションをクリックする
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/23365d56280b8fadfc7aae3074ec52b3.png?resize=728%2C471&ssl=1)
すると、アニメーションボタンのすぐ下にイン・アクション・アウトの3つのタブが表示されます。それぞれの使い方は以下の通りです。
アクション:スライド上のオブジェクトに動きを入れる
アウト:オブジェクトをスライドから消す
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/554b6f8cfd74bd1ef24c1012f4324ba5.png?resize=728%2C490&ssl=1)
今回の説明では「アクション」を選択して説明します。(インやアウトでも操作方法はほとんど変わらないです)
2.「アクション」→「エフェクトを追加」を選択し、エフェクトを選択する。
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/d0e94269a985ba66bac7e3c601c1469a.png?resize=728%2C421&ssl=1)
これでオブジェクトにアニメーションをセットすることができたと思います。
アニメーションの編集
上で説明した内容を実施してオブジェクトをアニメーション化したら、下図の設定画面が表示されます。できることを1つずつ説明していきます。
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/5edb66840ff1dc99e94cb56b7d25425c.png?resize=728%2C375&ssl=1)
1.エフェクト変更・プレビュー表示
エフェクトの種類を変更したり、プレビューを表示することができる
2.継続時間の設定
アニメーションの移動時間を設定することができる(継続時間が長いほどゆっくり移動します。)
3.位置の設定
移動するオブジェクトの位置を設定することができます。
ただ、オブジェクトを直接ドラックした方が直感的で使いやすいです。オブジェクトの位置を微調整したいときなどに使用すると良いと思います。
4.モーションパスに揃えるかの設定
オブジェクトをモーションパスに揃えて回転させるかどうかを設定します
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/066b9bd83721064babf1ec4ea28e023b.png?resize=728%2C256&ssl=1)
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/7dd4c3f74f006b34bb1d70d7adebd54e.gif?resize=480%2C270&ssl=1)
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/90ede8be162c92ef6555eab8fb7caede.gif?resize=480%2C270&ssl=1)
5.速度の変化を設定
ズームインとズームアウトの設定をします。
「ズームアウト」は最後がゆっくり
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/5d603fd8bca58e4e69d74adc460513d1.gif?resize=480%2C270&ssl=1)
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/0e142150e2e2a9324b1359983c1a3d2c.gif?resize=480%2C270&ssl=1)
6.移動の順番を設定
複数のエフェクトがある場合、選択した順番のオブジェクトを選択することができます。また、こちらの数字を確認すれば、選択しているオブジェクトが何番目のアニメーションであるかを確認することができます。
7.アクションを追加する
アクションを追加したい場合に使用します。
モーションパスの編集
次に、モーションパスの編集方法を説明します。モーションパスとはオブジェクトの動きのことです。
モーションパスを編集する場合は、赤線部を編集します。
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/e079d5f9792e1697a1da6bf6336b9d09.png?resize=728%2C328&ssl=1)
赤線部の真ん中ににある●マークをドラッグすると下図のように曲線にすることができます
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/85aa3a97f691a625a4efe21a8e5ce0ca.png?resize=728%2C293&ssl=1)
さらに、曲線部を右クリックをすると、シャープポイントやベジェポイントを作成することができます。
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/c55550b1b3d85e91fca54cfa82f20002.png?resize=728%2C415&ssl=1)
アニメーションの動作確認・再編集
複数アクションのプレビューを一括で再生したい場合は「オプジェクトを選択」→「ビルドの順番」→「プレビュー」で確認することができます。
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/cbe84721beee761b737f6d9006ffd9c5.png?resize=728%2C544&ssl=1)
アニメーションを再編集したい場合は下図の赤いひし形マークをクリックします。
![](https://i0.wp.com/yutori-time.com/wp-content/uploads/2021/02/29cb5f90b86e990c264f5e791b001c15.png?resize=728%2C293&ssl=1)
以上が基本的なアニメーションのやり方となります。最初はこの記事を読みながら操作をしてみてください。理解できてきたら、実際に色々なアニメーションを作ってみると慣れてくると思います。
動画でも説明していますので、ぜひ参考にしてください。