home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 November / Chip_2003-11_cd2.bin / ruzne / painter / PAINTE~2.cab / _1417798CD3E94942BB9889CDB592FACB < prev    next >
Text File  |  2003-03-24  |  12KB  |  252 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:17:05" />
  7. <meta name="keywords" content="Web, brushes, , Brushes, Web, Web, brushes, , Brushes, Web, Web, loading, brushes, into, library, , Libraries, loading, Web-compatible, brushes" />
  8.     <title>Brushes for the Web  </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="21-Web10.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="22-Scripting.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="21-Web11.html#1000032">Brushes for the Web</a></li><br/>
  101.  
  102. <li class="Bulleted"><a href="21-Web11.html#1000033">Natural-Media and Low Bandwidth</a></li><br/>
  103.  
  104. <li class="Bulleted"><a href="21-Web11.html#1009045">One-Color Brushes </a></li><br/>
  105.  
  106. <li class="Bulleted"><a href="21-Web11.html#1016073">Web-Friendly Brushes </a></li><br/>
  107. </td>
  108.       </tr>
  109.     </table>
  110.  
  111.   <blockquote>
  112.         <h2 id="1000032" class="Heading1">
  113.   <a name="1000032"> </a>Brushes for the Web
  114. </h2>
  115.  
  116.  
  117.  
  118. <h3 id="1000033" class="Heading2">
  119.   <a name="1000033"> </a>Natural-Media and Low Bandwidth
  120. </h3>
  121.  
  122. <p id="1000034" class="Body">
  123.   <a name="1000034"> </a>Web artists are pulled between the desire for beautiful imagery and the need for small image file sizes, with faster download times. 
  124. </p>
  125. <p id="1000035" class="Body">
  126.   <a name="1000035"> </a>Bitmapped images can be roughly divided into two general types-images with areas of flat color and continuous-tone images. Continuous-tone images (which most of the normal features in Corel     Painter produce) are best saved as JPEG images. Images with flat areas of color are best saved as GIF images. The more regions of flat color contained in an image, the more compressed (smaller) the resulting GIF file. For more information about reducing colors in the final GIF file, refer to <a href="21-Web9.html#1008861">"Reducing the Number of Colors"</a>. 
  127. </p>
  128. <p id="1000045" class="Body">
  129.   <a name="1000045"> </a>The strength of Corel     Painter is its Natural-Media brushes; however, Corel     Painter is also versatile in the creation of flat color suitable for GIF images on the Web. 
  130. </p>
  131. <h3 id="1009045" class="Heading2">
  132.   <a name="1009045"> </a>One-Color Brushes 
  133. </h3>
  134.  
  135. <p id="1009038" class="Body">
  136.   <a name="1009038"> </a>You can set the brush controls to create areas of flat color, while keeping all the feeling and nuance of a Natural-Media brush. These brush edges are aliased, meaning they have jagged edges. For example, if a brush color is black, there are no intermediate gray pixels at the brush's edge. There is either black or the background color. In addition to a flat color, this brush type responds to paper texture. Different paper textures cause the same type of brush stroke to look different.
  137. </p>
  138. <p id="1000057" class="AnchorGraphic">
  139.   <a name="1000057"> </a><div align="left"><img src="images/21-Web18.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  140. </div>
  141. </p>
  142. <p id="1017777" class="Caption">
  143.   <a name="1017777"> </a><i>Magnified detail of the stroke is shown to the left of each W-stroke. In this image, the identical brush and stroke is applied using a different paper texture.
  144. </i></p>
  145. <p id="1017785" class="Body">
  146.   <a name="1017785"> </a>To make a brush with a flat-edged appearance, change the method to Cover and the subcategory to Grainy Edge Flat Cover in the Brush Creator. For more information about the Brush Creator, refer to <a href="10-Brushes2.html#1019423">"The Brush Creator"</a>. If you have created some of your own brush variations in Corel     Painter, you can convert them to Web-friendly brushes, too.
  147. </p>
  148. <h5 id="1017674" class="ToDoHead">
  149.   <a name="1017674"> </a>To change the brush method and subcategory
  150. </h5>
  151. <ol type="1">
  152.   <li class="SmartList1" value="1"><a name="1017676"> </a>On the Stroke Designer page of the Brush Creator, click General.</li>
  153.   <li class="SmartList1" value="2"><a name="1000064"> </a>From the Method pop-up menu, choose Cover.</li>
  154.   <li class="SmartList1" value="3"><a name="1000065"> </a>From the Subcategory pop-up menu, choose Grainy Edge Flat Cover. </li>
  155. <p id="1000066" class="ToDoBody">
  156.   <a name="1000066"> </a>The result is the current brush with a Web-friendly hard edge. 
  157. </p>
  158.   <li class="SmartList1" value="4"><a name="1000067"> </a>Save your creation as a variant. </li>
  159. </ol>
  160. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  161.   <tr valign="top">
  162.     <td>
  163.       <img src="images/nicon.gif" alt="Note" width="16" height="16" />
  164.     </td>
  165.   </tr>
  166. </table><ul>
  167.   <li class="SmartList1"><a name="1016071"> </a>Brushes that require a particular method, such as Wet, Eraser, or Plug-in, will not work as well with the Cover method. If you use another brush method, you will not be working with a one-color brush.</li>
  168. </ul>
  169. <h3 id="1016073" class="Heading2">
  170.   <a name="1016073"> </a>Web-Friendly Brushes 
  171. </h3>
  172.  
  173. <p id="1000076" class="Body">
  174.   <a name="1000076"> </a>Included with Corel     Painter are brushes that have been converted from the default Corel     Painter brushes to Web-friendly, low-bandwidth brushes. 
  175. </p>
  176. <h5 id="1000084" class="ToDoHead">
  177.   <a name="1000084"> </a>To load Corel     Painter Web-friendly brushes into a library 
  178. </h5>
  179. <ol type="1">
  180.   <li class="SmartList1" value="1"><a name="1000085"> </a>In the Brush Creator, choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Brush menu > Import Brush Library</span>. </li>
  181.   <li class="SmartList1" value="2"><a name="1000086"> </a>In the Select Brush Library dialog box, locate the Web brushes library on the CD-ROM.</li>
  182.   <li class="SmartList1" value="3"><a name="1000087"> </a>Click Open. </li>
  183. </ol>
  184. <p id="1000088" class="Body">
  185.   <a name="1000088"> </a>A set of one-color Web brushes, along with some one-color Calligraphy brushes, is included with Corel     Painter. 
  186. </p>
  187. <p id="1000092" class="Body">
  188.   <a name="1000092"> </a>Experiment with these brushes, using different papers for Web-friendly Natural-Media effects.
  189. </p>
  190. <p id="1001343" class="Body">
  191.   <a name="1001343"> </a>Install the brushes, then use the file browsing feature (accessed from the Open dialog box) to review all the Web-friendly variations on standard Corel     Painter brushes. Here are some samples of what you'll find:
  192. </p>
  193. <p id="1001380" class="AnchorGraphic">
  194.   <a name="1001380"> </a><div align="left"><img src="images/21-Web12.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  195. </div>
  196. </p>
  197. <p id="1001381" class="Caption">
  198.   <a name="1001381"> </a><i>Examples of brush strokes produced by Web-friendly brushes.
  199. </i></p>
  200. <p id="1001356" class="Body">
  201.   <a name="1001356"> </a>A few of the new brush variants included in Corel     Painter are not one-color brushes. If you are concerned about having Web-safe colors, make sure the Corel     Painter Color set or the Corel     Painter Colors-WEB Color Set is loaded, then change the image into Web-safe colors by choosing <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Tonal Control > Posterize Using Color Set</span>. For more information about the Posterize Using Color Set command, refer to <a href="21-Web10.html#999962">"Working with Posterize Using Color Set"</a>.
  202. </p>
  203. <p id="1001394" class="AnchorGraphic">
  204.   <a name="1001394"> </a><div align="left"><img src="images/21-Weba11.jpg" height="76" width="216" border="0" hspace="0" vspace="0" />
  205. </div>
  206. </p>
  207. <p id="1001395" class="Caption">
  208.   <a name="1001395"> </a><i>Calligraphic velocity (left) and calligraphic velocity posterized (right).
  209. </i></p>
  210. <p id="1000129" class="Body">
  211.   <a name="1000129"> </a>Use a digitizing tablet for the brush's colors to work properly. When the first color is darker than the second color, dark areas show up in the thicker parts of the brush strokes-the places where brush velocity is slower. After posterizing, the stroke has the appearance of pigment that has pooled in one place and dried darker. The result is a very web-efficient, limited-color image, with the appearance of natural media. 
  212. </p>
  213.   </blockquote>
  214.  
  215.  
  216. <table border="0">
  217.       <tr>
  218.         <td width="23">
  219. <a href="21-Web10.html">
  220.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  221.     </a>
  222.         </td>
  223.         <td width="23">
  224. <a href="22-Scripting.html">
  225.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  226.     </a>
  227.         </td>
  228.       <td width="23" >
  229.           <a href="#pagetop">
  230.             <img SRC="images/BtnBacktoTop.gif" ALT="Back to Top" border="0" height="21" width="23" />
  231.           </a>
  232.       </td>
  233.       </tr>
  234.     </table>
  235.  
  236.    <div id="WWHelpPopupDIV" style="position: absolute ; z-index: 1 ; visibility: hidden ; top: 0px ; left: 0px">
  237.     <script type="text/javascript" language="JavaScript">
  238.      <!--
  239.       if ((parent != null) &&
  240.           (parent.WWHelpFrameSet != null))
  241.       {
  242.         if (document.all != null)  // Non-Netscape browser
  243.         {
  244.           document.writeln(parent.WWHelpFrameSet.mPopup.fFormat("Popup"));
  245.         }
  246.       }
  247.      // -->
  248.     </script>
  249.    </div>
  250.   </body>
  251. </html>
  252.