コラム

第197回

Googleスライドのアニメーション設定|種類の選び方と調整のコツ

Googleスライドのアニメーション設定|種類の選び方と調整のコツGoogleスライドのアニメーション設定|種類の選び方と調整のコツ

Googleスライドでプレゼン資料を作成する際に、アニメーション機能の設定方法を調べている方は多いのではないでしょうか。「フェードインをひと通り付けておけば、それなりに見栄えがするだろう」。Googleスライドは効果の種類がシンプルにまとまっているため、とりあえず同じアニメーションを全スライドに適用して済ませがちです。

しかし、Google Workspaceの導入支援を通じて多くの企業のプレゼン資料づくりを見てきたサテライトオフィスの立場から言えば、アニメーションは種類を覚えることよりも使う場面を絞ることのほうが重要なのです。

本記事では、Googleスライドのアニメーションの種類と設定手順から、効果的な使い分けの考え方、スマホやタブレットでの制限、動作トラブルへの対処法まで、実務で資料を作る方の視点から順を追ってお伝えします。

Googleスライドのアニメーションにおける2種類の使い分け

イメージ

Googleスライドで使えるアニメーションは、大きく「オブジェクトアニメーション」と「スライドの切り替え効果(トランジション)」の2つに分類されます。それぞれ役割が異なるため、違いを把握してから設定に進むと作業がスムーズに進むはずです。

オブジェクトアニメーションは要素ごとに動きを付ける機能

オブジェクトアニメーションとは、スライド内のテキストボックスや画像、図形、表など、個々の要素に動きを設定する機能です。たとえば箇条書きのテキストを1行ずつ順番に表示したり、グラフを後から出現させて視線を誘導したりする使い方ができます。

聞き手に見せたい順序で情報を提示することが、オブジェクトアニメーションの基本的な役割と言えるでしょう。スライドを開いた瞬間にすべての情報が表示されると、聞き手はどこを見ればよいか迷うことがあります。アニメーションで表示順を制御すると、話の流れに沿って聞き手の視線を自然に誘導できるのです。

スライドの切り替え効果はページ間の遷移を演出する機能

スライドの切り替え効果(トランジション)は、あるスライドから次のスライドへ移るときの画面遷移に演出を加える機能です。ディゾルブ(溶け込み)やスライド(横移動)など、ページの切り替わりを滑らかにする効果を選べます。

切り替え効果はプレゼン全体の雰囲気に関わるため、スライドごとに別々の効果を設定するよりも全スライドで統一するほうがまとまりのある印象になるでしょう。具体的な設定手順は後のセクションで詳しく説明します。

Googleスライドで使えるアニメーションの種類と用途別の選び方

イメージ

Googleスライドのアニメーションにはどのような種類があるのか、オブジェクト用とスライド移行用に分けて一覧で確認しましょう。

オブジェクトに設定できるアニメーションは、大きく「出現系」「消失系」「強調系」の3つのグループに分かれます。以下の表で代表的な効果と向いている用途をまとめました。

グループアニメーション名動作の内容向いている用途
出現系フェードイン透明な状態から徐々に表示されるテキストや画像の自然な登場
左からスライドイン画面の左側からスライドして登場する箇条書きの順次表示
右からスライドイン画面の右側からスライドして登場する比較対象の後出し
下からスライドイン画面の下からスライドして登場するグラフや補足情報の追加
消失系フェードアウト徐々に透明になって消える前の情報を自然に退場させる
左へスライドアウト画面の左側へスライドして消える情報の切り替え
右へスライドアウト画面の右側へスライドして消える情報の切り替え
強調系拡大オブジェクトが拡大して強調される数値やキーワードの強調
スピンオブジェクトが回転する注意喚起やアクセント

一覧で並べてみると、出現系のフェードインが最も汎用性が高いことがわかるはずです。ビジネス資料ではフェードインを基本に据え、スピンや拡大は数値や結論など特に目立たせたい要素に限定して使うと効果的でしょう。

