パスアニメーションの作成と編集

パスアニメーションの作成と編集

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。


自動的に設定される一般的な既定のアニメーション軌跡では物足りない場合は、モーション軌跡を使って独自の軌跡を作成できます。モーション軌跡(アニメーション軌跡)とは、アニメーションを設定した要素をスライド上やスライド内、スライドの周囲で意図したとおりに動かすために設定する方向や軌跡です。たとえば、目的地に到着する前に経由地へ立ち寄る飛行ルートを作成できます(下図参照)。

独自のアニメーション軌跡を作成するには、
  1. アニメーションを設定するテキスト、図形、図、またはその他の要素を選択し、右側のペインで[アニメーション]モードをクリックします。

  2. アニメーション効果のカテゴリーとして[軌跡]を選択します。既定のモーション軌跡を選択するか、独自のアニメーション軌跡を作成できます。

    Select the Path option

既定のモーション軌跡を選択するには、
  1. アニメーションの追加]をクリックし、[線]、[曲線]、[波線]のカテゴリーから、適用する既定のモーション軌跡を選択します。たとえば、要素に波状のモーション軌跡を作成する場合は、いずれかの波線を選択します。
    [線]または[曲線]カテゴリーからアニメーションを選択して、スライドの要素に直線や曲線のモーション軌跡を適用することもできます。

    Add Animation
独自のアニメーション軌跡を作成するには、
  1. アニメーションの追加]、[独自の軌跡を作成]の順にクリックします。スライド上のカーソルが十字記号に変わります。この記号をクリックしてドラッグし、独自の軌跡を設定します。直線、曲線、手書き線、または自由描画の軌跡を作成できます。独自の図形や軌跡を描画する方法をご確認ください。

    Path animation

    アニメーションを追加すると、アニメーション軌跡が点線で表示されます。開始点は緑色の点、終了点は赤色の点で示されます。要素に適用済みのアニメーションは、アニメーション番号で示されます。最初に適用したアニメーションには常に「1」、2番目には「2」というように、順番に番号が付きます。

    Animation number

    スライド上でアニメーションを設定した各要素の横にはアニメーション番号が表示され、[アニメーションの順番]ペインでは、対応するラベルが効果の横に表示されます。角度、尺度、向きなどのモーション軌跡のプロパティを編集、カスタマイズして、角を滑らかにしたり、軌跡を延長したり、スライド上の他のアニメーションに合わせて向きを変更したりできます。

  2. アニメーションのカスタマイズが完了したら、再生、プレビュー、または別のアニメーションへの変更ができます。

  3. アニメーションの再生:効果に表示される[再生]ボタンをクリックすると、スライドショーでアニメーションがどのように表示されるかを確認できます。
  4. アニメーションのプレビュー:右上にある[プレビュー]ボタンをクリックすると、スライド上のアニメーションを編集中にリアルタイムでプレビューできます。[アニメーションの順番]の下にある[プレビュー]ボタンを使用すると、特定のスライド上のすべての効果を一度にプレビューできます。
  5. 別のアニメーションへの変更:アニメーション効果を選択して[アニメーションの変更]をクリックし、ドロップダウンリストから新しく適用する効果を選択します。
  6. アニメーションの順番に関するプロパティの変更:モーションアニメーション軌跡の[開始]、[時間、[待機時間]を調整するには、下部にある[アニメーションの順番]ボタンをクリックします。

    Animation order properties
複数のアニメーションの適用:1つの軌跡だけでは要素の表現に足りない場合は、複数のアニメーションを適用できます。同じ要素に複数の軌跡を追加すると、プレゼンテーションをより魅力的に見せることができます。要素に複数の効果を設定すると、効果ごとに異なるアニメーション番号(たとえば、2番目の効果には「2」、3番目の効果には「3」)が表示され、追加した順番で再生されます。

モーション軌跡のプロパティの編集とカスタマイズ

  1. Zoho Showで独自のモーション軌跡を適用、作成し、方向、角度、滑らかな角などのプロパティを編集することで、ストーリーを表現する一連の動きを要素に追加できます。これで、スライド上の適用済みのモーション軌跡をクリックして、そのプロパティを編集、カスタマイズできます。

    edit and customize Motion Path properties

軌跡に沿って回転させる

  1. この設定では、要素を直立した状態に保つのではなく、軌跡に沿って傾けながら移動させます。概念を図示する場合に役立ちます。たとえば、飛行機(下図参照)を直線ではなく曲線に沿って飛ばすことで、空中の飛行ルートに沿って移動する様子を表現できます。

元の角度に戻す

  1. この設定では、アニメーション効果の終了時に要素を元の状態や図形に戻します。関連する複数の要素に一連の動作を実行させる場合に役立ちます。

    Return back to original angle

個別のモーション頂点の編集

  1. 適用済みのモーション軌跡の頂点を編集、移動して、スライド上に新しい曲線や頂点を作成できます。図形の頂点を編集するには、図形のハンドルや端をドラッグし、元の図形や軌跡からまったく新しい図形の軌跡を作成します。

    Edit individual motion points

軌跡のアニメーション頂点の拡大/縮小
  1. 操作点をドラッグすると、軌跡を短くしたり長くしたりできるほか、スライド上のモーション軌跡の位置、サイズ、向きを変更できます。これにより、必要に応じて軌跡をすばやく延長または短縮し、前後の効果と同じ時間になるよう調整できます(軌跡や効果が2つ以上ある場合に適用されます)。

    scale path animation points

添付した図形のアニメーション設定

  1. 図形と一緒にテキストをアニメーション表示するには、[添付した図形のアニメーション設定]ボタンを有効にします。この設定は、テキストが図形内にある場合にのみ使用できます。