Friday, July 24, 2015

icon - How to achieve a gradient in adobe illustrator


I am looking for someone to explain how to achieve a subtle gradient in adobe illustrator like the one in this icon.



much thanks.


enter image description here



Answer



It's hard to tell in your example, but it is common for apparently flat icons to gain that extra touch of polish by using subtle gradients.


To get it right you should work with tints and/or shades of a color to build your gradient. I find it easiest to work in the HSB model and carefully adjust the Saturation and Brightness values to step up or down on the gradient scale. You can also plug a base color in at 0to255.com to see a nice range of choices in hex.


In the sample below, you can see that there isn't a whole lot of room for steps between these two greens. The difference is just enough to give a little light affect to the small circle. The separation between the colors should be greater as the distance of your gradient increases.


enter image description here


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...