全4回スライド内のコンテンツをダイナミックに変形して注目を集めるこのレッスンでは、プラグイン「プレゼンテーション」を使って、簡単にプレゼン資料の枠組を作成し、様々なアニメーションを加えていく方法を解説します。起動し、「ファイル」→「開く」からダウンロードしたサンプルファイルを選択して「開く」をクリックします。ファイルが開くと、動画と同じサンプルが表示されます。「自動アニメーション」は、遷移前と遷移後のアートボードを用意すると、その間の状態を補完するアニメーションを自動的に作成してくれる機能です。今回は棒グラフが伸びるアニメーションを作成します。棒グラフのスライドを複製して並べます。これが遷移前の状態です。次に、右側の遷移後の棒グラフの高さを、必要に合わせて調整します。自動アニメーションを設定するプロトタイプモードに切り替えて、2つのアートボードを青い矢印でつなぎ、インタラクションを作成します。アクションの種類に「自動アニメーション」を指定すると、自動アニメーションの機能が利用できます。ここでは、イージングを「イーズイン/アウト」、デュレーションを「1秒」に設定します。再生すると、棒グラフが伸びるアニメーションを確認できます。「自動アニメーション」は、遷移前と遷移後のアートボードの同じ名前のオブジェクトの差分を補間する機能です。同じオブジェクトが両方のアートボードに存在していたとしても、名前が異なる場合はアニメーションの対象になりません。つのアートボードで、対応するオブジェクトの名前や階層構造が同じになっているかどうかを確認しましょう。試しに片方のアートボードだけ名前を変えてみると、名前を変えたオブジェクトはアニメーションされないことを確認できます。1/3(フェードイン/アウト)自動アニメーションを使用すると、流れるようなトランジションを作成して、アートボード間のコンテンツの関係を視覚的に表現できます。2/3(拡大縮小のアニメーション)自動アニメーションでは、移動元と移動先のオブジェクトの種類、レイヤー名、グループの階層が一致している場合、そのオブジェクトの属性が自動的にアニメーション化されます。移動元のアート...プロトタイピングさらに強化。XDで、表示されるとアニメーションするグラフをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。利用条件Cookieについて。