From the course: Learning Adobe XD
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Carousel - Adobe XD Tutorial
From the course: Learning Adobe XD
Carousel
- [Presenter] In this exercise, we're going to create an image carousel, where instead of using scaling, to pull focus to the images, we're going to use 3D to keep focus on the main card, and to give the user a visual clue, there is another card in the lineup. So let's get started and to get yourself started, open the carousel file in your chapter download. And what we have here are a series of art boards with cards. Now I'm going to do the first two for you, because you can see how it's done. And then I'll leave you to complete the remaining two cards. So here's how it all works. Let's get the Zoom tool and we'll zoom in on the main card, just to see what we've got here. So there's the main, and you can see that there are a variety of cards here. And what I want you to really see here, so if I select it, it's got a 3D transform applied to it. So this first card is sitting at zero on the Z axis. So we're going to be…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
Card flip4m 40s
-
(Locked)
Parallax5m 24s
-
(Locked)
Glass morphism7m 56s
-
(Locked)
Nested menu5m 50s
-
(Locked)
Counter7m 19s
-
(Locked)
Pull-to-refresh4m 29s
-
(Locked)
Progress bar5m 17s
-
(Locked)
Animated progress circle4m 56s
-
(Locked)
Pagination4m 18s
-
(Locked)
Carousel4m 6s
-
(Locked)
Videos in the Background6m 30s
-
(Locked)
Create a Lottie file10m 20s
-
(Locked)
Use a Lottie file in XD9m 6s
-
(Locked)
Use hyperlinks2m 41s
-
(Locked)
Dynamic Island6m 12s
-
-
-
-