<li class="Bulleted"><a href="05-Color11.html#999893">Changing Gradient Color Hue</a></li><br/>
<li class="Bulleted"><a href="05-Color11.html#999916">Capturing a Gradient from an Image</a></li><br/>
<li class="Bulleted"><a href="05-Color11.html#999958">Mapping a Gradient to Luminance in an Image</a></li><br/>
</td>
</tr>
</table>
<blockquote>
<h2 id="999686" class="Heading1">
<a name="999686"> </a>Using Gradients
</h2>
<p id="999687" class="Body">
<a name="999687"> </a>A gradient is a gradual transformation from one color into another. Sometimes they are called blends or fountains. Corel Painter provides several different types of gradients: linear, radial, circular, and spiral.
<a name="1014540"> </a><i>Examples of gradient types, from top to bottom: linear, radial, circular, and spiral.
</i></p>
<p id="999691" class="Body">
<a name="999691"> </a>You can use gradients to:
</p>
<ul>
<li class="SmartList1"><a name="999692"> </a>Fill an image selection, layer, or channel. For more information, see <a href="12-Selections2.html#1005588">"Using Selections"</a>, <a href="14-Layers2.html#1003215">"Using Layers and Layer Masks"</a>, and <a href="13-Channels2.html#1012688">"Using Alpha Channels"</a>.</li>
<li class="SmartList1"><a name="999693"> </a>Control a Pop-Art Fill effect. (Other effects work best when you use a filled mask.) For more information, see <a href="15-Effects12.html#1015667">"Pop Art Fill"</a>.</li>
<li class="SmartList1"><a name="999694"> </a>Express the gradient in an existing image by mapping gradient colors to image luminance. For more information, see <a href="15-Effects9.html#1005231">"Creating Texture Using Image Luminance"</a>.</li>
<li class="SmartList1"><a name="999696"> </a>Brush with a gradient with one of the computed brushes (using one of these dab types: line airbrush, projected, or rendered). For more information, see <a href="10-Brushes8.html#999028">"Dab Types"</a>.</li>
</ul>
<p id="999703" class="Body">
<a name="999703"> </a>Although Corel Painter comes with libraries full of gradients, you'll invariably want to create some of your own. To do that, you just need to define two colors and create a gradient between them.
</p>
<p id="999704" class="Body">
<a name="999704"> </a>You can also capture gradients from existing images or create your own libraries of gradients. Use the options on the Gradients palette to select and adjust Corel Painter gradients.
</p>
<p id="999708" class="Body">
<a name="999708"> </a>Gradients are stored in libraries. You can load alternate libraries of gradients to increase your choices. For more information about working with libraries, refer to <a href="02-Workspace13.html#999999">"Loading Alternate Libraries"</a>.
<a name="1017654"> </a>If the Gradients palette is not expanded, click the palette arrow.
</p>
<li class="SmartList1" value="2"><a name="999715"> </a>Click the Gradient selector and choose a gradient style. </li>
<li class="SmartList1" value="3"><a name="1009647"> </a>Click one of the Gradient Types on the right of the palette to select between the four types of gradients-linear, radial, spiral, or circular.</li>
<p id="999727" class="ToDoBody">
<a name="999727"> </a>The Preview window shows how current settings affect a selected gradient.
<li class="SmartList1" value="2"><a name="1009688"> </a>Click one of the Gradient Orders at the bottom of the palette to determine how the gradient behaves:</li>
</ol>
<ul>
<li class="Bulleted2"><a name="1011001"> </a>left to right</li>
<li class="Bulleted2"><a name="1009689"> </a>left to right and mirrored</li>
<li class="Bulleted2"><a name="1009690"> </a>right to left</li>
<li class="Bulleted2"><a name="1009691"> </a>left to right and doubled</li>
<li class="Bulleted2"><a name="1009692"> </a>right to left and mirrored</li>
<li class="Bulleted2"><a name="1009693"> </a>right to left and doubled</li>
<p id="1009711" class="ToDoBody">
<a name="1009711"> </a>The Preview Strip (above the gradient orders) shows the selected gradient order.
<li class="SmartList1" value="2"><a name="999734"> </a>Drag the red ball in the gradient angle ring, or click once anywhere on the ring to change the gradient angle.</li>
<p id="1009736" class="ToDoBody">
<a name="1009736"> </a>A corresponding numeric value appears below the gradient preview.
<li class="SmartList1" value="2"><a name="999740"> </a>Do one of the following:</li>
</ol>
<ul>
<li class="Bulleted2"><a name="1009764"> </a>Hold down <span style="color: #000000; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Command</span> (Mac OS) or <span style="color: #000000; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Ctrl</span> (Windows) while you drag the red ball in the gradient angle ring to change how tightly wound the spiral gradient becomes.</li>
<li class="Bulleted2"><a name="999741"> </a>Click inside the gradient preview to cause Corel Painter to rotate the gradient for you.</li>
<p id="1009773" class="ToDoBody">
<a name="1009773"> </a>Click anywhere outside the preview to stop the rotation.
</p>
</ul>
<h3 id="999783" class="Heading2">
<a name="999783"> </a>Creating and Editing Gradients
</h3>
<p id="999784" class="Body">
<a name="999784"> </a>You can create from very simple to very complex gradients. For a simple two-point gradient, you just need to choose a primary and a secondary color, then have Corel Painter create a gradient between them. For more complex gradients, use the Gradient Editor or capture gradients from existing artwork. Color control points in the Gradient Editor are used to control at which point a new gradient starts.
</p>
<p id="999798" class="Body">
<a name="999798"> </a>You can save gradients and use them to fill a selected object. For more information on filling an object, refer to <a href="06-Painting14.html#1014469">"Filling Techniques"</a>.
</p>
<h5 id="999803" class="ToDoHead">
<a name="999803"> </a>To create a two-point gradient
<li class="SmartList1"><a name="1014703"> </a>When creating a two-point gradient, set a color for the right control point, and then set a color for the far left control point. </li>
<li class="SmartList1" value="2"><a name="999823"> </a>Click the palette menu arrow, and choose Edit Gradient.</li>
<p id="999824" class="ToDoBody">
<a name="999824"> </a>The colored ramp across the top of the Edit Gradient dialog box displays the current gradient. The pointed gray markers along the bottom of the bar are color control points. You can position these pointed markers to change the color of the blend at individual gradient points.
</p>
<li class="SmartList1" value="3"><a name="999835"> </a>Click a color control point to select it. </li>
<li class="SmartList1" value="4"><a name="999837"> </a>On the Colors palette, click the primary color rectangle and choose a primary color.</li>
<li class="SmartList1" value="5"><a name="1009906"> </a>Repeat steps three and four for each color control point you want to edit.</li>
<li class="SmartList1"><a name="1014782"> </a>You can press <span style="color: #000000; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Option </span>+ click (Mac OS) or <span style="color: #000000; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Alt </span>+ click (Windows) in the bar to both create a control point and set it to the current color</li>
<li class="SmartList1"><a name="1014788"> </a>When using non-linear ramps, use the Color Spread slider to control the color smoothness at each color control point.</li>
</ul>
<h3 id="999893" class="Heading2">
<a name="999893"> </a>Changing Gradient Color Hue
</h3>
<p id="999894" class="Body">
<a name="999894"> </a>Color hue is represented in the Edit Gradient dialog box by boxes located at the midpoints between the adjacent color control points. They allow you to change the hue of the blend within that segment.
<li class="SmartList1" value="2"><a name="999899"> </a>Click the palette menu arrow, and choose Edit Gradient. </li>
<li class="SmartList1" value="3"><a name="1010063"> </a>In the Edit Gradient dialog box, click a square hue box above the color ramp bar.</li>
<li class="SmartList1" value="4"><a name="999909"> </a>Select an option from the Color Hue pop-up menu:</li>
</ol>
<ul>
<li class="Bulleted2"><a name="999910"> </a><span style="color: #000000; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">RGB</span> blends directly between the red, green, and blue components of the two colors. </li>
<li class="Bulleted2"><a name="999911"> </a><span style="color: #000000; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Hue Clockwise</span> and <span style="color: #000000; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Hue Counterclockwise</span> blend between the endpoint colors by rotating around the color wheel. </li>
<li class="SmartList1"><a name="1014709"> </a>For a better understanding of this concept, refer to the standard Color picker (ring and triangle) and note the order of the colors on the Hue ring. Notice that as you change parameters within the Edit Gradient dialog box, gradient previews are updated on the Gradients palette. </li>
</ul>
<h3 id="999916" class="Heading2">
<a name="999916"> </a>Capturing a Gradient from an Image
</h3>
<p id="999917" class="Body">
<a name="999917"> </a>You can use any existing imagery as a source for creating new gradients.You could capture the colors in a photo of a sunset or paint your own range of colors as the content of a gradient.
<a name="1010105"> </a><i>To make perfect blends between a series of colors, it's better to work with a row of single pixels rather than a large piece of an image.
</i></p>
<h5 id="1010107" class="ToDoHead">
<a name="1010107"> </a>To capture a gradient
</h5>
<ol type="1">
<li class="SmartList1" value="1"><a name="999939"> </a>Select a horizontal or vertical area.</li>
<p id="1017495" class="ToDoBody">
<a name="1017495"> </a>Make the selection as narrow as possible.
</p>
<p id="999942" class="ToDoBody">
<a name="999942"> </a>If the selection is horizontal, Corel Painter uses the first row of pixels starting at the upper left for the gradient.
</p>
<p id="1010121" class="ToDoBody">
<a name="1010121"> </a>If the selection is vertical, Corel Painter uses the first column of pixels, starting at the upper left for the gradient.
<li class="SmartList1"><a name="1014715"> </a>Once a gradient is captured, it can no longer be edited. To change a captured gradient, change the artwork from which it was captured, and then recapture the gradient.</li>
</ul>
<h3 id="999958" class="Heading2">
<a name="999958"> </a>Mapping a Gradient to Luminance in an Image
</h3>
<p id="999959" class="Body">
<a name="999959"> </a>You can map a gradient to an existing image, replacing an image's colors with those of the gradient. This effect applies gradient colors to the pixels of the image, based on their luminance values.
<li class="SmartList1" value="3"><a name="999976"> </a>Select the gradient you want to use.</li>
<li class="SmartList1" value="4"><a name="999977"> </a>Click the palette menu arrow, and choose Express in Image. </li>
<li class="SmartList1" value="5"><a name="1010169"> </a>In the Express in Image dialog box, adjust the Bias slider to define how the gradient is mapped.</li>
<p id="999982" class="ToDoBody">
<a name="999982"> </a>Corel Painter replaces the colors in the image with the colors in the gradient, based on matching luminance.
