home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 November / Chip_2003-11_cd2.bin / ruzne / painter / PAINTE~2.cab / _518B2D07F14045749E482536E605C281 < prev    next >
Text File  |  2003-03-24  |  32KB  |  533 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:55" />
  7. <meta name="keywords" content="Resizing, shapes, , Shapes, resizing, Rotating, shapes, , Shapes, rotating, Shapes, skewing, , Skewing, shapes, Shapes, distorting, Flipping, shapes, Shapes, flipping, Duplicating, shapes, Shapes, duplicating, Shapes, transforming, duplicates, Grouping, shapes, Shapes, grouping, Shapes, creating, compound, shapes, Compound, shapes, creating, Compound, shapes, releasing, , Shapes, releasing, compound, shapes, Blending, shapes, Shapes, blending, Shapes, saving, Saving, shapes, Adobe, Illustrator, file, format, exporting, shapes, to, , Shapes, exporting, to, Adobe, Illustrator, , Exporting, shapes" />
  8.     <title>Working with Shapes  </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="19-Shapes6.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="20-Text.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="19-Shapes7.html#1004458">Working with Shapes</a></li><br/>
  101.  
  102. <li class="Bulleted"><a href="19-Shapes7.html#999731">Resizing Shapes</a></li><br/>
  103.  
  104. <li class="Bulleted"><a href="19-Shapes7.html#999764">Rotating Shapes</a></li><br/>
  105.  
  106. <li class="Bulleted"><a href="19-Shapes7.html#999787">Skewing and Distorting Shapes</a></li><br/>
  107.  
  108. <li class="Bulleted"><a href="19-Shapes7.html#1011032">Flipping Shapes</a></li><br/>
  109.  
  110. <li class="Bulleted"><a href="19-Shapes7.html#999813">Duplicating Shapes</a></li><br/>
  111.  
  112. <li class="Bulleted"><a href="19-Shapes7.html#1004505">Grouping Shapes</a></li><br/>
  113.  
  114. <li class="Bulleted"><a href="19-Shapes7.html#1004516">Creating Compound Shapes</a></li><br/>
  115.  
  116. <li class="Bulleted"><a href="19-Shapes7.html#999869">Blending Shapes</a></li><br/>
  117.  
  118. <li class="Bulleted"><a href="19-Shapes7.html#999955">Saving Shapes</a></li><br/>
  119.  
  120. <li class="Bulleted"><a href="19-Shapes7.html#999979">Exporting Shapes to Adobe Illustrator</a></li><br/>
  121. </td>
  122.       </tr>
  123.     </table>
  124.  
  125.   <blockquote>
  126.         <h2 id="1004458" class="Heading1">
  127.   <a name="1004458"> </a>Working with Shapes
  128. </h2>
  129.  
  130.  
  131.  
  132. <h3 id="999731" class="Heading2">
  133.   <a name="999731"> </a>Resizing Shapes
  134. </h3>
  135.  
  136. <p id="999732" class="Body">
  137.   <a name="999732"> </a>You can resize a shape or group of shapes by directly manipulating the objects with the Layer Adjuster tool or by using the Scale command.
  138. </p>
  139. <h5 id="999733" class="ToDoHead">
  140.   <a name="999733"> </a>To resize a shape
  141. </h5>
  142. <ol type="1">
  143.   <li class="SmartList1" value="1"><a name="999734"> </a>Choose the Layer Adjuster tool <img src="images/19-Shapes31.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  144.  from the toolbox. </li>
  145.   <li class="SmartList1" value="2"><a name="999743"> </a>Select the shape or group you want to resize. </li>
  146. <p id="1006391" class="ToDoBody">
  147.   <a name="1006391"> </a>You can hold down the <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Shift</span> key to select additional items. 
  148. </p>
  149. <p id="999744" class="ToDoBody">
  150.   <a name="999744"> </a>A selection rectangle appears around the shapes. The rectangle has a handle on each corner and side.
  151. </p>
  152.   <li class="SmartList1" value="3"><a name="999745"> </a>Drag one of the handles to resize the selected shape.</li>
  153. <p id="1006482" class="ToDoBody">
  154.   <a name="1006482"> </a>To resize in one dimension, drag one of the side handles. To resize in both dimensions, drag one of the corner handles.
  155. </p>
  156. </ol>
  157. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  158.   <tr valign="top">
  159.     <td>
  160.       <img src="images/ticon.gif" alt="Tips" width="16" height="16" />
  161.     </td>
  162.   </tr>
  163. </table><ul>
  164.   <li class="SmartList1"><a name="1010299"> </a>You can maintain the proportions by holding down <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Shift</span> as youádrag. </li>
  165.   <li class="SmartList1"><a name="1010326"> </a>You can also choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Orientation > Scale</span> to increase or decrease size by a fixed percentage. For more information, refer to <a href="15-Effects5.html#999127">"Scaling Images"</a>.</li>
  166. </ul>
  167. <p id="1002203" class="AnchorGraphic">
  168.   <a name="1002203"> </a><div align="left"><img src="images/19-Shapes30.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  169. </div>
  170. </p>
  171. <p id="1002204" class="Caption">
  172.   <a name="1002204"> </a><i>Resizing a shape
  173. </i></p>
  174. <h3 id="999764" class="Heading2">
  175.   <a name="999764"> </a>Rotating Shapes
  176. </h3>
  177.  
  178. <p id="1006537" class="Body">
  179.   <a name="1006537"> </a>You can rotate a shape or group of shapes by directly manipulating the objects with the Layer Adjuster tool or by using the Rotate command. For more information on the Rotate command, refer to <a href="15-Effects5.html#999087">"Rotating Images"</a>.
  180. </p>
  181. <h5 id="999766" class="ToDoHead">
  182.   <a name="999766"> </a>To rotate a shape
  183. </h5>
  184. <ol type="1">
  185.   <li class="SmartList1" value="1"><a name="999767"> </a>Choose the Layer Adjuster tool <img src="images/19-Shapesa32.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  186.  from the toolbox.</li>
  187.   <li class="SmartList1" value="2"><a name="999768"> </a>Select the shape or group you want to rotate. </li>
  188. <p id="1006513" class="ToDoBody">
  189.   <a name="1006513"> </a>You can hold down Shift to select additional items.
  190. </p>
  191. <p id="999769" class="ToDoBody">
  192.   <a name="999769"> </a>A selection rectangle appears around the shapes. The rectangle has a handle on each corner and side. 
  193. </p>
  194.   <li class="SmartList1" value="3"><a name="999770"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Orientation > Rotate</span>. </li>
  195.   <li class="SmartList1" value="4"><a name="999771"> </a>In the Rotate Selection dialog box, specify a number of degrees.</li>
  196. <p id="1006528" class="ToDoBody">
  197.   <a name="1006528"> </a>This command works for both shapes and pixel-based layers.
  198. </p>
  199. </ol>
  200. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  201.   <tr valign="top">
  202.     <td>
  203.       <img src="images/ticon.gif" alt="Tip" width="16" height="16" />
  204.     </td>
  205.   </tr>
  206. </table><ul>
  207.   <li class="SmartList1"><a name="1010400"> </a>You can also rotate a shape by holding 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) and dragging a corner handle.</li>
  208. </ul>
  209. <p id="1010372" class="AnchorGraphic">
  210.   <a name="1010372"> </a> <div align="left"><img src="images/19-Shapes36.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  211. </div>
  212. </p>
  213. <p id="1010800" class="Caption">
  214.   <a name="1010800"> </a><i>Rotating a group of shapes
  215. </i></p>
  216. <h3 id="999787" class="Heading2">
  217.   <a name="999787"> </a>Skewing and Distorting Shapes
  218. </h3>
  219.  
  220. <h5 id="999788" class="ToDoHead">
  221.   <a name="999788"> </a>To skew a shape
  222. </h5>
  223. <ol type="1">
  224.   <li class="SmartList1" value="1"><a name="1006574"> </a>Choose the Layer Adjuster tool <img src="images/19-Shapesa33.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  225.  from the toolbox.</li>
  226.   <li class="SmartList1" value="2"><a name="1006576"> </a>Select the shape or group you want to rotate. </li>
  227.   <li class="SmartList1" value="3"><a name="1013668"> </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), and drag a middle handle.</li>
  228. </ol>
  229. <p id="1013730" class="AnchorGraphic">
  230.   <a name="1013730"> </a><div align="left"><img src="images/19-Shapes43.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  231. </div>
  232. </p>
  233. <p id="1013731" class="Caption">
  234.   <a name="1013731"> </a><i>A rectangle (top-left) is skewed by dragging a side middle handle (top-right) and by dragging the top middle handle (bottom).
  235. </i></p>
  236. <h5 id="1013702" class="ToDoHead">
  237.   <a name="1013702"> </a>To distort a shape
  238. </h5>
  239. <ol type="1">
  240.   <li class="SmartList1" value="1"><a name="1006621"> </a>Select a shape. </li>
  241.   <li class="SmartList1" value="2"><a name="1006601"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Orientation> Distort</span>. </li>
  242.   <li class="SmartList1" value="3"><a name="1006644"> </a>With the Distort Selection dialog box open, drag the selection handles in the document window.</li>
  243. </ol>
  244. <p id="1002272" class="AnchorGraphic">
  245.   <a name="1002272"> </a><div align="left"><img src="images/19-Shapes32.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  246. </div>
  247. </p>
  248. <p id="1010818" class="Caption">
  249.   <a name="1010818"> </a><i>Distorting a shape
  250. </i></p>
  251. <h3 id="1011032" class="Heading2">
  252.   <a name="1011032"> </a>Flipping Shapes
  253. </h3>
  254.  
  255. <p id="1011037" class="Body">
  256.   <a name="1011037"> </a>You can flip a shape horizontally or vertically. 
  257. </p>
  258. <h5 id="1011039" class="ToDoHead">
  259.   <a name="1011039"> </a>To flip a shape
  260. </h5>
  261. <ol type="1">
  262.   <li class="SmartList1" value="1"><a name="1011040"> </a>Select a shape.</li>
  263.   <li class="SmartList1" value="2"><a name="1011041"> </a>Choose the Layer Adjuster tool <img src="images/19-Shapesa34.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  264.  from the toolbox.</li>
  265.   <li class="SmartList1" value="3"><a name="1011042"> </a>Do one of the following:</li>
  266. </ol>
  267.   <ul>
  268.     <li class="Bulleted2"><a name="1011043"> </a>To flip horizontally, drag a top or bottom handle past the opposite handle.</li>
  269.     <li class="Bulleted2"><a name="1011044"> </a>To flip vertically, drag a side handle past the opposite handle.</li>
  270.   </ul>
  271. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  272.   <tr valign="top">
  273.     <td>
  274.       <img src="images/ticon.gif" alt="Tip" width="16" height="16" />
  275.     </td>
  276.   </tr>
  277. </table><ul>
  278.   <li class="SmartList1"><a name="1011057"> </a>You can also flip a shape by selecting it and choosing <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Orientation > Flip Horizontal</span> or <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Orientation > Flip Vertical</span>.</li>
  279. </ul>
  280. <h3 id="999813" class="Heading2">
  281.   <a name="999813"> </a>Duplicating Shapes
  282. </h3>
  283.  
  284. <p id="999814" class="Body">
  285.   <a name="999814"> </a>Duplicating creates an identical copy of the selected shape. Corel     Painter also lets you duplicate shapes using compound transformations. Transformed duplicates are created according to the options you set. 
  286. </p>
  287. <h5 id="999819" class="ToDoHead">
  288.   <a name="999819"> </a>To duplicate a shape
  289. </h5>
  290. <ol type="1">
  291.   <li class="SmartList1" value="1"><a name="1006647"> </a>Choose the Layer Adjuster tool <img src="images/19-Shapesa35.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  292.  from the toolbox.</li>
  293.   <li class="SmartList1" value="2"><a name="1006656"> </a>Hold down <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Option</span> (Mac OS) or <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Alt</span> (Windows), and click or drag the shape.</li>
  294. </ol>
  295. <h5 id="999820" class="ToDoHead">
  296.   <a name="999820"> </a>To change duplication settings
  297. </h5>
  298. <ol type="1">
  299.   <li class="SmartList1" value="1"><a name="999821"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Shapes menu > Set Duplicate Transform</span>. </li>
  300.   <li class="SmartList1" value="2"><a name="999831"> </a>In the Set Duplicate Transform dialog box, specify any of the following settings:</li>
  301. </ol>
  302.   <ul>
  303.     <li class="Bulleted2"><a name="999833"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Translation</span> controls where, in relation to the original, Corel     Painter creates duplicate shapes. The offset values are in pixels. When H. Offset and V. Offset are both zero, the duplicate is created precisely on top of the original. If both values are 100, the duplicate appears 100 pixels lower and 100 pixels to the right. Negative values offset the duplicate up and to the left, respectively.</li>
  304.     <li class="Bulleted2"><a name="999840"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Scaling</span><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline"> </span>controls the size of duplicates in relation to the original. The scale values are percentages. </li>
  305.     <li class="Bulleted2"><a name="1006733"> </a> <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Constrain Aspect Ratio</span> maintains the aspect ratio of the shape. If you want to create distorted duplicates, disable this option and specify different percentages for horizontal and vertical scaling.</li>
  306.     <li class="Bulleted2"><a name="999844"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Rotation</span> lets you specify a number of degrees to rotate duplicates. Positive values rotate counterclockwise, and negative values rotate clockwise.</li>
  307.     <li class="Bulleted2"><a name="999847"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Slant</span> controls the degree of slant applied to duplicates. Positive values slant duplicates to the right. Negative values slant them to the left. Slant accepts values between <br />-90░ and 90░. However, as values approach the extremes, the duplicate shape becomes nothing but a streak.</li>
  308.   </ul>
  309. <h5 id="999852" class="ToDoHead">
  310.   <a name="999852"> </a>To create a transformed duplicate
  311. </h5>
  312. <ol type="1">
  313.   <li class="SmartList1" value="1"><a name="999853"> </a>Select the shape you want to transform.</li>
  314.   <li class="SmartList1" value="2"><a name="999854"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Shapes menu > Duplicate</span>.</li>
  315. <p id="1006843" class="ToDoBody">
  316.   <a name="1006843"> </a>Corel     Painter creates a duplicate shape according to the specifications you've set.
  317. </p>
  318. <p id="999858" class="ToDoBody">
  319.   <a name="999858"> </a>This duplicate is now the selected shape. You can choose the Duplicate command again or press <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Command</span>+<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">]</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>+<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">]</span> (Windows) to repeat the transformation on the new shape.
  320. </p>
  321. </ol>
  322. <p id="1002291" class="AnchorGraphic">
  323.   <a name="1002291"> </a><div align="left"><img src="images/19-Shapes33.jpg" height="156" width="216" border="0" hspace="0" vspace="0" />
  324. </div>
  325. </p>
  326. <p id="1002292" class="Caption">
  327.   <a name="1002292"> </a><i>The oval shape was duplicated using rotation only (top). The "number 5" shape was duplicated using translation, scaling, and rotation (bottom).
  328. </i></p>
  329. <h3 id="1004505" class="Heading2">
  330.   <a name="1004505"> </a>Grouping Shapes
  331. </h3>
  332.  
  333. <p id="1004506" class="Body">
  334.   <a name="1004506"> </a>Shapes can be grouped, allowing you to manipulate multiple shapes as a single unit. Since shapes are created on layers, you group shapes in the same way you group layers. 
  335. </p>
  336. <p id="1006855" class="Body">
  337.   <a name="1006855"> </a>You cannot scale, rotate, flip or distort groups that contain a mixture of pixel-based layers and shapes. You must manipulate these two types of entities independently before you group them.
  338. </p>
  339. <p id="1006856" class="Body">
  340.   <a name="1006856"> </a>For more information about grouping, refer to <a href="14-Layers8.html#999287">"Grouping Layers"</a>.
  341. </p>
  342. <h3 id="1004516" class="Heading2">
  343.   <a name="1004516"> </a>Creating Compound Shapes
  344. </h3>
  345.  
  346. <p id="1004517" class="Body">
  347.   <a name="1004517"> </a>In a compound shape, two shapes are combined into a single shape. The resulting shape takes on the attributes of the shape on the topmost layer. If the shape is filled, any overlapping areas are not filled.
  348. </p>
  349. <p id="1006862" class="Body">
  350.   <a name="1006862"> </a>Compound shapes can be used to cut a void in one shape using another shape. 
  351. </p>
  352. <p id="1006953" class="Body">
  353.   <a name="1006953"> </a>You can release a compound shape, which reverts it to the original shapes.
  354. </p>
  355. <p id="1010469" class="AnchorGraphic">
  356.   <a name="1010469"> </a><div align="left"><img src="images/19-Shapes14.jpg" height="124" width="216" border="0" hspace="0" vspace="0" />
  357. </div>
  358. </p>
  359. <p id="1010470" class="Caption">
  360.   <a name="1010470"> </a><i>The rectangle and the oval are combined to create a compound shape.
  361. </i></p>
  362. <h5 id="1004518" class="ToDoHead">
  363.   <a name="1004518"> </a>To create a compound shape
  364. </h5>
  365. <ol type="1">
  366.   <li class="SmartList1" value="1"><a name="1004520"> </a>With the Shape Selection tool <img src="images/19-Shapes55.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  367. , select two shapes.</li>
  368. <p id="1004521" class="ToDoBody">
  369.   <a name="1004521"> </a>Hold down Shift and select both shapes, or drag over the shapes to marquee select them.
  370. </p>
  371.   <li class="SmartList1" value="2"><a name="1006907"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Shapes menu > Make Compound</span>. </li>
  372. </ol>
  373. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  374.   <tr valign="top">
  375.     <td>
  376.       <img src="images/ticon.gif" alt="Tip" width="16" height="16" />
  377.     </td>
  378.   </tr>
  379. </table><ul>
  380.   <li class="SmartList1"><a name="1010457"> </a>You can create nested compound shapes by creating a compound shape from a shape and a compound shape. </li>
  381. </ul>
  382. <p id="1014562" class="AnchorGraphic">
  383.   <a name="1014562"> </a><div align="left"><img src="images/19-Shapesb61.jpg" height="124" width="216" border="0" hspace="0" vspace="0" />
  384. </div>
  385. </p>
  386. <p id="1014563" class="Caption">
  387.   <a name="1014563"> </a><i>The resulting compound shape can itself be used again to create another compound shape.
  388. </i></p>
  389. <h5 id="1004536" class="ToDoHead">
  390.   <a name="1004536"> </a>To release a compound shape
  391. </h5>
  392. <ol type="1">
  393.   <li class="SmartList1" value="1"><a name="1004537"> </a>Select a compound shape.</li>
  394.   <li class="SmartList1" value="2"><a name="1004538"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Shapes menu > Release Compound</span>.</li>
  395. </ol>
  396. <h3 id="999869" class="Heading2">
  397.   <a name="999869"> </a>Blending Shapes
  398. </h3>
  399.  
  400. <p id="999870" class="Body">
  401.   <a name="999870"> </a>Blending creates intermediate shapes between two or more selected shapes. This is useful for morphing one shape into another. It is also used to simulate shading on irregular shapes. Blending applies to both the stroke and fill attributes, as well as to the shape size.
  402. </p>
  403. <p id="1006975" class="Body">
  404.   <a name="1006975"> </a>You can blend a shape group to another group, but you can't blend between a single shape and a group.
  405. </p>
  406. <p id="1006976" class="Body">
  407.   <a name="1006976"> </a>Blending between groups offers interesting effects, especially if the groups are blends themselves.
  408. </p>
  409. <p id="1002316" class="AnchorGraphic">
  410.   <a name="1002316"> </a><div align="left"><img src="images/19-Shapes34.jpg" height="74" width="216" border="0" hspace="0" vspace="0" />
  411. </div>
  412. </p>
  413. <p id="1002317" class="Caption">
  414.   <a name="1002317"> </a><i>The small circle is blended with the large circle to create a shading effect.
  415. </i></p>
  416. <h5 id="999881" class="ToDoHead">
  417.   <a name="999881"> </a>To blend shapes
  418. </h5>
  419. <ol type="1">
  420.   <li class="SmartList1" value="1"><a name="999882"> </a>Position the shapes you want to blend.</li>
  421.   <li class="SmartList1" value="2"><a name="999883"> </a>Arrange the shape layers. </li>
  422. <p id="1007001" class="ToDoBody">
  423.   <a name="1007001"> </a>Blends will progress from lower layers to higher layers.
  424. </p>
  425.   <li class="SmartList1" value="3"><a name="1007005"> </a>Choose the Shape Selection tool from the toolbox <img src="images/19-Shapes53.jpg" height="16" width="66" border="0" hspace="0" vspace="0" />
  426. . </li>
  427.   <li class="SmartList1" value="4"><a name="1007006"> </a>Select the shapes you want to blend. </li>
  428. <p id="1007007" class="ToDoBody">
  429.   <a name="1007007"> </a>Use the <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Shift</span> key to select two or more. 
  430. </p>
  431.   <li class="SmartList1" value="5"><a name="999889"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Shapes menu > Blend</span>. </li>
  432.   <li class="SmartList1" value="6"><a name="1007020"> </a>In the Blend dialog box, specify a number of steps.</li>
  433. <p id="1007021" class="ToDoBody">
  434.   <a name="1007021"> </a>Number of Steps controls the number of intermediate shapes that are created. 
  435. </p>
  436.   <li class="SmartList1" value="7"><a name="999904"> </a>Choose one of the following ramp types:</li>
  437. </ol>
  438.   <ul>
  439.     <li class="Bulleted2"><a name="999906"> </a>Blend shapes are evenly spaced.</li>
  440.     <li class="Bulleted2"><a name="999907"> </a>Spacing starts wide and decreases approaching the end of the blend.</li>
  441.     <li class="Bulleted2"><a name="999908"> </a>Spacing starts small and increases approaching the end of the blend.</li>
  442.     <li class="Bulleted2"><a name="999909"> </a>Spacing is wide in the middle and decreases toward both ends.</li>
  443.   </ul>
  444. <ol type="1">
  445.   <li class="SmartList1" value="8"><a name="999911"> </a>Choose one of the following Ramp Color Space options: </li>
  446. </ol>
  447.   <ul>
  448.     <li class="Bulleted2"><a name="999912"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">RGB</span>-the color progresses directly over the course of the blend.</li>
  449.     <li class="Bulleted2"><a name="999913"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Hue CW</span>-the color progresses clockwise in the color wheel to reach the destination color.</li>
  450.     <li class="Bulleted2"><a name="999914"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Hue CCW</span>-the color progresses counterclockwise in the color wheel to reach the destination color.</li>
  451.   </ul>
  452. <ol type="1">
  453.   <li class="SmartList1" value="9"><a name="999916"> </a>Specify a Perspective Factor. </li>
  454. <p id="1007113" class="ToDoBody">
  455.   <a name="1007113"> </a>Perspective Factor controls the spacing of intermediate shapes. Acceptable values are between 0.01 and 100. With a Perspective Factor of 1.0, the shapes are spaced evenly. With a Perspective Factor less than 1, shapes are closer at the beginning of the blend and farther apart at the end of the blend. With a Perspective Factor greater than 1, shapes are farther apart at the beginning of the blend and closer at the end of the blend. 
  456. </p>
  457.   <li class="SmartList1" value="10"><a name="1007197"> </a>Enable any of the following options:</li>
  458. </ol>
  459.   <ul>
  460.     <li class="Bulleted2"><a name="1007208"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Arc Length Matching-</span>enable this option if you are blending shapes containing a different number of anchor points.</li>
  461.     <li class="Bulleted2"><a name="1007198"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Align Shape Start Points-</span>enable this option to base the orientation of intermediate shapes on the orientation of the start and end shapes. When disabled, Corel     Painter bases the orientation of intermediate shapes on the starting point (first anchor point) of the start and end shapes. This can create a "tumbling" appearance in the intermediate shapes.</li>
  462.   </ul>
  463. <p id="1010896" class="AnchorGraphic">
  464.   <a name="1010896"> </a><div align="left"><img src="images/19-Shapes37.jpg" height="166" width="216" border="0" hspace="0" vspace="0" />
  465. </div>
  466. </p>
  467. <p id="1002333" class="Caption">
  468.   <a name="1002333"> </a><i>Two shapes (top left) are blended using a perspective factor of 1.0 (top right), 4.0 (bottom left), and 0.1 (bottom right). 
  469. </i></p>
  470. <h3 id="999955" class="Heading2">
  471.   <a name="999955"> </a>Saving Shapes
  472. </h3>
  473.  
  474. <p id="999959" class="Body">
  475.   <a name="999959"> </a>Corel     Painter doesn't have a shapes library. However, because of the close relationship between shape outlines and selection paths, you can save shape outlines in the Selection Portfolio. Refer to <a href="12-Selections11.html#999558">"Using the Selection Portfolio"</a> for complete information.
  476. </p>
  477. <h3 id="999979" class="Heading2">
  478.   <a name="999979"> </a>Exporting Shapes to Adobe Illustrator
  479. </h3>
  480.  
  481. <p id="999983" class="Body">
  482.   <a name="999983"> </a>Corel     Painter lets you export shape data to the Adobe Illustrator format.
  483. </p>
  484. <p id="999984" class="Body">
  485.   <a name="999984"> </a>Exporting to Illustrator format will save only the Shapes, not the Canvas or any other layers in the document. Transparency and compositing methods are lost when exporting to Illustrator format. 
  486. </p>
  487. <h5 id="999985" class="ToDoHead">
  488.   <a name="999985"> </a>To export shapes
  489. </h5>
  490. <ol type="1">
  491.   <li class="SmartList1" value="1"><a name="999986"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">File menu > Export > Adobe Illustrator File</span>. </li>
  492.   <li class="SmartList1" value="2"><a name="999987"> </a>In the Export as Illustrator File dialog box, specify a location and filename, and click Save. </li>
  493. </ol>
  494.   </blockquote>
  495.  
  496.  
  497. <table border="0">
  498.       <tr>
  499.         <td width="23">
  500. <a href="19-Shapes6.html">
  501.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  502.     </a>
  503.         </td>
  504.         <td width="23">
  505. <a href="20-Text.html">
  506.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  507.     </a>
  508.         </td>
  509.       <td width="23" >
  510.           <a href="#pagetop">
  511.             <img SRC="images/BtnBacktoTop.gif" ALT="Back to Top" border="0" height="21" width="23" />
  512.           </a>
  513.       </td>
  514.       </tr>
  515.     </table>
  516.  
  517.    <div id="WWHelpPopupDIV" style="position: absolute ; z-index: 1 ; visibility: hidden ; top: 0px ; left: 0px">
  518.     <script type="text/javascript" language="JavaScript">
  519.      <!--
  520.       if ((parent != null) &&
  521.           (parent.WWHelpFrameSet != null))
  522.       {
  523.         if (document.all != null)  // Non-Netscape browser
  524.         {
  525.           document.writeln(parent.WWHelpFrameSet.mPopup.fFormat("Popup"));
  526.         }
  527.       }
  528.      // -->
  529.     </script>
  530.    </div>
  531.   </body>
  532. </html>
  533.