次に、スライド移行時に使える切り替え効果を確認しましょう。

切り替え効果名動作の内容印象
ディゾルブ前のスライドが溶けるように次へ切り替わる落ち着いた印象で汎用的
フェード暗転してから次のスライドが表示される場面転換に向いている
左からスライド次のスライドが左から押し出すように登場する時系列の流れを表現しやすい
右からスライド次のスライドが右から押し出すように登場する左からスライドの逆方向
反転スライドが裏返るように切り替わるカードをめくるような演出
キューブ立方体の面が回転するように切り替わる立体的で動きが大きい
ギャラリー複数のスライドが並ぶ中から次が選ばれるように表示ポートフォリオ風の見せ方

ビジネスのプレゼン資料であればディゾルブまたはフェードが無難です。反転やキューブは動きが大きいため、カジュアルな社内勉強会やイベント紹介など、見せ方に遊びを入れたい場面で活きるでしょう。

オブジェクトアニメーションの追加と設定を行う際の4ステップ

イメージ

オブジェクトアニメーションの設定は、慣れれば1つあたり数十秒で終わる作業です。手順を順番に確認しましょう。

ステップ1 アニメーションを付けたいオブジェクトを選択する

スライド上で、アニメーションを設定したいテキストボックスや画像をクリックして選択します。複数のオブジェクトをグループ化している場合は、グループ全体を選択するとまとめて動きを付けられるのです。

ステップ2 メニューから「アニメーション」を開く

オブジェクトを選択した状態で、上部メニューの「挿入」から「アニメーション」を選びます。画面右側にモーションパネルが開き、アニメーションの設定画面が表示されるはずです。右クリックメニューから「アニメーション化」を選ぶ方法でも同じパネルが開くため、操作しやすいほうを使いましょう。

ステップ3 アニメーションの種類とタイミングを設定する

モーションパネルで、まずアニメーションの種類(フェードイン、スライドインなど)を選びます。次に、開始のタイミングを「クリック時」「前のアニメーションの後」「前のアニメーションと同時」の3つから選択しましょう。

「クリック時」は発表者がクリックしたタイミングで動き始める設定で、話の区切りに合わせて表示を切り替えたいときに向いています。「前のアニメーションの後」は直前のアニメーションが終わった直後に自動で再生されるため、連続的に情報を見せたい場面で使うとよいでしょう。

速度はスライダーで「遅い」「普通」「速い」の範囲で調整できます。聞き手がアニメーションの動きを認識できる程度の速度として、「普通」または「速い」を選ぶのが実用的と見ています。

ステップ4 再生ボタンで動作を確認する

モーションパネル下部の「再生」ボタンをクリックすると、設定したアニメーションをその場でプレビューできます。種類やタイミングを変更するたびに再生して仕上がりを確かめましょう。

1つのオブジェクトに複数のアニメーションを追加する場合は、モーションパネルの「アニメーションを追加」をクリックして2つ目以降を設定します。ドラッグ操作で順番を入れ替えることもできるため、表示順を試行錯誤しやすい仕組みになっているのです。

スライドの切り替え効果を全スライドへ一括適用する方法

イメージ

スライドの切り替え効果は、1枚ずつ個別に設定することも、全スライドにまとめて同じ効果を適用することもできます。

切り替え効果を追加する手順

上部メニューの「スライド」から「切り替え効果」を選ぶと、画面右側にモーションパネルが開きます。「スライドの移行」セクションでディゾルブやフェードなどの効果を選択しましょう。速度のスライダーで切り替わりの早さも調整できます。

設定後はスライドショーを再生して、実際の画面遷移を確認するのがおすすめです。「なし」を選択すると切り替え効果が解除されるため、不要になった場合も同じ手順で元に戻せます。

すべてのスライドに一括で適用する方法

モーションパネルの「すべてのスライドに適用」ボタンをクリックすると、現在選択している切り替え効果が全スライドに反映されます。プレゼン全体で統一した画面遷移にしたい場合は、この一括適用を使うとよいでしょう。

