logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Pixelmator 3 for the Mac

Pixelmator 3 Photoshop Alternative

Pixelmator 3 Review

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor