home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 November / Chip_2003-11_cd2.bin / ruzne / painter / PAINTE~2.cab / _0E26F3B0A3D240B4BC48C1FB3767EDEF < prev    next >
Text File  |  2003-03-24  |  16KB  |  294 lines

  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.   <head>
  3.     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  4.     <meta name="GENERATOR" content="Quadralay WebWorks Publisher Professional Edition 6.0.7" />
  5.     <meta name="TEMPLATEBASE" content="Painter 8 Template" />
  6.     <meta name="LASTUPDATED" content="03/24/03 17:15:49" />
  7. <meta name="keywords" content="Painting, with, gradients, , Painting, with, patterns, , Gradients, painting, with, , Patterns, painting, with, Computed, brushes, , Brushes, computed, Gradients, painting, with, , Painting, with, gradients, Patterns, painting, with, , Painting, with, patterns, Painting, with, pattern, opacity" />
  8.     <title>Painting with Gradients and Patterns  </title>
  9.     <link rel="StyleSheet" href="document.css" type="text/css" media="screen" />
  10.   </head>
  11.  
  12.   <body>
  13.     <script type="text/javascript" language="JavaScript">
  14.      <!--
  15.       function  WWHUpdateFavorite(ParamHREF)
  16.       {
  17.         if ((parent != null) &&
  18.             (parent.WWHelpFrameSet != null))
  19.         {
  20.           parent.WWHelpFrameSet.fUpdateFavorite(ParamHREF);
  21.         }
  22.       }
  23.  
  24.       function  WWHSyncTOC(ParamHREF)
  25.       {
  26.         if ((parent != null) &&
  27.             (parent.WWHelpFrameSet != null))
  28.         {
  29.           parent.WWHelpFrameSet.fSyncTOC(ParamHREF);
  30.         }
  31.       }
  32.  
  33.       function  WWHShowPopup(ParamContext,
  34.                              ParamLink,
  35.                              ParamEvent)
  36.       {
  37.         if ((parent != null) &&
  38.             (parent.WWHelpFrameSet != null))
  39.         {
  40.           parent.WWHelpFrameSet.fShowPopup(ParamContext, ParamLink, ParamEvent);
  41.         }
  42.       }
  43.  
  44.       function  WWHHidePopup()
  45.       {
  46.         if ((parent != null) &&
  47.             (parent.WWHelpFrameSet != null))
  48.         {
  49.           parent.WWHelpFrameSet.fHidePopup();
  50.         }
  51.       }
  52.  
  53.       function  WWHClickedPopup(ParamContext,
  54.                                 ParamLink)
  55.       {
  56.         if ((parent != null) &&
  57.             (parent.WWHelpFrameSet != null))
  58.         {
  59.           location.href = parent.WWHelpFrameSet.fClickedPopup(ParamContext, ParamLink);
  60.         }
  61.       }
  62.      // -->
  63.     </script>
  64.  
  65.     <script type="text/javascript" language="JavaScript">
  66.      <!--
  67.       var  WWHelpHREF = location.href;
  68.  
  69.  
  70.       WWHUpdateFavorite(WWHelpHREF);
  71.      // -->
  72.     </script>
  73. <a name="pagetop">    
  74.     <table border="0">
  75.       <tr>
  76.         <td width="23">
  77. <a href="06-Painting10.html">
  78.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  79.     </a>
  80.         </td>
  81.         <td width="23">
  82. <a href="06-Painting12.html">
  83.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  84.     </a>
  85.         </td>
  86.       </tr>
  87.     </table>
  88.    </a>
  89.  
  90. <table border="0">
  91.       <tr width="400"></tr>
  92.       <tr width="400"></tr>
  93.       <tr width="400"></tr>
  94.       <tr width="400"></tr>
  95.       <tr width="400"></tr>
  96.       <tr width="400"></tr>
  97.       <tr>
  98.         <td width="40"></td>
  99.         <td width="400">
  100. <li class="Bulleted"><a href="06-Painting11.html#999276">Painting with Gradients and Patterns</a></li><br/>
  101. </td>
  102.       </tr>
  103.     </table>
  104.  
  105.   <blockquote>
  106.         <h2 id="999276" class="Heading1">
  107.   <a name="999276"> </a>Painting with Gradients and Patterns
  108. </h2>
  109.  
  110.  
  111.  
  112. <p id="1013168" class="Body">
  113.   <a name="1013168"> </a>With the Corel     Painter computed brushes, you can brush on gradients, which are gradual transformations of one color into another. Refer to <a href="05-Color11.html#999686">"Using Gradients"</a> for more information. The Corel     Painter computed brushes can also brush on patterns (repeating designs). Refer to <a href="04-Textures4.html#1007986">"Using Patterns"</a> for more information.
  114. </p>
  115. <p id="1012644" class="Body">
  116.   <a name="1012644"> </a>When you paint with a pattern, you can adjust the pattern's scale. Scale affects a pattern brush stroke in a special way-it determines the resolution of the painted patterns. Small scale causes blurry computed brush strokes. Large scale causes sharper strokes. Here's why:
  117. </p>
  118. <p id="1012646" class="Body">
  119.   <a name="1012646"> </a>The brush stroke is always drawn as the entire pattern, sized to fit in the current dab size. Scaling the pattern down very small (say to 20%), makes the brush stroke appear blurry, because the dab is significantly bigger than the pattern. Scale the pattern up to 100% and the dab is as clear as it can get. Settings over 100% have no effect on the appearance of the brush stroke.
  120. </p>
  121. <p id="1012647" class="Body">
  122.   <a name="1012647"> </a>Here's how to picture what's going on:
  123. </p>
  124. <p id="1017004" class="Body">
  125.   <a name="1017004"> </a>Imagine that the current pattern is 100 pixels across and the current brush size is fifty pixels across. With the pattern set to 100%, Corel     Painter shrinks 100 pixels into a 50 pixel area, which is easy for it to do without visible loss of accuracy. If you scale the pattern up to 200%, it looks just as clear as the original, and fitting it into the 50-pixel brush size creates a brush stroke that looks the same as when the pattern was scaled at 100%. Scale the pattern to 50% and the original will be the same size as the brush, so still there is no difference in the resulting brush stroke.
  126. </p>
  127. <p id="1012653" class="Body">
  128.   <a name="1012653"> </a>Now, keep scaling downward. As the size of the pattern is scaled below the size of the brush, Corel     Painter must increase the size of the pattern to fit the 50 pixel area of the brush stroke. When images are scaled up, after being first scaled down, the image becomes blurry. This is especially noticeable if you scale the pattern well below brush size. At 20%, the pattern now only consists of 20 pixels and has lost eighty percent of the original data. When Corel     Painter expands that to 50 pixels (the brush stroke size), the loss of data becomes very visible. Smaller scale settings result in even blurrier brush strokes. Go down to 2%, and the pattern is only 2 pixels across and is able to contain, at most, four colors (two across and two down). When Corel     Painter expands that to fit the brush stroke, you won't see any of the original pattern, just a fairly uniform color, across the dab.
  129. </p>
  130. <h5 id="1012617" class="ToDoHead">
  131.   <a name="1012617"> </a>To paint with a gradient
  132. </h5>
  133. <ol type="1">
  134.   <li class="SmartList1" value="1"><a name="999277"> </a>Select a brush that applies media to a document.</li>
  135. <p id="999318" class="ToDoBody">
  136.   <a name="999318"> </a>If the Gradients palette is not displayed, choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Gradients</span>.
  137. </p>
  138. <p id="1013184" class="ToDoBody">
  139.   <a name="1013184"> </a>If the Gradients palette is not expanded, click the palette arrow.
  140. </p>
  141. </ol>
  142. <p id="1017567" class="Caption">
  143.   <a name="1017567"> </a><i>
  144. </i></p>
  145. <ol type="1">
  146.   <li class="SmartList1" value="2"><a name="999327"> </a>On the Gradients palette, choose a gradient from the Gradient selector. </li>
  147. <p id="999328" class="ToDoBody">
  148.   <a name="999328"> </a>In the center of the palette, the Preview window shows the selected gradient. 
  149. </p>
  150.   <li class="SmartList1" value="3"><a name="1012272"> </a>Click one of the following Gradient Order buttons:</li>
  151. </ol>
  152.   <ul>
  153.     <li class="Bulleted2"><a name="1012369"> </a>Left to Right</li>
  154.     <li class="Bulleted2"><a name="1016357"> </a>Mirrored Left to Right</li>
  155.     <li class="Bulleted2"><a name="1016363"> </a>Double Left to Right</li>
  156.     <li class="Bulleted2"><a name="1016369"> </a>Right to Left</li>
  157.     <li class="Bulleted2"><a name="1012386"> </a>Mirrored Right to Left</li>
  158.     <li class="Bulleted2"><a name="1012402"> </a>Double Right to Left</li>
  159. <p id="1012355" class="ToDoBody">
  160.   <a name="1012355"> </a>The preview above the Order buttons illustrates how the selected order affects the gradient. Refer to <a href="05-Color11.html#999686">"Using Gradients"</a> for more information about gradient order.
  161. </p>
  162.   </ul>
  163. <ol type="1">
  164.   <li class="SmartList1" value="4"><a name="1012317"> </a>On the Stroke Designer page of the Brush Creator, click General.</li>
  165.   <li class="SmartList1" value="5"><a name="1012318"> </a>From the Dab Type pop-up menu, choose a dab type that activates Source; for example, Rendered.</li>
  166.   <li class="SmartList1" value="6"><a name="1012319"> </a>Choose one of the following from the Source pop-up menu:</li>
  167. </ol>
  168.   <ul>
  169.     <li class="Bulleted2"><a name="1012320"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Gradient</span>-apply the current gradient across the width of the stroke.</li>
  170.     <li class="Bulleted2"><a name="1012321"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Gradient Repeat</span>-repeat the current gradient along the length of the stroke.</li>
  171.   </ul>
  172. <p id="1019407" class="AnchorGraphic">
  173.   <a name="1019407"> </a><div align="left"><img src="images/06-Painting23.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  174. </div>
  175. </p>
  176. <p id="1019408" class="Caption">
  177.   <a name="1019408"> </a><i>Painting with a gradient using Gradient (left) and Gradient Repeat (right)
  178. </i></p>
  179. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  180.   <tr valign="top">
  181.     <td>
  182.       <img src="images/nicon.gif" alt="Notes" width="16" height="16" />
  183.     </td>
  184.   </tr>
  185. </table><ul>
  186.   <li class="SmartList1"><a name="1012415"> </a>If the Source option is not available (grayed out), the selected brush can apply color only. In that case, select a computed brush or choose a dab type that activates Source.</li>
  187.   <li class="SmartList1"><a name="1012448"> </a>Although you can choose a gradient type (Linear, Radial, Circular, or Spiral) on the Gradients palette, a Linear gradient type is always used when painting with a gradient.</li>
  188. </ul>
  189. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  190.   <tr valign="top">
  191.     <td>
  192.       <img src="images/ticon.gif" alt="Tips" width="16" height="16" />
  193.     </td>
  194.   </tr>
  195. </table><ul>
  196.   <li class="SmartList1"><a name="1016630"> </a>You can also choose a gradient from the Gradient selector in the toolbox. Corel     Painter uses the current gradient order. </li>
  197.   <li class="SmartList1"><a name="1012431"> </a>Keep in mind when painting with a gradient that direction matters. Corel     Painter flips the gradient when you change direction, so apply strokes in the same direction for a uniform effect.</li>
  198. </ul>
  199. <h5 id="1019397" class="ToDoHead">
  200.   <a name="1019397"> </a>To paint with a pattern
  201. </h5>
  202. <ol type="1">
  203.   <li class="SmartList1" value="1"><a name="1012495"> </a>Select a brush that applies media to a document.</li>
  204. <p id="1012496" class="ToDoBody">
  205.   <a name="1012496"> </a>If the Patterns palette is not displayed, choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Patterns</span>.
  206. </p>
  207. <p id="1013185" class="ToDoBody">
  208.   <a name="1013185"> </a>If the Patterns palette is not expanded, click the palette arrow.
  209. </p>
  210.   <li class="SmartList1" value="2"><a name="1012497"> </a>On the Patterns palette, choose a pattern from the Pattern selector. </li>
  211.   <li class="SmartList1" value="3"><a name="1013195"> </a>Adjust the Pattern Scale slider.</li>
  212.   <li class="SmartList1" value="4"><a name="1012511"> </a>On the Stroke Designer page of the Brush Creator, click General.</li>
  213.   <li class="SmartList1" value="5"><a name="1012689"> </a>From the Dab Type pop-up menu, choose a dab type that activates Source, for example, Rendered.</li>
  214.   <li class="SmartList1" value="6"><a name="1012690"> </a>Choose one of the following from the Source pop-up menu:</li>
  215. </ol>
  216.   <ul>
  217.     <li class="Bulleted2"><a name="999365"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Pattern</span>-paint with a pattern containing no mask information.</li>
  218.     <li class="Bulleted2"><a name="1001316"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Pattern with Mask</span>-paint using mask data contained in the pattern.</li>
  219.   </ul>
  220. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  221.   <tr valign="top">
  222.     <td>
  223.       <img src="images/nicon.gif" alt="Note" width="16" height="16" />
  224.     </td>
  225.   </tr>
  226. </table><ul>
  227.   <li class="SmartList1"><a name="1013234"> </a>If the Source option is not available (grayed out), the selected brush can apply color only. In that case, select a computed brush or choose a dab type that activates Source.</li>
  228. </ul>
  229. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  230.   <tr valign="top">
  231.     <td>
  232.       <img src="images/ticon.gif" alt="Tip" width="16" height="16" />
  233.     </td>
  234.   </tr>
  235. </table><ul>
  236.   <li class="SmartList1"><a name="1013208"> </a>Keep in mind when painting with a pattern that direction matters. Corel     Painter flips the pattern when you change direction, so apply strokes in the same direction for a uniform effect.</li>
  237. </ul>
  238. <h5 id="1013270" class="ToDoHead">
  239.   <a name="1013270"> </a>To paint with pattern opacity
  240. </h5>
  241. <ol type="1">
  242.   <li class="SmartList1" value="1"><a name="999441"> </a>Select a brush that applies media to a document.</li>
  243.   <li class="SmartList1" value="2"><a name="1013274"> </a>On the Patterns palette, choose a pattern from the Pattern selector. </li>
  244.   <li class="SmartList1" value="3"><a name="1013279"> </a>On the Stroke Designer page of the Brush Creator, click General.</li>
  245.   <li class="SmartList1" value="4"><a name="1013280"> </a>From the Dab Type pop-up menu, choose a dab type that activates Source, for example, Rendered.</li>
  246.   <li class="SmartList1" value="5"><a name="1013281"> </a>Choose Pattern As Opacity from the Source pop-up menu.</li>
  247. <p id="999454" class="ToDoBody">
  248.   <a name="999454"> </a>Pattern As Opacity is the only computed dab type that responds to methods (Cover and Buildup), allowing it to respond to Graininess.
  249. </p>
  250.   <li class="SmartList1" value="6"><a name="999457"> </a>Paint on your image.</li>
  251. <p id="999461" class="ToDoBody">
  252.   <a name="999461"> </a>Corel     Painter applies the current color, using luminance in the pattern to control opacity. Light colors in the pattern are rendered as transparent (or very low opacity). Dark colors in the pattern are rendered as very dark (or high opacity).
  253. </p>
  254. </ol>
  255.   </blockquote>
  256.  
  257.  
  258. <table border="0">
  259.       <tr>
  260.         <td width="23">
  261. <a href="06-Painting10.html">
  262.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  263.     </a>
  264.         </td>
  265.         <td width="23">
  266. <a href="06-Painting12.html">
  267.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  268.     </a>
  269.         </td>
  270.       <td width="23" >
  271.           <a href="#pagetop">
  272.             <img SRC="images/BtnBacktoTop.gif" ALT="Back to Top" border="0" height="21" width="23" />
  273.           </a>
  274.       </td>
  275.       </tr>
  276.     </table>
  277.  
  278.    <div id="WWHelpPopupDIV" style="position: absolute ; z-index: 1 ; visibility: hidden ; top: 0px ; left: 0px">
  279.     <script type="text/javascript" language="JavaScript">
  280.      <!--
  281.       if ((parent != null) &&
  282.           (parent.WWHelpFrameSet != null))
  283.       {
  284.         if (document.all != null)  // Non-Netscape browser
  285.         {
  286.           document.writeln(parent.WWHelpFrameSet.mPopup.fFormat("Popup"));
  287.         }
  288.       }
  289.      // -->
  290.     </script>
  291.    </div>
  292.   </body>
  293. </html>
  294.