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

Bold Poster Design Concepts

Bold Poster Design Concepts

I've been recently obsessed with band posters and bold, vintage posters. I love the use of typography & colors, the cool images, the layouts and really just the overall vibe. You can check some out on my Pinterest here. With that, I wanted to have some fun and...

True Bliss Massage & Reiki

True Bliss Massage & Reiki

True Bliss Massage & ReikiWebsite design Wordpress developmentTrue Bliss Massage & Reiki is a Massage & Reiki studio based in Colorado. Sarah came to me looking for a redesign. of her current website. She wanted it to match her new space, be clearer to...

Rachel Hine

Rachel Hine

Rachel HineBrand identity Business Cards Social Media  Templates Website design Wordpress developmentRachel Hine new brand & website is here. Rachel is a photographer & creative director based in New Amsterdam (works globally) who needed an updated portfolio...

The Misfits Experience

The Misfits Experience

The Misfits ExperienceBrand identity Website design Wordpress developmentThe Misfits Experience is brand & website is here! Christine came to me for a new website & brand update for her new intensive offering. The new website experience is a mix of beautiful...

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 *

translate

Pin It on Pinterest

Skip to content