Загрузка страницы

Create a draggable carousel animation in 3 mins | Adobe XD

In this video i will show you the easy way to create a draggable carousels animation in Adobe XD using the cool feature auto animate. Experience the drag and animate in adobe xd just a few minutes. Don't hesitate to leave a comment below if you have any questions. Good Day!

In this Prototype tutorial:
1. Basic function of Adobe XD
2. Arrange basic layout in Adobe XD
3. Prototype in Adobe XD
5. Auto animate effect in Adobe XD
6. Apply drag gesture to create carousel effect

===

Episode Breakdown:
0:00 Introduction
0:22 Prepare design layout for draggable carousel animation
2:41 Apply draggable carousel prototype animation

===

Following link is the project file for this tutorial. Download and try it out. Good luck.

Download link for this project file (ADOBE XD file):
https://drive.google.com/file/d/1OsqOJkS9Ic1VUL6W9tXAEAfeIoDC5Y-z/view?usp=sharing

===

Images that we are used :

https://www.google.com.my/imgres?imgurl=https%3A%2F%2Fimages.solecollector.com%2Fcomplex%2Fimages%2Fc_crop%2Ch_1125%2Cw_2000%2Cx_0%2Cy_597%2Ff_auto%2Cfl_lossy%2Cq_auto%2Cw_1200%2Frafwyy48kh2hdupxqrh3%2Fnike-air-max-plus-color-flip-white-ci5925-531-pair.jpg&imgrefurl=https%3A%2F%2Fsolecollector.com%2Fnews%2F2019%2F06%2Fnike-air-max-plus-color-flip-white-ci5925-531-black-ci5924-061-release-date&tbnid=vL1tTGiNAYO5_M&vet=10CJUBEDMonAFqFwoTCICAjomblPMCFQAAAAAdAAAAABAC..i&docid=mXnRc_tImvsouM&w=1200&h=675&itg=1&q=nike%20shoes&hl=en-GB&authuser=0&ved=0CJUBEDMonAFqFwoTCICAjomblPMCFQAAAAAdAAAAABAC

https://www.google.com.my/imgres?imgurl=https%3A%2F%2Fmedia.gq.com%2Fphotos%2F570ffea9bf3a8ba177b0bba9%2F16%3A9%2Fw_2560%252Cc_limit%2Fnike-presto-flyknit-01.jpg&imgrefurl=https%3A%2F%2Fwww.gq.com%2Fstory%2Fnike-business-how-many-sneakers-per-second&tbnid=j2HL98_kxYNP8M&vet=10CBUQMyhwahcKEwiAgI6Jm5TzAhUAAAAAHQAAAAAQAg..i&docid=3-AwDtZM1VXt9M&w=2000&h=1125&itg=1&q=nike%20shoes&hl=en-GB&authuser=0&ved=0CBUQMyhwahcKEwiAgI6Jm5TzAhUAAAAAHQAAAAAQAg

https://www.google.com.my/imgres?imgurl=https%3A%2F%2Fcdn.vox-cdn.com%2Fthumbor%2FRj76MxlyKuhtlXrg7Nr6Q_2hs38%3D%2F1400x1050%2Ffilters%3Aformat(jpeg)%2Fcdn.vox-cdn.com%2Fuploads%2Fchorus_asset%2Ffile%2F22406771%2FExbfpl2WgAAQkl8_resized.jpeg&imgrefurl=https%3A%2F%2Fwww.theverge.com%2F2021%2F4%2F8%2F22374480%2Fnike-mschf-lil-nas-x-unauthorized-satan-shoes-lawsuit-settled&tbnid=S3Q_1QiX9IiJvM&vet=12ahUKEwi4jv-kmpTzAhXdnUsFHdURDa4QMygQegUIARDyAQ..i&docid=v-o6BYRbwZjBLM&w=1400&h=1050&q=nike%20shoes&hl=en-GB&authuser=0&ved=2ahUKEwi4jv-kmpTzAhXdnUsFHdURDa4QMygQegUIARDyAQ

===

We will create a list of videos to show how to easily prototyping in Adobe XD. Click the links below to see how's we can apply more prototype in our works.

The Adobe XD prototype for beginner playlist is here:
https://youtube.com/playlist?list=PLAopmzNhSWrU98qkiFMOXUu_woY8YTKCG

===
Thanks for watching! Hope you enjoyed the video! If there's anything you would like me to cover in a Youtube video, let me know by commenting down below!

Be sure to subscribe to my channel :
My instagram: https://www.instagram.com/esterification_art/
My facebook: https://www.facebook.com/Esterification_art-109994664610586

Видео Create a draggable carousel animation in 3 mins | Adobe XD канала esterification_art
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
9 октября 2021 г. 9:00:10
00:05:18
Яндекс.Метрика