How To Create Gradients In Adobe XD

Design

In todays video tutorial I’m going over how to create gradients in Adobe XD. If you’ve explored my site at all, you can definitely tell that I’m loving the gradient trend and the vibe that goes with it. So I’m excited to share how you can get this gradient effect within Adobe XD. I will be covering how to make both a radial gradient and a linear gradient. At the moment there isn’t a great way to blend the gradients like you can do in Photoshop, but I’ll also show you how you can kind of do it.

Affiliate Disclaimer: Please note this post contains affiliate links. If you go through them to make a purchase, I will make a commission at no cost to you. Thanks for your support!

what’s Adobe xd?

In case you haven’t heard about my love for Adobe XD, you can read about it here. Honestly, Adobe XD is one of my favorite new design tools and I’ve been using it for almost everything business related at this point. It was made primarily for web apps and protoyping, which is how I started. But you can also use if for social media graphics, templates, mockups, etc. If you don’t have Adobe XD, you can get it here for free! 

 

Watch the video for How To Create Gradients In Adobe XD below:

Here are the steps to create a gradient in adobe xd:

1. Start with a shape of your choice (text gradients aren’t currently available)

2. Once shape is selected, click the Fill Color box

3. You will see your color options here and on the top left corner there is a dropdown menu with additional options

4. Click and select either Linear Gradient or Radial Gradient

5. This will give you two options for color inputs – each represented by circles on a line

6. Outlined circle = highlighted

7. Simply add your hex color, use the eye dropper or play around with the selection tool

8. Do the same for the other color

9. You can add more color options by clicking the line and make additional adjustments by moving the line around

10. Now you’ve created a gradient! Enjoy!

 

Don’t Forget To

Pin Your Favorite

Read The Latest

SEO Basics For Squarespace

SEO Basics For Squarespace

In todays video tutorial I'll be going over how to SEO basics for Squarespace. This is part of our Squarespace Basics series that's geared to help beginners use the platform and gain confidence. I'm a big believer on using platforms that work best for you and your...

Free Website Launch Checklist

Free Website Launch Checklist

Got a brand new freebie hitting the resource library this week and it's a free website launch checklist! As a web designer, I know the feeling of both nervousness & excitement when launching a brand new website. You can't wait to show it off but you're also...

CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS *

Pin It on Pinterest