Introducton to Adobe Photoshop Real World Example

Previous | Next | Table of Contents

Phase I-B: Backboard Under Painting


Preliminary Stage A

  1. Gradient Options Edit...
  2. Gradient Editor
  3. About The Tool
  4. Color Indicator Location
Preliminary Stage B
  1. Fast Track
  2. The Step-By-Step Method
  3. Create A Custom Gradient

The Final Steps

  1. Result
  2. Reapply Gradient
  3. A Note On The Purpose


Preliminary Stage A

1. Gradient Options Edit...

Click on the Edit... button in the Gradient Tool Options Palette to display the Gradient Editor as shown below.

Blue Arrow Gradient

2. Gradient Editor

This dialog box is cropped and it is showing the copper gradient pre-installed by Photoshop.

Copper Gradient

The Gradient Editor allows for creation of new gradients or customizing gradients from the drop-down Gradient List.

3. About The Tool

4. Color Indicator Location


Preliminary Stage B

1. Fast Track

Foreground & Background Color

Set foreground color to H: 211, S: 72 and B: 100%.
Set background color to H: 211, S: 72, and B: 40%. The sample Toolbox image shows the correct colors.

If this instruction is too sparse, the following will walk you through the process. Otherwise, skip step 2.

2. The Step-By-Step Method

Foreground Color Change

3. Create A Custom Gradient

Let's change the Copper scheme to Blue.

Copper Gradient

Newly created 3-tab Blue Gradient.
New Blue Gradient
Continue on and do the step-by-step.

Copper Gradient

Light Copper to White


The Final Steps

1. The Result

The step-by-step approach resulted in a richer and smoother 4-color gradient. Scroll up and compare.

New Tutorial Blue Gradient

Click Save to add it to the Gradient List. Name it Tutorial Blue.

2. Reapply Gradient

Go to the original Corel Shape layer. If the Selection has been discarded, select it again by loading the "Full Size Mask".

Select > Load Selection...

Tutorial Blue Fill from A to B

The resulting gradient image should resemble the above sample.

3. A Note On The Purpose

The under painting does not require a specific color scheme. The goal of this section was to give guidance on the use of the "Gradient Editor" to create new or to customize gradients.


Previous | Next | Table of Contents