![](https://sashilog.com/wp-content/uploads/2023/03/3bc0f05f57fd089b477d1974a8ff72af-1.gif)
プレゼン資料にアニメーションを入れる事によって文字や図形等を強調する事が出来ます。
見出しをスライドインさせたり、強調したい文字をフェードインさせたりと色々な表現があります。
この記事ではアニメーションの挿入方法を紹介します。
アニメーション化の準備
![](https://sashilog.com/wp-content/uploads/2023/03/image-2.png)
アニメーション化したいテキスト/図形を選択します。
![](https://sashilog.com/wp-content/uploads/2023/03/image-3.png)
メニューバーの「挿入」からアニメーションを選択します。
![](https://sashilog.com/wp-content/uploads/2023/03/image-4.png)
またはアニメーション化したいテキスト/図形を左クリックする事でメニューが開きますのでアニメーション化を選択します。
![](https://sashilog.com/wp-content/uploads/2023/03/image-8.png)
スライドの右側にアニメーションの編集メニューが表示されます。
スライドの移行
![](https://sashilog.com/wp-content/uploads/2023/03/image-13.png)
スライドが次のページに移行する際のモーションを設定出来ます。
使える効果は以下の7種類です。
ディゾルブ
![](https://sashilog.com/wp-content/uploads/2023/03/d718b08176daff3a4acdbae6756c112b-6.gif)
フェード
![](https://sashilog.com/wp-content/uploads/2023/03/58f61a59646bebb3d889e5fdee24359e-3.gif)
右からスライド
![](https://sashilog.com/wp-content/uploads/2023/03/bb35f5314e525c772da4d07e15e650e7-3.gif)
左からスライド
![](https://sashilog.com/wp-content/uploads/2023/03/42ea427d958d00ac7a869518edbc1bb4-3.gif)
反転
![](https://sashilog.com/wp-content/uploads/2023/03/4ed023107f8e9496852bf249bb6c4e9c-2.gif)
立方体
![](https://sashilog.com/wp-content/uploads/2023/03/0f800721f55b028cbfec29e5e3b2d52a-2.gif)
ギャラリー
![](https://sashilog.com/wp-content/uploads/2023/03/24de7a1ac944e75d8112007d3b717a79-2.gif)
![](https://sashilog.com/wp-content/uploads/2023/03/image-14.png)
それぞれ効果のスピードの調整・すべてのスライドに効果を反映させる事も出来ます。
オブジェクトのアニメーション
![](https://sashilog.com/wp-content/uploads/2023/03/image-15.png)
テキストや図形に対して効果を与えます。
使える効果は以下の15種類です。
出現
![](https://sashilog.com/wp-content/uploads/2023/03/e87c6455336baab77f9b2a311fe191de.gif)
消失
![](https://sashilog.com/wp-content/uploads/2023/03/883f18c97a9a84edc6d553bb0da5cc93.gif)
フェードイン
![](https://sashilog.com/wp-content/uploads/2023/03/f3847547508b4fc4db04a180e52609cb.gif)
フェードアウト
![](https://sashilog.com/wp-content/uploads/2023/03/d9245577dea7201c8ed44b4deccdb3fd.gif)
左からスライドイン
![](https://sashilog.com/wp-content/uploads/2023/03/f2c0f262b795d6eb771eb690a6da86b4.gif)
右からスライドイン
![](https://sashilog.com/wp-content/uploads/2023/03/97bf01895bdac73edf3e0636f5be90b5.gif)
下からスライドイン
![](https://sashilog.com/wp-content/uploads/2023/03/8578316c0e37845330846ba0b72e7c05.gif)
上からスライドイン
![](https://sashilog.com/wp-content/uploads/2023/03/bd9b8937a54571d857ab908d13d1f088.gif)
左へスライドアウト
![](https://sashilog.com/wp-content/uploads/2023/03/089500ec4fa94d45f2456b23e4a6d0b2.gif)
右へスライドアウト
![](https://sashilog.com/wp-content/uploads/2023/03/394a1e775c11ad3c5c48cccd20438359.gif)
下へスライドアウト
![](https://sashilog.com/wp-content/uploads/2023/03/992b388f82d5921ca0e9987e809efaac.gif)
上へスライドアウト
![](https://sashilog.com/wp-content/uploads/2023/03/fcfe69680496cebe00dc34d389ac4ef9.gif)
拡大
![](https://sashilog.com/wp-content/uploads/2023/03/54048ef0ecfac0c1fa96f1effb02cbfc.gif)
縮小
![](https://sashilog.com/wp-content/uploads/2023/03/44ed1af960cf45f5b692dc5efc0d38ed-1024x530.gif)
スピン
![](https://sashilog.com/wp-content/uploads/2023/03/a18028749bdc7519702b0906e05eb98c.gif)
アニメーションを追加する
同一のオブジェクトにアニメーションを追加させる
「100,000円/月のコストダウン!」というオブジェクトを上からスライドインしスピンさせてみます。
![](https://sashilog.com/wp-content/uploads/2023/03/image-18.png)
1つ目の動作として「上からスライドイン」を選択しアニメーションの追加をクリックします。
![](https://sashilog.com/wp-content/uploads/2023/03/image-19.png)
2つ目の動作を挿入するメニューが出てきますので「スピン」を選択します。
![](https://sashilog.com/wp-content/uploads/2023/03/a5f4e0c2afb55be3a07e4cefaa7e3eee.gif)
「上からスライドイン」→「スピン」のアニメーションが完成しました。
異なるオブジェクトにアニメーションを追加させる
スライドにある各オブジェクトに対しそれぞれアニメーションを挿入する事が出来ます。
![](https://sashilog.com/wp-content/uploads/2023/03/image-22.png)
![](https://sashilog.com/wp-content/uploads/2023/03/image-24.png)
![](https://sashilog.com/wp-content/uploads/2023/03/image-25.png)
動作させたいオブジェクトの順にアニメーションの種類を選択しアニメーションを追加します。
![](https://sashilog.com/wp-content/uploads/2023/03/31ec3134f678d2734935279ad7d2a1ca-1.gif)
「出現」→「左からスライドイン」→「拡大」をそれぞれ別のオブジェクトにアニメーションを挿入しました。
アニメーションのタイミング
![](https://sashilog.com/wp-content/uploads/2023/03/image-26.png)
アニメーションは
・クリック時に動く
・前のアニメーションが終了後に動く
・前のアニメーションと同時に動く
以上の3種類から選択できます。
![](https://sashilog.com/wp-content/uploads/2023/03/1812710bafa9661c5b396a7b94b6da7f.gif)
矢印の図形はクリック時に動作。
「B社 フィルター交換作業~」は矢印の図形の動作終了後に左からスライドイン(“前のアニメーションの後”を選択)。
「100,000/月のコストダウン!」は「B社 フィルター交換作業~」の動作終了後に拡大(“前のアニメーションの後”を選択)。
![](https://sashilog.com/wp-content/uploads/2023/03/bf8554a1a85ac356af679ebcb84dc74d.gif)
矢印の図形はクリック時に動作。
「B社 フィルター交換作業~」「100,000/月のコストダウン!」は矢印の図形の動作終了後に同時に動作(共に”前のアニメーションと同時”を選択)
それぞれ効果的なアニメーションのタイミングを見つけてみて下さい。
まとめ
以上、アニメーションの挿入について紹介しました。
上手く使えば効果的ですが、アニメーションを入れる事に凝り過ぎてアニメーションだらけにしてしまうとと内容が頭に入らなくなってしまい逆効果なので気を付けましょう。
今回紹介した記事が皆様の資料作成のお役に立てれば幸いです。
コメント