画像、図形、SmartArtのアニメーション

Google Ads

PowerPointのアニメーション機能は、画像／図形／SmartArtなどに対して指定することも可能となっている。そこで今回は、文字（段落）以外の要素にアニメーションを指定する方法を解説していこう。実践に役立つテクニックも紹介しているので、すでにご存じの方も一読しておくとよいだろう。

画像のアニメーション表示

スライドショーの実行時に「画像」をアニメーションとともに表示することも可能となっている。この操作手順は、前回の連載で紹介した手順と基本的に同じである。

まずは「アニメーション表示する画像」をクリックして選択する。続いて、「アニメーション」タブを選択し、下図に示したボタンをクリックする。

画像の選択と「アニメーションの一覧」の表示

アニメーションの一覧が表示されるので、この中から好きなアニメーションを選択する。画像を（非表示）→（表示）に変化させる場合は、「開始」カテゴリーの中からアニメーションを選択すればよい。

アニメーションの指定

以上が、画像にアニメーションを指定するときの操作手順となる。ちなみに今回の例では「グローとターン」のアニメーションを指定している。これは、要素を回転・拡大しながら表示するアニメーションとなる。よって、スライドショーの実行時に、以下に示した図のような流れで画像がアニメーション表示されるようになる。

画像のアニメーション表示－1

画像のアニメーション表示－2

画像のアニメーション表示－3

画像のアニメーション表示を応用したテクニックとして、「モノクロ画像」を「カラー画像」に変更する方法も紹介しておこう。

まずは、同じ内容の「モノクロ画像」と「カラー画像」を用意してスライドに挿入する。このとき、「カラー画像」が前面に配置されるように、「モノクロ画像」→「カラー画像」の順番で画像を挿入する。

2枚の画像をスライドに挿入

続いて、2枚の画像がピッタリと重なるように配置する。スマートガイドを参考にしながら位置とサイズを調整すると、2枚の画像を簡単に重ねられるはずだ。

2枚の画像を重ねて配置

あとは「カラー画像」に「フェード」のアニメーションを指定するだけ。すると、以下のような流れでアニメーションが実行されることになる。

最初は「カラー画像」が非表示
　※「モノクロ画像」だけが表示されている
マウスをクリックしてアニメーションを開始
　※「カラー画像」が少しずつ表示されていく
アニメーション終了後
　※「カラー画像」だけが表示される

結果として、以下の図に示したように、画像が少しずつ色鮮やかになっていくアニメーションを実現できる。

アニメーションでカラー表示に変更－1

アニメーションでカラー表示に変更－2

アニメーションでカラー表示に変更－3

「モノクロ」から「カラー」になるまでのスピードは、「継続時間」の数値を変更すると調整できる。「継続時間」を長くすると、ゆっくりと変化しながら「カラー画像」になっていくため、『気付かないうちに色鮮やかになっていた・・・』という印象を与えることができるかもしれない。

そのほか、同サイズの異なる画像を重ねて配置しておき、「ビフォー」→「アフター」をアニメーションで示すなど、さまざまな場面に応用することが可能である。

図形のアニメーション表示

続いては、「図形」にアニメーションを指定する方法を紹介していこう。今度は、これまでとは逆に（表示）→（非表示）のアニメーションを利用した例を紹介してみよう。

以下の例は、TV番組でよく見かける「シールめくり」をPowerPointで実現したものだ。マウスをクリックすると、アニメーションとともに「シール」（図形）が飛んでいき、隠されていた文字を読めるようになる。

図形をアニメーションで消去－1

図形をアニメーションで消去－2

このテクニックは、スライドの文章を「先読み」されないための対策にもなる。というのも、通常の方法でスライドを示した場合、その内容を口頭で説明する前に、参加者がスライドの文章を「先読み」してしまうケースが多いからだ。このため、実際に内容を説明するときには「すでに知っていること」となってしまい、興味が薄れてしまう恐れがある。
こういった「先読み」を防ぎ、興味を維持させるためにも、効果的に活用できるテクニックが「シールめくり」となる。

それでは、アニメーションの指定手順を解説していこう。といっても、これまでの内容を理解していれば、これは特に難しいものではない。

まずは、重要な文字を隠すように「図形」を描画する。ここでは「四角形：メモ」の図形を180度回転させて配置した