From the course: Adobe XD Quick Tips

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

3D card flip animation

3D card flip animation - Adobe XD Tutorial

From the course: Adobe XD Quick Tips

Start my 1-month free trial Buy for my team

3D card flip animation

“

- [Instructor] Hey everyone, I'm Howard Pinsky, and in this Adobe XD tip, I'm going to be showing you how you can use 3D Transforms to create a fun card flip animation. Here's a design I've been working on, and it contains two pieces: the back of a credit card and the front. And what I want to do is create an animation where I can click and it'll flip over to show the opposite side. So what we're going to want to do first is to prepare it so XD knows exactly how to animate it. And you should think of this like a double-sided piece of paper. If I were to simply take this back of the card and put it behind this card and then flip it over 180 degrees, this design would look flipped. So in the starting position, we actually want to start the back of the card in the flipped position, if that makes sense. And to do that, we're going to want to utilize 3D Transform. So, over to the right, within the Properties Inspector,…

Contents