Adobe XD Advanced Animation Tutorial – Parallax. SpaceX redesign #2



Adobe XD Advanced Animation Tutorial – Part 2. I’ll show how I made SpaceX Website Redesign for Challenge – design and full animation tutorial in Adobe XD. 🍕 If you like what I do – you can support me and buy a pizza – https://ko-fi.com/igorvensko

Part 1 – https://youtu.be/bQq9qor0OrU
Part 3 – https://youtu.be/8_K9fSEFm3A

00:00 – Button
03:50 – Starship
08:20 – Rotate Mars
13:50 – Suit / zoom image
17:50 – Flying text
23:50 – Final result

Assets:
Spacex – https://www.spacex.com/human-spaceflight/
https://www.esa.int/ESA_Multimedia/Images/2021/04/Thomas_Pesquet_in_a_SpaceX_spacesuit
Mars – https://stock.adobe.com/pl/images/red-planet-mars-surface-exploration-and-expedition-on-red-planet-elements-of-this-image-furnished-by-nasa/366810558?prev_url=detail
Moon – https://www.pexels.com/photo/close-up-shot-of-a-full-moon-in-the-sky-8811546/
Earth – https://unsplash.com/photos/vhSz50AaFAs
Neon circle – https://stock.adobe.com/pl/images/abstract-rotating-neon-circle-in-gold-color-luminous-ring-space-tunnel-led-color-ellipse-3d-illustration-empty-hole-glow-portal-hot-ball-flickering-spin/312047794

Fonts:
Orbitron – https://fonts.google.com/specimen/Orbitron
Urbanist – https://fonts.google.com/specimen/Urbanist

Fresh projects and announcements on Instagram
👉 https://www.instagram.com/igorvensko/

🔥Project created for challenge on The Game Changers Club by @brand0ngr0ce

👽 Igor Vensko
Web / Graphic / UI / UX / Designer
Always available for interesting projects

💪Follow me
Behance 👉 https://www.behance.net/igorV
Dribbble 👉 https://dribbble.com/Vensko
Instagram 👉 https://www.instagram.com/igorvensko/
Facebook 👉 https://www.facebook.com/VenskoAgency/

~~~~~~~~~~~~~~

📃 Images – Adobe stock / Shutterstock / Pixabay / Unsplash
🎼 Music – Youtube Audio Library / Adobe Stock music

#website #webdesign #ui #ux #designer #portfolio #adobexd #vensko #freelancer #spacex #tutorial #animation #motion

Duration: 00:24:29

source