以前の2つの記事「PowerPointスライドで色を使って情報を強調する方法」と「3つのPowerPointアニメーションを使って視聴者を魅了する方法」では、テキストを強調するシンプルな方法をいくつかご紹介しました。これらの方法は簡単に実装でき、大きな効果を発揮します。では、スライド上のオブジェクトや特定の領域を強調するにはどうすればよいでしょうか?方法は様々ですが、この記事では、クリックするだけで選択した領域を目立たせるクリエイティブな方法をご紹介します。
2枚の画像を使用します。1枚はスライドの背景となるカラー画像、もう1枚はスライド上に浮かぶ白黒画像です。視聴者には白黒画像が浮かび上がります。クリックすると、特定の領域が魔法のようにカラーになり、カラー部分が白黒画像から際立ちます。難しそうに聞こえますが、実はとても簡単です。
開示事項: TechRepublicは、このページで紹介されている一部の製品から手数料を受け取る場合があります。TechRepublicと著者は、この独立したレビューに対して報酬を受け取っていません。
私はMicrosoft 365を使用していますが、以前のバージョンでもご利用いただけます。このスライドはブラウザ版で作成・実行できます。ご参考までに、デモ用の.pptxファイルをダウンロードしていただけます。(メニュー版でもアニメーションが全く同じように動作するとは限りませんのでご注意ください。)この記事は、画像の挿入方法やプロパティの設定方法など、PowerPointの基本的なスキルをお持ちの方を前提としています。
写真の設定方法
この手法では、同じ画像を2枚用意する必要があります。図Aに示すスライドは単色画像です(教育目的でのみ配布できます)。ここでは、オオカバマダラの成虫に焦点を当てます。
デモファイルでは写真を使用していますが、グラフィックを合成することも可能です。その場合は、完成したスライドを画像として保存し、画像を挿入してください。スライドを画像として保存するには、スライドを選択し、Ctrl+A キーを押してスライド上のすべての要素を選択し、右クリックして「画像として保存」を選択します。画像の保存場所をメモしておいてください。後で必要になります。
図A
画像を挿入し、スライド全体を埋め尽くすサイズにしたら、画像の色や照明を補正し、次のように背景として設定します。
- Ctrl+C を押して画像をクリップボードにコピーします。
- [デザイン] タブの [カスタマイズ] グループで [背景の書式設定] をクリックし、[塗りつぶし] セクションで [画像またはテクスチャの塗りつぶし] オプションを選択して、[画像ソース] の下の [クリップボード] オプションをクリックします。
画像を再度挿入することもできますが、この方法を使用すると、画像がスライドの背景になり、図 Bに示すように、フローティング カラー画像が残っているため、クリックの手間が省けます。
図B
現時点では、同じシーンのカラー写真が2枚あります。1枚はスライドの背景、もう1枚は移動可能なフローティング画像です。次は、このフローティングカラー画像を白黒画像に変更します。こうすることで、白黒画像の一部を露出させたときに、カラー画像が浮かび上がるようになります。
まず、フローティング画像を選択し、次の操作を行います。
- コンテキストの [画像の書式] タブをクリックし、[調整] グループの [色] をクリックします。
- 最初の行の最初のサムネイルである「白黒(彩度 0%)」を選択します。
現時点では、マルチカラーの背景の上に白黒のコピーが浮かんでいる状態です(図C)。スライドの特定の部分を強調する準備が整いました。
図C
セクションを特定する
露出によって強調する領域を選択する準備ができました。今回の場合は、オオカバマダラです。このテクニックを使うと、好きなだけ領域を強調し、その後、タイミングを設定したアニメーションを使って、その下の色付きの部分を露出させることができます。今回は、オオカバマダラだけを露出させます。
最初のステップは、強調したい部分の切り抜き(いわば切り抜き)を作ることです。そのためには、落書きシェイプを使って成虫の蝶の周りを描きます。
- 「挿入」タブの「図形」ドロップダウンから「フリーフォーム:落書き」を選択します(2行目の最後の項目です)。
- 蝶の輪郭線の近くをクリックします。Shiftキーを押しながら、蝶の周りをドラッグ(描画)します(図D)。蝶の端にぴったりと合わなくても心配ありません。完璧である必要はありません。その理由はすぐにわかります。蝶の始まりまで一周描画すると、PowerPointが選択範囲を塗りつぶします。
図D
完璧である必要はないと言ったのを覚えていますか? その理由はこうです。次のように少しだけ角を柔らかくするのです。
- コンテキストの図形の書式タブをクリックします。
- [図形スタイル] グループの [図形の効果] ドロップダウンから、[ソフト エッジ] を選択します。
- 次に、より繊細なポイントサイズ(1~5)を選択します。この例では2.5を選択します。エッジが少し柔らかくなるのを確認できます。(「ソフトエッジ」が見つからない場合は、「テキスト効果」ドロップダウンメニューが表示されていない可能性があります。これは間違ったオプションです。)
もうすぐ終わりです。次のステップは、描画した選択範囲の下に色を浮かび上がらせるための簡単なアニメーションを追加することです。
セクションを公開する
ここで、めったに見かけない便利なツールを使用して、選択した領域を消します。
- 描画した図形を選択した状態で、[図の書式設定] ウィンドウ (右側) の [塗りつぶしと線] をクリックします。
- リストの一番下にある「スライドの背景の塗りつぶし」オプションをクリックすると、描画した図形が消えて色付きの背景が透けて見えるようになります。
今のところ、あまり良く見えないかもしれません。「ソフトエッジ」の設定を増減することで、選択領域を再描画する必要がなくなるほどエッジを改善できるでしょう。私は最終的に50ポイントを使用しました(図E)。これによりエッジがきれいになり、成虫の蝶が際立ちました。このツールの使い方に慣れるまでは、必要であればこの時点で再描画しても構いません。
図E
この時点で終了することもできますが、情報ラベルを表示することをお勧めします。強調したいオブジェクトを識別したり、追加情報を追加したりできます。例えば、「オオカバマダラ」や「蝶は花の蜜を吸います」といったラベルを表示できます。技術的な面では、これは即座にプロンプトになります!テキストボックスを追加し、テキストを入力して書式を設定し、ラベルを配置します(図F)。実際のプレゼンテーションでは、成虫の蝶に関する情報を共有している間、全員の視線が蝶に集まります。
図F
アニメーションを追加して実行する
今のところ、スライドは思ったほど意味を成していません。必要な要素はすべて揃っていますが、蝶の色と情報テキストを浮かび上がらせるタイミングアニメーションを追加して、もう少しドラマチックな演出を加えたいと思っています。タイミングアニメーションに慣れていなくてもご安心ください。手順を丁寧にご説明します。
先ほど描いた成体の蝶の形を選択し、次の操作を行います。
- [アニメーション]タブをクリックします。
- アニメーション ギャラリーで、エントランス セクションの [フェード] をクリックします。
- ラベルを選択し、「エントランス」セクションで「ワイプ」を選択します。次に、「アニメーション」グループの「効果オプション」ドロップダウンから「左から右」を選択します。
今スライドを再生すると、蝶を強調するためにクリックし、ラベルテキストを表示するためにもう一度クリックする必要があります。これでうまくいくかもしれませんし、そうでないかもしれません。蝶が露出した後にラベルを自動的に表示するように、少し変化をつけてみましょう。簡単な変更です。
- アニメーションウィンドウには、自由形状の図形(蝶)とテキストボックスの両方のアニメーションアイテムが表示されます。アニメーションウィンドウが表示されない場合は、「アニメーションの詳細設定」グループの「アニメーションウィンドウ」をクリックしてください。
- 2 番目の項目 (テキスト ボックス) を選択します。
- [タイミング] グループで、[開始] オプションをクリックし、[前の処理の後] を選択します。
- ここでは、2つのアクションの間にわずかな遅延が生まれるように、遅延設定を0.75に変更します。実際のプレゼンテーションでは、話す時間をもう少し長くするために、このタイミングオプションを設定すると良いでしょう。完成したスライドは図Gに示されています。
図G
プレゼンテーションを実行する際は、いずれかをクリックします。そうすると蝶が現れ、少し時間が経ってからラベルが表示されます。
オブジェクトは1つだけで完結する必要はありません。方法さえ分かれば、複数追加しても構いません。1枚のスライドで無関係な部分をたくさん強調するのは避けましょう。代わりに、図を完成させるかのように、あるいは手順を一つずつ強調するように、関連する部分を強調しましょう。