マトリックスが要素ごとに自動で集合

マトリックスの要素と画像の連動した動き

SmartArtのマトリックス図が要素ごとに自動で組み合わさるアニメーション

SmartArtの「マトリックス」を使用して、構成要素が1つずつジグソーパズルのピースのように嵌めこまれていくアニメーションを作成します。関連した画像を組み合わせることで、より愉しい演出も可能です。ダウンロードできますから、自由に使って下さい。

リボルブで優雅に回りこみながら集まる

「挿入」タブのSmartArtボタンをクリックします。
挿入タブのSmartArtボタン
「SmartArtグラフィックの選択」画面が開いたら、左サイドのカテゴリから「マトリックス」をクリック、リストの「タイトル付きマトリックス」を選びます。
SmartArtグラフィックの選択でタイトル付きマトリックスをクリック
「OK」すると、スライド内にマトリックスが作成されるので、デザインや色をプレゼンテーション全体の使用色やテーマに合わせてカスタマイズしましょう。

この作成サンプルでは中央のタイトルが「四季」で構成要素を「春」「夏」「秋」「冬」としました。SmartArtを選択すると画面のアップサイドに「SmartArtツール」が現れますので、ここから大元のスタイルや色を選択します。

アニメーションの作成が主題なので、このページではSmartArt自体の書式についてグダグダ書きませんが、要素ごとに色や効果を細かく設定することもできます。

SmartArtのデザインをカスタマイズする詳細は、以下の記事を参照して下さい。

箇条書きからSmartArt作成
画像からSmartArt作成

作成したマトリックス図
とりあえず、こんな↑感じに作りました。

ここに加えて、各要素を象徴する小さなイラストをアクセント的に配置しました。
画像を配置したマトリックス
この画像もアニメーションに参加させて彩りにします。

マトリックスを選択してから「アニメーション」リストを展開して、その最下部にある「その他の開始効果」をクリック。
アニメーションのその他の開始効果
「開始効果の変更」ダイアログボックスが開いたら下へスクロールして、「控えめ」というカテゴリの中にある「リボルブ」をクリック。
その他の開始アニメーションのリボルブをクリック
「効果のオプション」を開き、「タイミング」タブで「開始」を「直前の動作の後」に、「継続時間」を「2秒(普通)」に設定。
リボルブ効果のオプションでタイミングを設定
「SmartArtアニメーション」タブで「グループグラフィック」を「個別」に設定。
SmartArtアニメーションのタブでグループグラフィックを個別に設定
これで要素が順番に1つずつ動くようになります。

挿入した4つの画像をCtrlキーを押しながらクリックしてすべて選択し、強調アニメーションの「スピン」を適用。
画像にスピンを適用
「効果のオプション」を開いて、「タイミング」タブで「開始」を「直前の動作と同時」に、「継続時間」を「2秒(普通)」に設定。
スピンの効果のオプションでタイミングを設定

アニメーション効果を入れ替えます。

マトリックスの効果の左下に「展開」の下向き矢印が出ているので、これをクリックして下さい。
SmartArtの効果を展開
マトリックスの各要素の効果が展開されたら、
アニメーションウィンドウで展開されたマトリックス効果
「桜」を上へドラッグして「マトリックス:春」の直下へ移動。同様に「向日葵」を「マトリックス:夏」の下へ、「紅葉」を「マトリックス:秋」の下へ移動させます。
効果の順序を入れ替え

派手さはありませんが、タイルが滑りながらはめ込まれるような静かな動きと画像の可愛い回転が連動して心地よい効果を上げています。
マトリックスの要素と画像の連動した動き
実際の動きを確認したい方は、このアニメーションをダウンロードして下さい。
アニメーションのダウンロード集

タイトルとURLをコピーしました