How to animate gradients in Adobe XD

Опубликовано: 30 Сентябрь 2024
на канале: Monica's Design Process

10,763

295

In this Adobe XD tutorial you'll learn how to create and animate multicolor gradients. I share how I create this gradient effect by designing the UI for 3 screens. Then we use prototype mode, tap and time triggers with auto-animate to create a seamless gradient transition.

WATCH NEXT
Create a search bar animation in Adobe XD:    • Search bar animation in Adobe XD | Ea...
How to create a hamburger menu animation in Adobe XD:    • How to make a hamburger menu animatio...
How to wireframe in Adobe XD:    • How to wireframe in Adobe XD | Easy t...

---
LINKS

Want 10% off Field Notes? Use code MONICA10 https://fieldnotesbrand.com

Present your designs and artwork in a professional way, check out the Modern Frame Mockup Bundle: https://monicagalvan.co/mockups

Need help wireframing? Check out the Wireframe Kit: https://monicagalvan.co/wireframes

Try Skillshare free for 1 month: https://www.skillshare.com/r/user/mon...

---
ABOUT ME

Hello! I'm Monica, a designer living in San Francisco, California. This channel is a place where I share all my design and creative side projects. By sharing my process, I hope to help you learn more about design!

---
SOCIAL

Instagram –   / themonicagalvan
Website – https://monicagalvan.co/

---
About this video: Learn how to design and prototype gradient animations in this simple Adobe XD auto animate tutorial for beginners. I go over how to do gradients in Adobe XD and use the auto animate feature in prototype mode.