Tutorial: Page (3) of 4 - 03/29/04 Email this story to a friend. email article Print this page (Article printing at MyDmn.com).print page facebook

Photoshop Basics: Gradients

Part 1: Custom Gradient creation
Color stops
Below the gradient bar, you'll also see, by default, two color stops. These function much the same way as the opacity stops, except that they're used to define the color, rather than the transparency, of your gradient. Selecting one of the existing stops activates the Color and Location settings in the Stops section of the Gradient Editor.

In order to change the Color, select a stop, and then select the little flyaway menu to choose either the foreground color or the background color.

Click on the color itself will call up your chosen color picker, and sliding it left or right will change its position within the gradient.

As with opacity stops, you can adjust the smoothness of the transitions between color stops by moving the Color Midpoint (the little diamond between your two stops).

And you can add new color stops simply by clicking below the gradient bar. By default, any new stops will take on the color attribute of your previously selected color stop. You can change this by clicking on the Color button at the bottom of the Editor.

Saving the gradient
Finally, when you're done setting up your gradient, type in a custom name for the new gradient, and click the "New" button. This will add your gradient to the list of pre-defined gradients.

And you can save your gradients for use on multiple computers by clicking the "Save" button. When you're done, click "OK," and then set the style, scale and angle of your gradient. It will be updated in real-time on your canvas, so you can preview how the final gradient fill will look. If you don't like it, you can click on your gradient again to go back and edit it further.

Incidentally, with a gradient fill layer, such as the one we've created here, you can always go back and make changes to it simply by double-clicking the layer in the Layers palette.

Page: Prev Page 1 2 3 4 Next Page

Related Keywords:adobe photoshop, tutorial, gradient, gradient fill, overlay, layer style, sky gradient, horizon

To Comment on This Article, Click HERE

Most Recent Reader Comments:
  • Re: Photoshop Basics: Gradients by kzinn at Aug. 11, 2004 7:42 pm gmt (Rec'd 4)
  • Photoshop Basics: Gradients by DMN Editorial at Aug. 04, 2004 2:30 am gmt (Rec'd 3)

    Click Here To Read All Posts
    Must be Registered to Respond (Free Registration!!!, CLICK HERE)
  • [ServletException in:/common/ads/links.jsp] Unable to load class for JSP'

    Our Privacy Policy --- @ Copyright, 2015 Digital Media Online, All Rights Reserved