デザインのアニメーション化

最終更新日 : 2025年12月18日

Adobe Express で、すべてをアニメート、イン、アウト、ループアニメーションオプションを使用してオブジェクトをアニメーション化する方法について説明します。

Adobe Express を使用すると、アイコン、シェイプ、文字、テキストブロック、画像をアニメーション化できます。すべての要素をシングルクリックで一度にアニメーション化したり、複数ページのデザインでページ間にトランジションを追加したりできます。

Adobe Express ディープリンク
Adobe Express deeplink
Adobe Express ディープリンク

アプリで試す
いくつかの簡単な手順で、テキスト、写真、ビデオをアニメーション化します。

デザイン全体をアニメーション化

Adobe Express エディターでデザインを開きます。

ページを編集 」、「」を選択してから、「すべてをアニメート」を選択します。 

アニメーションの種類を選択します。 

この画像の左側には、すべてをアニメートパネルが表示されており、「花」、「グライド」、「ポップ」、「日の出」、「滝」などのアニメーションオプションが表示されています。右側にはエディターが表示されています。
すべてをアニメートパネルを使用して、アニメーションを選択し、デザイン全体に適用

ページ間にアニメーションを追加

Adobe Express エディターでデザインを開きます。

テキストボックス、グラフィック、写真、またはその他のオブジェクトを選択し、左のパネルから「アニメーション」」を選択して、インアウト、またはループアニメーションを適用します。

表示移動拡大・縮小から 1 つ以上のアニメーションを選択し、必要に応じて強度速度方向、または個性を調整します。 

ダウンロード」を選択して、アニメーション付きのデザインを保存します。 

ヒント :

ページの端の外側でアニメーションを開始および終了します。 カスタムアニメーションを使用して、シェイプ、テキスト、その他の要素をフレーム外に移動します。

  • インアニメーションの場合:アニメーションをページ外で開始するには、「ページ外から出現」というラベルの付いたボックスをオンにします。
  • アウトアニメーションの場合:アニメーションをページ外で終了するには、「ページ外まで移動」というラベルの付いたボックスをオンにします。
アニメーションをページ外で開始する方法を示す、「移動」セクションで強調表示された「ページ外から出現」というラベルの付いたチェックボックス。
「ページ外から出現」オプションを有効にして、アニメーションをページ外で開始