Animating Adobe XD Ad Designs with Animate

Learn how to create compelling motion and animation in your digital ad designs using Adobe XD and Adobe Animate.

Introduction

• Building an ad with Adobe XD and Animate
• What you should know
• Using the exercise files

1. Advertisement Design in Adobe XD

• Creating a new XD project
• Building artboards
• Design and layout
• Adding text

2. Prototyping and Sharing Animation

• Design states and variations
• Adding motion with Auto-Animate
• Sharing design specs

3. Bringing an XD Design into Animate

• Creating a new Animate project
• Importing assets from XD
• Interpreting colors and swatches
• Translating text specifications
• Completing the layout

4. Animating the Advertisement

• Working with the Timeline
• Creating tweens
• Timing and easing
• Animation preview

5. Adding Interactive Elements

• Adding interactive elements
• Designing button states
• Reacting to user interaction

Conclusion

• Publishing an ad
• Further information