User Guide Cancel

Add animated assets in Adobe Aero

  1. Adobe Aero User Guide
  2. Introduction
    1. What is Adobe Aero
    2. Adobe Aero mobile (iOS) system requirements
    3. What is Augmented Reality
    4. Common AR terminologies
    5. Adobe Aero | Common questions
    6. Get started with the user interface
    7. In-app learning resources in Adobe Aero
    8. Using mobile gestures in Adobe Aero
    9. Key 3D modeling concepts
    10. What's new in Adobe Aero
  3. Aero desktop
    1. What's new in Adobe Aero
    2. Adobe Aero desktop | Common questions
    3. Workspace Basics
    4. Keyboard shortcuts
    5. Import assets into Aero
    6. Adobe Aero desktop system requirements
    7. Supported file formats
    8. Work with cloud documents
  4. Aero Player (Beta) on Android
    1. Discover Augmented Reality content in Aero Player (Beta)
    2. Adobe Aero (Beta) on Android | Common questions
    3. Adobe Aero (Beta) on Android System requirements
  5. Make your digital assets ready for AR
    1. Asset sources for Aero
    2. Prepare Photoshop assets for Aero
    3. Prepare Illustrator assets for Aero
    4. Prepare Dimension assets for Aero
    5. Optimizing Assets for AR
  6. Import AR-ready assets
    1. Import assets into Aero
    2. Import Mixamo assets into Aero
    3. Supported file formats
    4. Import FBX files into Aero
  7. Design AR experiences
    1. Add audio to digital assets in Adobe Aero
    2. Scan a space and set a surface anchor
    3. Place digital assets and edit the scene
    4. Add interactivity to digital assets
    5. Set an Image Anchor
    6. Add animated assets in Adobe Aero
    7. Create animations using Directable characters
  8. Export and share
    1. Share your AR creations
    2. Collaborate with others on Adobe Aero documents
    3. View AR creations
  9. Cloud documents and storage
    1. Work with cloud documents
    2. Upgrade storage for Adobe Aero
  10. Examples, ideas, and inspirations
    1. Design an AR experience using starter assets

Create richer and more immersive AR experiences by adding animated assets to your project.

Animated assets

Animations, as with any other interactive content, can be triggered through Aero’s behavior system. 

How to play animations

  1. Select the object to act as a trigger and tap Behaviors from the Toolbar. 

  2. Set a trigger from the Behaviors panel. 

  3. Select Play animation from the actions list. 

Best practices

Play animation action

Once you set a Play animation action, select the object the animation will be applied to, the animation clip, and other options like Play CountDelay, and more. 

  1. Change the Subject if you want another object than the current selection to be the one containing the animation to play.

    Play animation menu
    Subject

  2. Select the set that contains the animation clip that you want to play. If the Subject object contains embedded animations, the Animation set lists an entry with the asset name.

    Play animation menu

    If the Subject object has no animation embedded, or if you want to add another animation sets to choose from, select the  icon to import an animation file (FBX or GLB) from either your Creative Cloud files, or from your local Files storage. 

    Optionally, if an animation set is no longer in use, you can use the  icon to remove it permanently from your project.

    Animation import menu

    Animation import menu

    Animation import menu

  3. Select the animation clip to be played from the list of Clips found in the Animation set that is currently selected.

    Play animation menu
    Clip

  4. The Trim control shows the animation length. 
    Use the Start and End handles to adjust the range of animation you want to play back. 
    Adjust the Speed factor to define how fast or slow the animation clip should play.

    Play animation menu
    Clip length and Speed

  5. Activate Transition if you want to automatically blend-in the animation clip from the current pose of the object. The option allows you to chain together multiple Play animation actions on the same object while ensuring a smooth visual transition between them. 

    If the animation clip contains forward motion but you want the object to remain in place, activate Treadmill option. 

    If the animation clip contains forward motion but you want the asset to jump back to the start position at each loop iteration, activate Return to start position option. 

    Set Play Count if you want the animation clip to play more than once.

    Play animation menu

  6. Set the number of seconds you want to Delay the action from starting to play. 
    Toggle Infinite if you want the animation clip to loop endlessly. 
    Toggle Back and forth if you want the animation clip to play forward and backwards at each loop iteration.

    Play animation menu
    Delay, Infinite, Back and forth

Animated Images

You can now create richer and more immersive AR experiences by adding animated images to your project.

Animated images, like any other interactive content, can be triggered through Aero’s behavior system. 

How to play animated images

  1. Import an animated GIF image or a sequence of PNG images bundled in a ZIP archive.

  2. Select the object to act as a trigger and tap the Behaviors tool from the Toolbar

  3. Set a trigger from the Behaviors panel. 

  4. Select Play images from the actions list. 

Best practices

Keep the following recommendations in mind when adding animated images to your project to prevent overloading your device capabilities: 

  • Keep image files under 60Mb on disk, less than 1024x1024 pixels in resolution, and less than 100 frames of animation. 

  • The amount of animated images concurrently playing in an experience varies by device model, asset size and resolution, and scene complexity 

Play image action

Once you have selected the Play images action you can trim the start and end frames of the sequence, or customize other settings including Play CountDelay, and more. 

  1. Change the Subject if you want the image sequence to play on an object other than the current selection. 
    If Subject is set to an asset that is not an animated GIF or a sequence of PNG files, the rest of action panel will be grayed out and an Info icon will be displayed next to the Subject field indicating that the asset is incompatible.

    Play images menu
    Subject

  2. The Trim control shows the frame range found in the image sequence.

    Play images menu
    Trim

    Use the Start and End handles to adjust the range of frames you want to play back.

    Play images menu

  3. Adjust the Speed factor to define how fast or slow the animated image sequence should play back. 

  4. Set the Play Count if you want the animated image sequence to play more than once. 

  5. Set the number of seconds you want to Delay the action from starting to play.

    Play images menu
    Delay

  6. Toggle Infinite if you want the image sequence to endlessly loop. 

    Toggle Back and forth to play the image sequence forward and backwards at each loop iteration.

    Play images menu
    Infinite, and Back and forth

  7. Step text

What's next?

We've got you covered on how to add animated assets in Aero. You can now share your AR creations, or collaborate with others to work on Adobe Aero files.

Have a question or an idea?

If you have a question to ask or an idea to share, come and participate in Adobe Aero Community. We would love to hear from you. 

Don’t forget to showcase your work on Behance and seek inspiration from others' work as well.

Adobe logo

Sign in to your account