Web UI Design - Parallax Animation Tutorial | Adobe XD
Web UI Design - Parallax Animation Tutorial | Adobe XD
In this video i will show you how to create a Sleek Parallax Animation for a Website UI using Adobe XD and Photoshop. Hope you guys enjoy it! :D
Adobe XD file: http://www.mediafire.com/file/fzzspyna2sr4y7o/ParallaxEffect.xd/file
Image PNG Files: http://www.mediafire.com/file/0ee5idr0j05l4tk/parallax-images.zip/file
I tried to keep this tutorial as simple as possible with some chill music. This might be the most chill tutorial on YouTube haha :D Also do let me know in the comments below if you have any doubts in this process and i will try to help you with that.
Part 2 [Code] : https://www.youtube.com/watch?v=fBVvvjopPPM
If you found this helpful i'd appreciate it if you would hit that thumbs up button and share this! Also make sure to subscribe for more videos like these. Have a great day!
#uidesign #parallax #tutorial #designmedium
Subscribe: https://www.youtube.com/channel/UCz-1_EkgB8In_DsS2hYaeWw?view_as=subscriber?sub_confirmation=1
Images used in this tutorial are from Pexels and Unsplash :
Background Image: https://www.pexels.com/photo/landscape-photography-of-mountains-covered-in-snow-691668/
Foreground Image: https://www.pexels.com/photo/man-carrying-backpack-standing-on-rock-formation-1576939/
----------------------------
Software used in this Tutorial :
Photoshop - Image Editing
Adobe XD - Web UI Design
----------------------------
Social:
Instagram: https://www.instagram.com/thedesignmedium/
Dribbble: https://dribbble.com/TheDesignMedium
----------------------------
Music by Lakey Inspired. Check out his channel here -
https://www.youtube.com/channel/UCOmy8wuTpC95lefU5d1dt2Q
Tracks -
Lakey Inspired - Better Days
Lakey Inspired - Vision
Видео Web UI Design - Parallax Animation Tutorial | Adobe XD канала Design Medium
In this video i will show you how to create a Sleek Parallax Animation for a Website UI using Adobe XD and Photoshop. Hope you guys enjoy it! :D
Adobe XD file: http://www.mediafire.com/file/fzzspyna2sr4y7o/ParallaxEffect.xd/file
Image PNG Files: http://www.mediafire.com/file/0ee5idr0j05l4tk/parallax-images.zip/file
I tried to keep this tutorial as simple as possible with some chill music. This might be the most chill tutorial on YouTube haha :D Also do let me know in the comments below if you have any doubts in this process and i will try to help you with that.
Part 2 [Code] : https://www.youtube.com/watch?v=fBVvvjopPPM
If you found this helpful i'd appreciate it if you would hit that thumbs up button and share this! Also make sure to subscribe for more videos like these. Have a great day!
#uidesign #parallax #tutorial #designmedium
Subscribe: https://www.youtube.com/channel/UCz-1_EkgB8In_DsS2hYaeWw?view_as=subscriber?sub_confirmation=1
Images used in this tutorial are from Pexels and Unsplash :
Background Image: https://www.pexels.com/photo/landscape-photography-of-mountains-covered-in-snow-691668/
Foreground Image: https://www.pexels.com/photo/man-carrying-backpack-standing-on-rock-formation-1576939/
----------------------------
Software used in this Tutorial :
Photoshop - Image Editing
Adobe XD - Web UI Design
----------------------------
Social:
Instagram: https://www.instagram.com/thedesignmedium/
Dribbble: https://dribbble.com/TheDesignMedium
----------------------------
Music by Lakey Inspired. Check out his channel here -
https://www.youtube.com/channel/UCOmy8wuTpC95lefU5d1dt2Q
Tracks -
Lakey Inspired - Better Days
Lakey Inspired - Vision
Видео Web UI Design - Parallax Animation Tutorial | Adobe XD канала Design Medium
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Adobe XD Travel Web Design Parallax TutorialParallax Animation in Adobe XD20 Excellent UI/UX Design Animation Examples For InspirationFull Page Parallax Animation in Adobe XDNew Inventions That Are At Another Level ▶38Baseline Grids | The basics of Baseline Grids in UI & Web DesignReal Scroll Animations in Adobe Xd! - Design WeeklyCréer un site internet avec Adobe XDWeb UI Design with a Parallax Slider | Adobe XDResponsive Website Design in Adobe XDAdobe XD - Water animation in 6 minutes.Animation Tutorial ala Gif / Video in Adobe XD 2021Adobe XD 2021 Animation Tutorial - Parallax Effect for Website Design.Adobe Xd Web Design - How to design a simple website in Adobe Xd for beginners (2020)Portfolio Website Design in Adobe XD | Speed ArtUsing Anchor Links in Adobe XD - With Scrolling Animation | TutorialAdobe XD to Webflow: Turning your prototypes into live websitesAdobe Xd DJI Mavic Air 2 Drone Scrolling Animation | UI AnimationWireframing and designing a Travel website in Adobe Xd 2020Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course