一括適用のあとで特定のスライドだけ別の効果に変更することも可能です。たとえばセクションの切り替わりだけフェード(暗転)を使い、通常のスライド間はディゾルブにするといった組み合わせも、実務ではよく見られるパターンと感じています。

アニメーションの仕上がりを左右する絞り方のポイント

イメージ

ここで視点を変えて、アニメーションの「使い方」ではなく「使いどころの選び方」について考えてみましょう。

多くの解説記事では「アニメーションの使いすぎに注意」と書かれていますが、具体的にどう絞ればよいかの判断基準まで踏み込んだ情報はあまり見当たりません。比較記事ではほとんど触れられない核心ですが、アニメーションの効果は「何を動かすか」ではなく「何を動かさないか」で決まると見ています。

アニメーションを設定する目的は、聞き手の視線と理解の順序をコントロールすることです。この目的から外れた装飾的なアニメーションは、情報の伝達を遅くするだけでなく、聞き手の集中を妨げる原因にもなりかねません。とりわけ見落とされがちなのが、すべてのスライドにアニメーションを付ける必要はないという点です。

多くの資料を見てきた立場から、効果的にアニメーションを絞るための判断基準を3つ挙げてみましょう。

  • ・1スライドに設定するアニメーションは1〜2種類に絞る。フェードインとスライドインを混在させると視線の動きが一定しなくなるため、同じスライド内では効果を統一するのが基本です
  • ・情報の順序が意味を持つ場面だけに使う。箇条書きを順番に表示する、結論を最後に出すなど、「順番に見せることで理解が深まる」構成のスライドに限定しましょう
  • ・すでに情報が整理されているスライドにはアニメーションを付けない。図解やフローチャートのように視覚的に構造が明らかなスライドでは、アニメーションがなくても聞き手は内容を理解できるはずです

この3つの基準を当てはめると、10枚のスライドのうちアニメーションを設定するのは3〜4枚程度になることが多いでしょう。動きのないスライドがあることで、アニメーション付きのスライドが際立つ効果も生まれます。

スマホやタブレットでアニメーション編集を行う際の制限

イメージ

Googleスライドはスマホやタブレットでも利用できますが、アニメーションに関しては操作できる範囲が限られています。

モバイルアプリではアニメーションの再生のみ対応している

GoogleスライドのiOSアプリやAndroidアプリでは、アニメーションの新規追加や編集はできません。PCのブラウザ版で設定したアニメーションはアプリ上のスライドショーで再生されますが、種類の変更やタイミングの調整はアプリ側からは行えない仕様になっているのです。

アニメーションの編集が必要な場合は、PC版のGoogleスライド(ブラウザ版)を使用しましょう。外出先で急ぎの修正が必要になったときは、スマホのブラウザでPC版サイトを表示することで一部の操作が可能ですが、画面が小さく快適とは言えないでしょう。

タブレットやChromebookで編集するにはブラウザ版を使う

iPadなどのタブレット端末でも、Googleスライドアプリからはアニメーションの編集ができません。ただし、iPadのSafariやChromeでGoogleスライドのブラウザ版を開くと、PCと同じ操作画面が表示されるため、アニメーションの追加や編集が行えるのです。

Chromebookの場合は、標準のChromeブラウザからGoogleスライドにアクセスすればPC版と同等の操作が可能です。学校や企業でChromebookを使っている場合も、ブラウザ版であればアニメーション設定に不自由はないでしょう。

プレゼン本番でスマホやタブレットを使う場合は、事前にPC版で設定を済ませたうえで、モバイル端末のスライドショーモードでアニメーションが正しく再生されるかを確認しておきましょう。

Googleスライドのアニメーションが動かないときに考えられる4つの原因

イメージ

設定したはずのアニメーションがスライドショーで動かない場合、原因は主に4つに絞られます。順番に確認していきましょう。

オブジェクトが選択されていない

