home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 November / Chip_2003-11_cd2.bin / ruzne / painter / PAINTE~2.cab / _C2DC5C25E5024767B4AEE4D53362176E < prev    next >
Text File  |  2003-03-24  |  15KB  |  309 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:16:51" />
  7. <meta name="keywords" content="Tessellation, mosaics, Tessellation, mosaics, creating, Tessellation, mosaics, , adding, points, using, strokes, Tessellation, mosaics, coloring, Tessellation, mosaics, , settings" />
  8.     <title>Working with Tessellation Mosaics  </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="18-Mosaics6.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="19-Shapes.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="18-Mosaics7.html#999495">Working with Tessellation Mosaics</a></li><br/>
  101.  
  102. <li class="Bulleted"><a href="18-Mosaics7.html#999600">Coloring Tessellations</a></li><br/>
  103.  
  104. <li class="Bulleted"><a href="18-Mosaics7.html#999613">Advanced Settings for Tessellations</a></li><br/>
  105. </td>
  106.       </tr>
  107.     </table>
  108.  
  109.   <blockquote>
  110.         <h2 id="999495" class="Heading1">
  111.   <a name="999495"> </a>Working with Tessellation Mosaics
  112. </h2>
  113.  
  114.  
  115.  
  116. <p id="1008597" class="Body">
  117.   <a name="1008597"> </a>A tessellation is a type of mosaic that uses non-rectangular tiles. Tessellation tiles are subject to the same rules as the rectangular mosaic tiles. 
  118. </p>
  119. <p id="999498" class="Body">
  120.   <a name="999498"> </a>The Make Tessellation feature works by dividing the canvas into polygonal shapes, which become the mosaic tiles. The polygons themselves are sets of points, connected by line segments. You can control the number of points and their distribution. You can also specify how the points are connected. 
  121. </p>
  122. <p id="1001399" class="AnchorGraphic">
  123.   <a name="1001399"> </a><div align="left"><img src="images/18-Mosaics21.jpg" height="153" width="216" border="0" hspace="0" vspace="0" />
  124. </div>
  125. </p>
  126. <p id="1001400" class="Caption">
  127.   <a name="1001400"> </a><i>A tessellation mosaic uses non-rectangular tiles.
  128. </i></p>
  129. <p id="999507" class="Body">
  130.   <a name="999507"> </a>After choosing the Make Tessellation feature, the polygons appear as mosaic tiles, are given the primary color, and are surrounded by the grout lines described in the Make Mosaic dialog box.
  131. </p>
  132. <p id="1008609" class="Body">
  133.   <a name="1008609"> </a>You can use the tools in the Make Mosaic dialog box to remove tiles and change their color. However, you can't re-apply tiles.
  134. </p>
  135. <h5 id="999510" class="ToDoHead">
  136.   <a name="999510"> </a>To create a tessellation
  137. </h5>
  138. <ol type="1">
  139.   <li class="SmartList1" value="1"><a name="999511"> </a>Open a new document. </li>
  140.   <li class="SmartList1" value="2"><a name="999513"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Canvas menu > Make Mosaic.</span></li>
  141.   <li class="SmartList1" value="3"><a name="1005054"> </a>In the Make Mosaic dialog box, choose Dimensions from the Settings menu.</li>
  142.   <li class="SmartList1" value="4"><a name="999515"> </a>Adjust the Grout slider to describe the thickness you want for the grout lines, and select a grout color. </li>
  143.   <li class="SmartList1" value="5"><a name="999516"> </a>Click Done to exit the Make Mosaic dialog box. </li>
  144.   <li class="SmartList1" value="6"><a name="999517"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Canvas menu > Make Tessellation.</span></li>
  145.   <li class="SmartList1" value="7"><a name="999527"> </a>Do one of the following: </li>
  146. </ol>
  147.   <ul>
  148.     <li class="Bulleted2"><a name="999531"> </a>Click or drag in the document to create points. Repeat to add more points. Corel     Painter connects the points to form the polygons.</li>
  149.     <li class="Bulleted2"><a name="1006616"> </a>In the Make Tessellation dialog box, choose one of the commands from the Options pop-up menu. You can add 500 points randomly, evenly spaced, or based on a clone source document.</li>
  150.   </ul>
  151. <ol type="1">
  152.   <li class="SmartList1" value="8"><a name="1008622"> </a>Choose a tessellation tile shape from the Display pop-up menu. Corel     Painter forms polygons by connecting the points according to the Display type. </li>
  153. <p id="1008626" class="ToDoBody">
  154.   <a name="1008626"> </a>You can choose from one of three display options:
  155. </p>
  156. </ol>
  157.   <ul>
  158.     <li class="Bulleted2"><a name="1008628"> </a>Triangles</li>
  159.     <li class="Bulleted2"><a name="1008630"> </a>Cracks</li>
  160.     <li class="Bulleted2"><a name="1008632"> </a>Pieces</li>
  161.   </ul>
  162. <ol type="1">
  163.   <li class="SmartList1" value="9"><a name="1006622"> </a>If you want to clear all points, choose Reset from the Options pop-up menu.</li>
  164. </ol>
  165. <p id="1001413" class="AnchorGraphic">
  166.   <a name="1001413"> </a><div align="left"><img src="images/18-Mosaics22.jpg" height="302" width="216" border="0" hspace="0" vspace="0" />
  167. </div>
  168. </p>
  169. <p id="1001414" class="Caption">
  170.   <a name="1001414"> </a><i>You can base your Tessellation on Triangles, Cracks or Pieces.
  171. </i></p>
  172. <p id="1008650" class="ToDoBody">
  173.   <a name="1008650"> </a>Corel     Painter converts the polygons to mosaic tiles, then renders the mosaic image to the canvas.
  174. </p>
  175. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  176.   <tr valign="top">
  177.     <td>
  178.       <img src="images/nicon.gif" alt="Notes" width="16" height="16" />
  179.     </td>
  180.   </tr>
  181. </table><ul>
  182.   <li class="SmartList1"><a name="1008728"> </a>Adding points based on a clone source is a powerful option. The 500 points are distributed according to the luminance of the clone source. Lighter regions receive a greater density of points and, so, smaller polygons. </li>
  183.   <li class="SmartList1"><a name="1006637"> </a>The number of points appears in the corner of the Make Tessellation dialog box.</li>
  184. </ul>
  185. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  186.   <tr valign="top">
  187.     <td>
  188.       <img src="images/ticon.gif" alt="Tips" width="16" height="16" />
  189.     </td>
  190.   </tr>
  191. </table><ul>
  192.   <li class="SmartList1"><a name="1008735"> </a>Repeat a command from the Add Points menu to create more points. You can alternate between dragging and using an add-points command. The points accumulate. </li>
  193.   <li class="SmartList1"><a name="1006632"> </a>You might want to convert a regular image to a tessellation. If so, set up the image as the clone source. Enable the Clone Color option on the Colors palette. Then make the tessellation.</li>
  194. </ul>
  195. <p id="1005443" class="AnchorGraphic">
  196.   <a name="1005443"> </a><div align="left"><img src="images/18-Mosaics25.jpg" height="163" width="217" border="0" hspace="0" vspace="0" />
  197. </div>
  198. </p>
  199. <p id="1001449" class="Caption">
  200.   <a name="1001449"> </a><i>A finished tessellation resembles stained glass. 
  201. </i></p>
  202. <h5 id="999584" class="ToDoHead">
  203.   <a name="999584"> </a>To add points using strokes
  204. </h5>
  205. <ol type="1">
  206.   <li class="SmartList1" value="1"><a name="1001666"> </a>Open a new document. </li>
  207.   <li class="SmartList1" value="2"><a name="1001668"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Canvas menu > Make Mosaic.</span></li>
  208.   <li class="SmartList1" value="3"><a name="1001669"> </a>In the Make Mosaic dialog box, choose Dimensions from the Settings pop-up menu.</li>
  209.   <li class="SmartList1" value="4"><a name="1001670"> </a>Adjust the Grout slider to describe the thickness you want for the grout lines, and select a grout color. </li>
  210.   <li class="SmartList1" value="5"><a name="1001671"> </a>Click Done to exit the Make Mosaic dialog box.</li>
  211.   <li class="SmartList1" value="6"><a name="1001672"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Canvas menu > Make Tessellation.</span></li>
  212.   <li class="SmartList1" value="7"><a name="999586"> </a>In the Make Tessellation dialog box, choose Add 500 Evenly Spaced Points from the Options pop-up menu. </li>
  213.   <li class="SmartList1" value="8"><a name="999587"> </a>Create a shape by making strokes in the document. </li>
  214. <p id="1006654" class="ToDoBody">
  215.   <a name="1006654"> </a>The points along the stroke will have increased density.
  216. </p>
  217. </ol>
  218. <p id="1001462" class="AnchorGraphic">
  219.   <a name="1001462"> </a><div align="left"><img src="images/18-Mosaics23.jpg" height="274" width="216" border="0" hspace="0" vspace="0" />
  220. </div>
  221. </p>
  222. <p id="1001463" class="Caption">
  223.   <a name="1001463"> </a><i>Adding points in the shape of a letter by stroking. The letters appear as a swath of smaller polygons.
  224. </i></p>
  225. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  226.   <tr valign="top">
  227.     <td>
  228.       <img src="images/nicon.gif" alt="Notes" width="16" height="16" />
  229.     </td>
  230.   </tr>
  231. </table><ul>
  232.   <li class="SmartList1"><a name="1008743"> </a>You can continue stroking to add higher concentrations of polygons in very specific areas. This way, you can create specific patterns or shapes.</li>
  233.   <li class="SmartList1"><a name="999598"> </a>It is possible to create a huge number of points. More points mean more polygons, which increase the time it takes to convert to a mosaic. Keep this in mind to avoid overwhelming your system.</li>
  234. </ul>
  235. <h3 id="999600" class="Heading2">
  236.   <a name="999600"> </a>Coloring Tessellations
  237. </h3>
  238.  
  239. <p id="1006209" class="Body">
  240.   <a name="1006209"> </a>After the tessellation appears as a mosaic, you can open the Make Mosaic dialog box and modify the tile colors using the Change Tile Color tool.
  241. </p>
  242. <p id="999602" class="Body">
  243.   <a name="999602"> </a>When you create a tessellation with the current color and the grout color set to black, and choose Make Mosaic, the image appears totally black. Don't worry-it's not empty. With the Change Tile Color tool, you can set the primary color to a bright color, and stroke in the document. Colored, tessellated tiles appear beneath your stroke. You can also base the color on the color in a clone source if you enable Clone Color on the Colors palette.
  244. </p>
  245. <p id="1001476" class="AnchorGraphic">
  246.   <a name="1001476"> </a><div align="left"><img src="images/18-Mosaics24.jpg" height="220" width="216" border="0" hspace="0" vspace="0" />
  247. </div>
  248. </p>
  249. <p id="1001477" class="Caption">
  250.   <a name="1001477"> </a><i>Once you have a tessellation, you can use Make Mosaic from the Canvas menu to paint on the tiles. 
  251. </i></p>
  252. <h3 id="999613" class="Heading2">
  253.   <a name="999613"> </a>Advanced Settings for Tessellations
  254. </h3>
  255.  
  256. <p id="1008680" class="Body">
  257.   <a name="1008680"> </a>The following commands for tessellations are available from the Options pop-up menu in the Make Mosaic dialog box:
  258. </p>
  259. <ul>
  260.   <li class="SmartList1"><a name="999614"> </a>Reset Mosaic - removes all tiles from the document, leaving only the grout color</li>
  261.   <li class="SmartList1"><a name="999615"> </a>Re-Render Mosaic - re-creates the mosaic from the grout color and the tile object information</li>
  262.   <li class="SmartList1"><a name="999616"> </a>Render Tiles into Mask - places the tile shapes in a new channel </li>
  263. </ul>
  264. <p id="999617" class="Body">
  265.   <a name="999617"> </a>The other mosaic commands relate to creating tiles, so they don't apply to tessellations.
  266. </p>
  267. <p id="998197" class="Body">
  268.   <a name="998197"> </a>
  269. </p>
  270.   </blockquote>
  271.  
  272.  
  273. <table border="0">
  274.       <tr>
  275.         <td width="23">
  276. <a href="18-Mosaics6.html">
  277.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  278.     </a>
  279.         </td>
  280.         <td width="23">
  281. <a href="19-Shapes.html">
  282.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  283.     </a>
  284.         </td>
  285.       <td width="23" >
  286.           <a href="#pagetop">
  287.             <img SRC="images/BtnBacktoTop.gif" ALT="Back to Top" border="0" height="21" width="23" />
  288.           </a>
  289.       </td>
  290.       </tr>
  291.     </table>
  292.  
  293.    <div id="WWHelpPopupDIV" style="position: absolute ; z-index: 1 ; visibility: hidden ; top: 0px ; left: 0px">
  294.     <script type="text/javascript" language="JavaScript">
  295.      <!--
  296.       if ((parent != null) &&
  297.           (parent.WWHelpFrameSet != null))
  298.       {
  299.         if (document.all != null)  // Non-Netscape browser
  300.         {
  301.           document.writeln(parent.WWHelpFrameSet.mPopup.fFormat("Popup"));
  302.         }
  303.       }
  304.      // -->
  305.     </script>
  306.    </div>
  307.   </body>
  308. </html>
  309.