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

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

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


もしも通常の、プリセットされたアニメーションパスに飽きてしまったら、Motion pathという機能を使って作成します。Motion path、つまりアニメーションパスは、キャラクターの動きパスをカスタムで設定することを可能にします。これにより、スライドを斜めに、または周囲を移動するような物語を最適に伝える方法を可能にします。例えば、中継地点が次の前に行き先に到達するフライトの旅を描くことができます。

自分のアニメーションパスを作成するには、以下の手順に従ってください。
  1. まず、アニメーションさせたいテキスト、シェイプ、画像、またはその他のオブジェクトを選択し、右のペインで ANIMATE オプションをクリックします。

  2. 次に、アニメーションエフェクトの種類として Path を選択します。プリデファインドのモーションパスを選択するか、自分で作成することができます。

    パスオプションを選択

プリセットされたモーションパスを使用したい場合は、
  1. 追加する Animations をクリックし、適用したいプリセットのモーションパスを 折れ線グラフ, Curve, または Squiggles カテゴリから選択します。例えば、オブジェクトの波状のモーションパスを作成したい場合は、スクイグルの一つを選択します。 折れ線グラフや曲線のモーションパスも、折れ線グラフとCurveカテゴリからアニメーションを選んでスライドのオブジェクトに適用することができます。

    アニメーションの追加
カスタムアニメーションパスを作成するには、
  1. 追加する Animations」をクリックしてから、「作成 your own path」を選択します。すると、あなたのカーソルは十字に変わり、スライド上で記号が表示されます。記号をクリックしてドラッグすることで、カスタムパスを設定できます。折れ線グラフ、曲線、うず、またはフリーフォームのパスを作成することが可能です。カスタム形状/パスの描き方についてはこちらを参照してください。 

    Path animation

    アニメーションを追加すると、アニメーションのパスがスライド上に緑色の点で開始し、赤色の点で終わる点線の折れ線グラフとして表示されます。オブジェクトに適用されたアニメーションは、「Animation 番号」で示されます。最初に適用したアニメーションは常に「1」、その次は「2」と表示され、以降も同様です。

    Animation number

    各アニメーションオブジェクトの隣には「Animation 番号」が表示され、それに対応するラベルが「Animation 順番」パネル内のエフェクトの隣に表示されます。角度、スケール、向きなど、モーションパスのプロパティを編集してカスタマイズすることができます。それにより、角を滑らかにする、パスの長さを延ばす、他のアニメーションに再オリエンテーションするなどが可能です。

  2. アニメーションの調整が完了したら、再生、プレビュー、もしくは別のアニメーションに変更できます:

  3. アニメーションを再生するには:Play 」ボタンをクリックします。スライドショー中にどのようにアニメーションが表示されるかを確認できます。
  4. アニメーションをプレビューするために:右上隅のプレビューするボタンをクリックしますスライド上に作業中のアニメーションの有効なプレビューを見るために。特定のスライド上のすべてのエフェクトをプレビューするボタンを使用して一度にプレビューします。「アニメーション順序」の下で。
  5. 異なるアニメーションに変更するには:アニメーション効果を選択し、アニメーションを変更するのにクリックして新しい効果をドロップダウンリストから選択します。
  6. アニメーション順序のプロパティを変更:動きのアニメーションパスのプロパティを開始する期間そして遅延時間ボタンをクリックして調整します。アニメーション順序ボタンは下部にあります。
複数のアニメーションを適用するには:オブジェクトに対して一つのパスが不十分だと感じる場合、それに複数のアニメーションを適用できます。同じオブジェクトに複数のパスを追加すると、プレゼンテーションがより魅力的になります。オブジェクトに複数のエフェクトがある場合、各エフェクトは異なるアニメーション番号(例:2番目のエフェクトの番号2、3番目のエフェクトの番号3)で示され、それらは追加した順序で再生されます。

動きのパスのプロパティを編集し、カスタマイズする

  1. 適応し、Zoho Showで自分自身の動きのパスを作成し、方向や角度といった動きのパスのプロパティを編集して、物語を伝える一連のオブジェクトを追加します。今すぐ申請済みの動きのパスをクリックしてスライド上で動きのパスのプロパティを編集し、カスタマイズします。

    動きのパスのプロパティを編集しカスタマイズする

パスに沿って角度を保つ

  1. このオプションでは、オブジェクトが直立したままではなく、パスに沿って傾斜した角度で移動します。これは、例えば、航空機が直線の折れ線グラフで移動するのではなく、曲線の折れ線グラフで飛行し、空輸のルートを描写するなど、概念を説明するのに便利です。

元の角度に戻る 

  1. この機能は、アニメーション効果の後にオブジェクトをその元の状態あるいは形状に戻すことを可能にします。2つ以上の関連するオブジェクトが一連の処理を行う必要があるときなど、有用です。

    元の角度に戻る

個々の動作点を編集する

  1. 申請済みの動きのパスの編集点を修正し移動する能力を持ち、スライド上で新しい曲線や点を作成することができます。形状の点を編集するには、形状のハンドルとエッジをドラッグして、元の形状やパスとは異なる新しい形状のパスを形成します。

    個々の動作点を編集する

パスのアニメーション点を拡大縮小する
  1. コントロールポイントをドラッグすると、最短または最長のパスを作成したり、スライド上の動きのパスの位置、サイズ、方向を変更したりすることができます。この機能により、必要に応じてパスを迅速に長くしたり短くしたりでき、また前の効果や今後の効果とのタイミングを同期させることもできます(2つ以上のパス/効果がある場合に適応します)。

    パスのアニメーション点を拡大縮小

アタッチされたシェイプをアニメーション化する

  1. 「アタッチされたシェイプをアニメーション化する」ボタンを有効にして、テキストと一緒にシェイプをアニメーション化します。この機能は、テキストがシェイプ内にある場合にのみ利用可能です。