アニメーションはオブジェクト単位で設定するため、テキストボックスや画像を正しくクリックして選択した状態でなければ設定が反映されません。モーションパネルにアニメーションの項目が表示されていない場合は、対象のオブジェクトをもう一度クリックして選択し直しましょう。

ブラウザやキャッシュに問題がある

Googleスライドの動作はブラウザに依存するため、ブラウザのバージョンが古い場合やキャッシュが溜まっている場合に不具合が起きることがあります。Google Chromeを最新版に更新し、キャッシュをクリアしてから再度スライドを開くと改善するケースが多いはずです。

ブラウザの拡張機能が干渉している可能性もあるでしょう。シークレットモード(拡張機能が無効になる状態)でスライドを開いてアニメーションが正常に動くかどうかを試すと、拡張機能が原因かどうかを切り分けられます。

インターネット接続が不安定になっている

Googleスライドはクラウドベースのサービスであるため、インターネット接続が不安定な状態ではアニメーション設定の保存や再生に支障が出ます。ネットワークの接続状況を確認し、安定した通信環境で再度試しましょう。

編集権限が付与されていない

共有されたスライドに「閲覧のみ」の権限でアクセスしている場合、アニメーションの追加や変更はできません。ファイルのオーナーに編集権限の付与を依頼するか、自分のGoogleドライブにコピーを作成して編集する方法もあるのです。

4つのポイントをすべて確認しても解消しない場合は、別のブラウザやPCで同じスライドを開いてみることで、端末固有の問題かどうかを判別できるでしょう。

Googleスライドのアニメーションに関するよくある質問

イメージ

Googleスライドのアニメーションに関してよく寄せられる質問と回答をまとめました。

Q. Googleスライドのアニメーションは何個まで追加できますか

上限はありません。1つのオブジェクトに複数のアニメーションを追加でき、1スライド内のオブジェクト数にも制限は設けられていないのです。ただし、数が増えるほど動作が重くなる傾向があるため、実用上は1スライドあたり3〜5個程度に抑えるのが現実的でしょう。

Q. PowerPointで作ったアニメーションはGoogleスライドに引き継がれますか

一部は引き継がれます。フェードインやフライインなどの基本的な効果はGoogleスライドでも再現されますが、PowerPoint固有のモーションパスや高度なアニメーションは反映されない場合があるのです。変換後はスライドショーで動作を確認しましょう。

Q. アニメーションの動きがカクつくときはどうすればよいですか

ブラウザのタブを減らすことから試しましょう。Googleスライドはブラウザ上で動作するため、同時に開いているタブやアプリケーションが多いとパフォーマンスに影響します。Google Chromeの最新版を使い、不要な拡張機能を一時的に無効にすることで改善するケースもあるはずです。

Googleスライドのアニメーションは種類を選んで絞ると伝わる

イメージ

Googleスライドのアニメーション設定について、種類の選び方から操作手順、使い分けの考え方、トラブル対処法までお伝えしました。

本記事のポイントを振り返りましょう。

  • ・Googleスライドのアニメーションは「オブジェクトアニメーション」と「スライドの切り替え効果」の2種類で構成される
  • ・オブジェクトアニメーションは出現系、消失系、強調系の3グループから用途に合わせて選ぶ
  • ・設定は4ステップで完了し、再生ボタンで即座にプレビューできる
  • ・切り替え効果は全スライドへの一括適用で統一感を出すのが基本
  • アニメーションは付ける数より、使いどころを絞ることで仕上がりが決まる
  • スマホやタブレットではアニメーションの再生はできるが、編集にはPC版ブラウザが必要

アニメーションは種類を増やすよりも、聞き手の理解の順序に合わせて絞り込むほうが効果的です。

サテライトオフィスは、これまで8万社以上にクラウドツールの導入をご支援してきました。Googleスライドの操作方法に限らず、組織全体のGoogle WorkspaceやAI活用について相談したい場合は、以下のリンクからお問い合わせください。

※プライバシーポリシはこちら

TOPへ
GoogleEnterpriseProfessional Google Apps for Business