The Gradient Tool does just what it suggests - it creates gradients. But it gives you an unbelievable amount of control of the gradients you create. You can save gradients you create for use later too. Let’s dive in.
Tip: The shortcut key for the Gradient Tool is G. Hitting G with Photoshop open will invoke the tool.
It is worth becoming familiar with the options. From left to right here is a quick overview:
One use of the gradient tool is to create a background for a website. You can do this by creating a 1px wide gradient and then using repeat-x in CSS to repeat the image across the background. When you create the gradient make sure it fades to white at the bottom so it will fade gracefully. Have a look at the example page to see it in action and to get the source code.
The paint bucket tool will fill areas or selections with a particular colour. You can alter the opacity to affect how transparent the colour is just as you can in the gradient layer. Tolerance affects how broadly the paint will fill after your click. All pretty straightforward really!
Have an update or suggestion for this article? You can edit it here and send me a pull request.