g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Home Improvement
Women's Fashion
Small Office/Home Office
Holiday/Seasonal Cooking
Crafts for Kids

All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


The Gradient Tool And The Gradient Picker In Adobe Photoshop CS

Project Information: Skill level: Basic AdobeR PhotoshopR CS General tips

Painting a gradient in Photoshop CS is as easy as using the Gradient tool and drawing a line with your mouse. You can paint a gradient on an entire layer or just part of a layer.

Gradient Tool - Options Bar

Step 1. Select an area. If you want to paint a gradient on only a section of a layer, you must first select that area with one of the selection tools.

Step 2. Click on the Gradient tool in the Toolbox. This will change the Options bar to reflect the Gradient tool. You will use the controls in the Options bar to create your gradient.

Step 3. The Gradient Picker. You will find the Gradient Picker on the left end of the Options bar. You can also open the Gradient Picker by right clicking on your image. In the Gradient Picker, you will find 15 preset gradients. Click on the gradient you wish to use.

If you want to create a gradient using the colors that you have set in the Foreground and Background Color Boxes, use the first preset gradient in the Gradient Picker.

Step 4. Select the gradient type. Photoshop has 5 preset gradient types; Linear, Radial, Angle, Reflected and Diamond. Click on the icon for your choice.

Step 5. Blend mode. Next on the Options bar is the drop-down list of preset blend modes. Choose the one you want. The default is Normal.

Step 6. Opacity. You can set the opacity of your gradient anywhere between 0 and 100 percent. Use the Opacity slider on the Options bar to make fine adjustments.

Step 7. Reverse colors. You can quickly reverse the colors in your gradient by placing a check in the Reverse checkbox.

Step 8. Dither. If the transition between colors in your gradient is not as smooth as you would like, you can set the Dither on the Options bar.

Now you are ready to paint your gradient. On your image, click and drag your mouse pointer to draw a line in any direction. At the beginning of your gradient/line will be the Foreground color in your gradient. The Background color in the gradient will be at the end of your line. If you want your gradient to follow a horizontal, vertical or 45 degree angle; hold down the Shift key while you click and drag your mouse pointer.

AdobeR product screen shot(s) reprinted with permission from Adobe Systems Incorporated. AdobeR, PhotoshopR and PhotoshopR AlbumTM are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.

Add The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS to Twitter Add The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS to Facebook Add The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS to MySpace Add The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS to Del.icio.us Digg The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS Add The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS to Yahoo My Web Add The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS to Google Bookmarks Add The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS to Stumbleupon Add The+Gradient+Tool+And+The+Gradient+Picker+In+Adobe+Photoshop+CS to Reddit


RSS | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Character Development Design by Mary Begin

Background Images for iBooks Author

Craft Photography - iPhones to Props

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor