How to Auto-Animate Apple Music's animation in Adobe XD

Published: 10 January 2019
on channel: Tim Hykes
996
20

IN THIS TUTORIAL
In this video, we explore the animations in Apple Music. As we push the boundaries of Adobe XD we take a look at the Auto-Animate feature to see if it's able to animate currently experiences in popular applications.

PROJECT FILES
If you want to follow along, you can download the Photoshop files here.
https://www.dropbox.com/s/tvohvhll5dz...

FONT FILES
You will also need to download the font file from Apple.
https://developer.apple.com/fonts/

Auto-Animate allows you to easily create prototypes with immersive animated transitions. Simply duplicate an artboard, modify object properties, such as size, position, rotation, and apply an Auto-Animate action to create an animated transition between artboards. To use Auto-Animate, ensure that the objects you are looking to animate have the same layer name between each of the artboards.

HOW DOES AUTO-ANIMATE WORK?
Traditionally, designers used multiple transitions across various artboards to wire their prototype interactions. With Auto-Animate, designers can use XD to create micro-interactions between two artboards by:

►Duplicating objects between artboards,
►Modifying their properties such as size, position, rotation, and so on. For information on supported properties, see Supported properties for auto-animate.
►Switching to prototype mode,
►Adding Auto-Animate as a new transition, and
►Previewing the prototype in desktop or mobile.

Like using Tap to trigger transitions, you can combine Drag with Auto-Animate to specify micro-interactions across artboards. New objects fade in and deleted objects fade out during a transition that uses Auto-Animate.

SUBSCRIBE ► https://www.youtube.com/timhykes?sub_...

👋 I'm Tim Hykes! Subscribe if you have not!
👍 Thanks for every Like, Share, and Comment!
🔔 Ring the Bell to join the Notification Squad!


Watch video How to Auto-Animate Apple Music's animation in Adobe XD online without registration, duration hours minute second in high quality. This video was added by user Tim Hykes 10 January 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 996 once and liked it 20 people.