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! 😀

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 😀 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



Instagram: https://www.instagram.com/thedesignmedium/
Dribbble: https://dribbble.com/TheDesignMedium


Music by Lakey Inspired. Check out his channel here –

Tracks –
Lakey Inspired – Better Days
Lakey Inspired – Vision

Duration: 00:10:30