home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 November / Chip_2003-11_cd2.bin / ruzne / painter / PAINTE~2.cab / _98053F1337CE46A2890CC553B5EF65E3 < prev    next >
Text File  |  2003-03-24  |  27KB  |  538 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:02" />
  7. <meta name="keywords" content="Text, applying, effects, Font, selecting, Font, , changing, point, size, Text, filling, with, color, , Filling, , text, with, color, Text, kerning, Text, , adjusting, leading, Text, stretching, Text, rotating, Text, skewing, Text, adding, shadows, Text, , opacity, , Opacity, text, Text, blurring, Text, setting, curve, style, Text, , path, Text, centering" />
  8.     <title>Applying Effects to Text   </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="20-Text3.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-Text5.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="20-Text4.html#999035">Applying Effects to Text </a></li><br/>
  101.  
  102. <li class="Bulleted"><a href="20-Text4.html#1006226">Font</a></li><br/>
  103.  
  104. <li class="Bulleted"><a href="20-Text4.html#1006249">Point Size</a></li><br/>
  105.  
  106. <li class="Bulleted"><a href="20-Text4.html#1006195">Color</a></li><br/>
  107.  
  108. <li class="Bulleted"><a href="20-Text4.html#1001599">Alignment</a></li><br/>
  109.  
  110. <li class="Bulleted"><a href="20-Text4.html#1001574">Kerning Text</a></li><br/>
  111.  
  112. <li class="Bulleted"><a href="20-Text4.html#1001585">Adjusting Leading</a></li><br/>
  113.  
  114. <li class="Bulleted"><a href="20-Text4.html#1002730">Stretching, Rotating, and Skewing Text</a></li><br/>
  115.  
  116. <li class="Bulleted"><a href="20-Text4.html#1001686">Adding Shadows</a></li><br/>
  117.  
  118. <li class="Bulleted"><a href="20-Text4.html#1001730">Setting Opacity</a></li><br/>
  119.  
  120. <li class="Bulleted"><a href="20-Text4.html#1001738">Adding a Blur</a></li><br/>
  121.  
  122. <li class="Bulleted"><a href="20-Text4.html#1006372">Composite Method</a></li><br/>
  123.  
  124. <li class="Bulleted"><a href="20-Text4.html#1001727">Curving Text</a></li><br/>
  125.  
  126. <li class="Bulleted"><a href="20-Text4.html#999210">Using Center on Baseline</a></li><br/>
  127. </td>
  128.       </tr>
  129.     </table>
  130.  
  131.   <blockquote>
  132.         <h2 id="999035" class="Heading1">
  133.   <a name="999035"> </a>Applying Effects to Text 
  134. </h2>
  135.  
  136.  
  137.  
  138. <p id="1002717" class="Body">
  139.   <a name="1002717"> </a>Before you drop a layer, you can apply any of the effects available on the Text palette. The Text palette contains all the tools and controls you'll need to set text appearance and flow. You can change the text font, size, and position. You can also adjust the spacing between letters or lines. You can stretch, rotate, and skew text. You can apply a shadow to your text, and adjust shadow attributes.
  140. </p>
  141. <h3 id="1006226" class="Heading2">
  142.   <a name="1006226"> </a>Font
  143. </h3>
  144.  
  145. <p id="1002007" class="Body">
  146.   <a name="1002007"> </a>You can select a font on the Text palette.
  147. </p>
  148. <h5 id="1002030" class="ToDoHead">
  149.   <a name="1002030"> </a>To select a font
  150. </h5>
  151. <ol type="1">
  152.   <li class="SmartList1" value="1"><a name="1001903"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text</span>.</li>
  153.   <li class="SmartList1" value="2"><a name="1001905"> </a>On the Text palette, choose a font from the Font pop-up menu.</li>
  154. </ol>
  155. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  156.   <tr valign="top">
  157.     <td>
  158.       <img src="images/ticon.gif" alt="Tip" width="16" height="16" />
  159.     </td>
  160.   </tr>
  161. </table><ul>
  162.   <li class="SmartList1"><a name="1007715"> </a>To display a list of all available fonts, choose Other Fonts from the Font pop-up menu.</li>
  163. </ul>
  164. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  165.   <tr valign="top">
  166.     <td>
  167.       <img src="images/nicon.gif" alt="Note" width="16" height="16" />
  168.     </td>
  169.   </tr>
  170. </table><ul>
  171.   <li class="SmartList1"><a name="1008613"> </a>You can also adjust many text elements on the property bar when the Text tool is selected.</li>
  172. </ul>
  173. <h3 id="1006249" class="Heading2">
  174.   <a name="1006249"> </a>Point Size
  175. </h3>
  176.  
  177. <p id="1006250" class="Body">
  178.   <a name="1006250"> </a>The Point Size slider on the Text palette lets you adjust the size of text proportionally.
  179. </p>
  180. <h5 id="1006251" class="ToDoHead">
  181.   <a name="1006251"> </a>To change point size
  182. </h5>
  183. <ul>
  184.   <li class="SmartList1"><a name="1006253"> </a>On the Text palette, adjust the Point Size slider. </li>
  185. </ul>
  186. <h3 id="1006195" class="Heading2">
  187.   <a name="1006195"> </a>Color
  188. </h3>
  189.  
  190. <p id="1006199" class="Body">
  191.   <a name="1006199"> </a>You can fill your text with color from the Colors palette.
  192. </p>
  193. <h5 id="1008502" class="ToDoHead">
  194.   <a name="1008502"> </a>To fill text with color
  195. </h5>
  196. <ol type="1">
  197.   <li class="SmartList1" value="1"><a name="1008506"> </a>Choose the Text tool <img src="images/20-Text10.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  198.  from the toolbox.</li>
  199.   <li class="SmartList1" value="2"><a name="1006205"> </a>Click anywhere in the document window, and type.</li>
  200.   <li class="SmartList1" value="3"><a name="1006206"> </a>Choose<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline"> Window menu > Show Colors </span>to display the Colors palette<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">.</span></li>
  201.   <li class="SmartList1" value="4"><a name="1006207"> </a>Choose a color on the Colors palette.</li>
  202. </ol>
  203. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  204.   <tr valign="top">
  205.     <td>
  206.       <img src="images/ticon.gif" alt="Tip" width="16" height="16" />
  207.     </td>
  208.   </tr>
  209. </table><ul>
  210.   <li class="SmartList1"><a name="1007771"> </a>You can also choose a color before you type any text.</li>
  211. </ul>
  212. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  213.   <tr valign="top">
  214.     <td>
  215.       <img src="images/nicon.gif" alt="Note" width="16" height="16" />
  216.     </td>
  217.   </tr>
  218. </table><ul>
  219.   <li class="SmartList1"><a name="1007778"> </a>If the Text layer is not selected, the color will not be applied to the text. For more information about the Text layer, see <a href="20-Text3.html#999974">"The Text Layer"</a>. </li>
  220. </ul>
  221. <h3 id="1001599" class="Heading2">
  222.   <a name="1001599"> </a>Alignment
  223. </h3>
  224.  
  225. <p id="1002043" class="Body">
  226.   <a name="1002043"> </a>A text block can be left, right, or center justified. The text baseline origin is used as the reference point for the text alignment. You can specify justification on the Text palette.
  227. </p>
  228. <h5 id="1008715" class="ToDoHead">
  229.   <a name="1008715"> </a>To align text
  230. </h5>
  231. <ol type="1">
  232.   <li class="SmartList1" value="1"><a name="1008716"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text</span> to display the Text palette<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">.</span></li>
  233.   <li class="SmartList1" value="2"><a name="1002056"> </a>On the Text palette, enable one of the following buttons:</li>
  234. </ol>
  235.   <ul>
  236.     <li class="Bulleted2"><a name="1002066"> </a>Align Left <img src="images/20-Text15.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  237. </li>
  238.     <li class="Bulleted2"><a name="1002067"> </a>Align Center <img src="images/20-Text16.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  239. </li>
  240.     <li class="Bulleted2"><a name="1002068"> </a>Align Right <img src="images/20-Text17.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  241. </li>
  242.   </ul>
  243. <h3 id="1001574" class="Heading2">
  244.   <a name="1001574"> </a>Kerning Text
  245. </h3>
  246.  
  247. <p id="1001575" class="Body">
  248.   <a name="1001575"> </a>Kerning refers to adjusting the amount of space between letters. Corel     Painter does this automatically with most fonts. However, you can fine-tune the spacing with the Tracking slider.
  249. </p>
  250. <h5 id="1008720" class="ToDoHead">
  251.   <a name="1008720"> </a>To kern text
  252. </h5>
  253. <ol type="1">
  254.   <li class="SmartList1" value="1"><a name="1008721"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text</span>.</li>
  255.   <li class="SmartList1" value="2"><a name="1001656"> </a>On the Text palette, adjust the Tracking slider.</li>
  256. <p id="1001582" class="ToDoBody">
  257.   <a name="1001582"> </a>Drag left to decrease letter spacing or right to increase it.
  258. </p>
  259. </ol>
  260. <h3 id="1001585" class="Heading2">
  261.   <a name="1001585"> </a>Adjusting Leading
  262. </h3>
  263.  
  264. <p id="1001586" class="Body">
  265.   <a name="1001586"> </a>Leading refers to the amount of space between lines of text. You may want to change the Leading from the default. The default spacing between lines is set at 100%. 
  266. </p>
  267. <h5 id="1001587" class="ToDoHead">
  268.   <a name="1001587"> </a>To adjust leading manually
  269. </h5>
  270. <ol type="1">
  271.   <li class="SmartList1" value="1"><a name="1001671"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text</span>.</li>
  272.   <li class="SmartList1" value="2"><a name="1001589"> </a>On the Text palette, drag the Leading slider to the right to increase space between lines or to the left to decrease it.</li>
  273. </ol>
  274. <h3 id="1002730" class="Heading2">
  275.   <a name="1002730"> </a>Stretching, Rotating, and Skewing Text
  276. </h3>
  277.  
  278. <p id="1002731" class="Body">
  279.   <a name="1002731"> </a>Stretching text affects both the horizontal and vertical size. As you stretch vertically, the text appears thinner and taller. As you stretch horizontally, the text appears flatter and shorter. 
  280. </p>
  281. <p id="1002732" class="Body">
  282.   <a name="1002732"> </a>Rotating text pivots the text from the end point of the text block. Depending on the alignment of the text, it pivots from the bottom-left corner, bottom-right corner, or center. You can also skew the text by slanting the text to the right or left.
  283. </p>
  284. <h5 id="1002733" class="ToDoHead">
  285.   <a name="1002733"> </a>To stretch text
  286. </h5>
  287. <ol type="1">
  288.   <li class="SmartList1" value="1"><a name="1005932"> </a>Select text using the Layer Adjuster tool <img src="images/20-Text11.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  289.  .</li>
  290.   <li class="SmartList1" value="2"><a name="1005933"> </a>Drag the corner handles in the direction you want to stretch the text.</li>
  291. </ol>
  292. <h5 id="1005969" class="ToDoHead">
  293.   <a name="1005969"> </a>To rotate text
  294. </h5>
  295. <ol type="1">
  296.   <li class="SmartList1" value="1"><a name="1005958"> </a>Select text using the Layer Adjuster tool.</li>
  297.   <li class="SmartList1" value="2"><a name="1006298"> </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 one of the corner handles.</li>
  298. </ol>
  299. <p id="1008528" class="AnchorGraphic">
  300.   <a name="1008528"> </a><div align="left"><img src="images/20-Text13.jpg" height="163" width="217" border="0" hspace="0" vspace="0" />
  301. </div>
  302. </p>
  303. <p id="1008529" class="Caption">
  304.   <a name="1008529"> </a><i>Rotated text.
  305. </i></p>
  306. <h5 id="1005937" class="ToDoHead">
  307.   <a name="1005937"> </a>To skew text
  308. </h5>
  309. <ol type="1">
  310.   <li class="SmartList1" value="1"><a name="1005941"> </a>Select text using the Layer Adjuster tool.</li>
  311.   <li class="SmartList1" value="2"><a name="1006308"> </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 one of the center handles on either side of the text.</li>
  312. </ol>
  313. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  314.   <tr valign="top">
  315.     <td>
  316.       <img src="images/ticon.gif" alt="Tip" width="16" height="16" />
  317.     </td>
  318.   </tr>
  319. </table><ul>
  320.   <li class="SmartList1"><a name="1007732"> </a>If the bounding box is not showing, click the Layers palette menu arrow and choose Show Layer Marquee. </li>
  321. </ul>
  322. <h3 id="1001686" class="Heading2">
  323.   <a name="1001686"> </a>Adding Shadows
  324. </h3>
  325.  
  326. <p id="1002097" class="Body">
  327.   <a name="1002097"> </a>You can apply a shadow to text and adjust the shadow position. You can select an external shadow, which places the shadow behind the text, or an internal shadow, which places the shadow inside the text. 
  328. </p>
  329. <h5 id="1002108" class="ToDoHead">
  330.   <a name="1002108"> </a>To add a shadow
  331. </h5>
  332. <ol type="1">
  333.   <li class="SmartList1" value="1"><a name="1001715"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text</span>.</li>
  334.   <li class="SmartList1" value="2"><a name="1008547"> </a>On the Text palette, enable one of the following buttons:</li>
  335. </ol>
  336.   <ul>
  337.     <li class="Bulleted2"><a name="1008551"> </a>External Shadow <img src="images/20-Text14.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  338.  - creates a shadow that makes your letters look as though they're casting a shadow onto a sheet of paper held beneath them.</li>
  339.     <li class="Bulleted2"><a name="1001696"> </a>Internal Shadow <img src="images/20-Texta6.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  340.  - creates a shadow that makes your letters look like cutouts, above a sheet of paper the color of the text.</li>
  341.     <li class="Bulleted2"><a name="1001702"> </a>No Shadow <img src="images/20-Text7.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  342.  - removes a shadow.</li>
  343.   </ul>
  344. <h5 id="1005997" class="ToDoHead">
  345.   <a name="1005997"> </a>To move the shadow
  346. </h5>
  347. <ul>
  348.   <li class="SmartList1"><a name="1001710"> </a>Select the Layer Adjuster tool <img src="images/20-Text18.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  349.  and drag the shadow to where you want it.</li>
  350. </ul>
  351. <h3 id="1001730" class="Heading2">
  352.   <a name="1001730"> </a>Setting Opacity
  353. </h3>
  354.  
  355. <p id="1001731" class="Body">
  356.   <a name="1001731"> </a>Opacity controls the transparency of text or shadows. Your text's shadow should be semi-transparent. You can also use opacity to fade the color of text.
  357. </p>
  358. <h5 id="1001732" class="ToDoHead">
  359.   <a name="1001732"> </a>To adjust opacity
  360. </h5>
  361. <ol type="1">
  362.   <li class="SmartList1" value="1"><a name="1001753"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text.</span></li>
  363.   <li class="SmartList1" value="2"><a name="1002083"> </a>On the Text palette, move the Opacity slider to the left to increase transparency or to the right to increase opacity.</li>
  364. </ol>
  365. <h3 id="1001738" class="Heading2">
  366.   <a name="1001738"> </a>Adding a Blur
  367. </h3>
  368.  
  369. <p id="1001739" class="Body">
  370.   <a name="1001739"> </a>You can add either a focus or directional blur to text and shadows. Focus blurs make text fuzzy. You can use the Focus blur to soften the edges of text characters. Directional blurs lets you specify the direction in which the blur occurs.
  371. </p>
  372. <h5 id="1001740" class="ToDoHead">
  373.   <a name="1001740"> </a>To add a blur
  374. </h5>
  375. <ol type="1">
  376.   <li class="SmartList1" value="1"><a name="1001765"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text.</span></li>
  377.   <li class="SmartList1" value="2"><a name="1006390"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Layers.</span></li>
  378.   <li class="SmartList1" value="3"><a name="1006014"> </a>On the Layers palette, select the Text layer or the Shadow layer.</li>
  379.   <li class="SmartList1" value="4"><a name="1006389"> </a>On the Text palette, adjust the Blur slider. </li>
  380. <p id="1001774" class="ToDoBody">
  381.   <a name="1001774"> </a>If you want to apply directional blur, enable the Directional Blur option, and adjust the Direction slider. 
  382. </p>
  383. <p id="1001784" class="ToDoBody">
  384.   <a name="1001784"> </a>The first half of the slider adds a left-to-right blur on the text; the second half adds an up-and-down blur.
  385. </p>
  386. </ol>
  387. <h3 id="1006372" class="Heading2">
  388.   <a name="1006372"> </a>Composite Method
  389. </h3>
  390.  
  391. <p id="1006373" class="Body">
  392.   <a name="1006373"> </a>You can change the composite method for body text or shadow of a selected text layer by making a choice from the pop-up menu on the Text palette. You can specify whether you're modifying the composite method for the text body or the drop shadow. Refer to <a href="14-Layers10.html#1003873">"Blending Layers Using Composite Methods"</a> for more information about changing the composite method.
  393. </p>
  394. <h3 id="1001727" class="Heading2">
  395.   <a name="1001727"> </a>Curving Text
  396. </h3>
  397.  
  398. <p id="999144" class="Body">
  399.   <a name="999144"> </a>You can define a curve style and path (baseline) along which your text will flow. The baseline that a curve style creates is a BΘzier curve, meaning that the shape can be controlled using control handles and anchor points.
  400. </p>
  401. <p id="1002297" class="Body">
  402.   <a name="1002297"> </a>Refer to <a href="19-Shapes3.html#998980">"Working with BΘzier Lines"</a> for more information on working with anchor points and control handles.
  403. </p>
  404. <p id="1002230" class="Body">
  405.   <a name="1002230"> </a>There are four curve styles to choose from:
  406. </p>
  407. <ul>
  408.   <li class="SmartList1"><a name="1000258"> </a>The Curve Flat style flows along a straight line. </li>
  409. </ul>
  410. <p id="1000272" class="AnchorGraphic">
  411.   <a name="1000272"> </a><div align="left"><img src="images/20-Text8.jpg" height="54" width="216" border="0" hspace="0" vspace="0" />
  412. </div>
  413. </p>
  414. <p id="1000273" class="Caption">
  415.   <a name="1000273"> </a><i>Curve Flat style applied to text.
  416. </i></p>
  417. <ul>
  418.   <li class="SmartList1"><a name="1000269"> </a>The Curve Ribbon style flows the text along a curve and keeps the letters in an upright position. When you apply the Curve Ribbon style, you can use Shift and the Rotate tool to control how the text moves around the baseline.</li>
  419. </ul>
  420. <p id="1000286" class="AnchorGraphic">
  421.   <a name="1000286"> </a><div align="left"><img src="images/20-Texta5.jpg" height="106" width="216" border="0" hspace="0" vspace="0" />
  422. </div>
  423. </p>
  424. <p id="1000287" class="Caption">
  425.   <a name="1000287"> </a><i>Curve Ribbon style applied to text.
  426. </i></p>
  427. <ul>
  428.   <li class="SmartList1"><a name="999178"> </a>The Curve Perpendicular style places the text along the curve, where each letter is perpendicular to the curve.</li>
  429. </ul>
  430. <p id="1008750" class="AnchorGraphic">
  431.   <a name="1008750"> </a><div align="left"><img src="images/20-Texta23.jpg" height="112" width="216" border="0" hspace="0" vspace="0" />
  432. </div>
  433. </p>
  434. <p id="1000349" class="Caption">
  435.   <a name="1000349"> </a><i>Curve Perpendicular style applied to text.
  436. </i></p>
  437. <ul>
  438.   <li class="SmartList1"><a name="999189"> </a>The Curve Stretch style actually changes the shape of the letters to fill in the space that would be left when the curve bends. </li>
  439. <p id="999190" class="ToDoBody">
  440.   <a name="999190"> </a>For example, if text is set on a circular path, Corel     Painter makes the tops of the letters heavier and thicker to fill in space. 
  441. </p>
  442. </ul>
  443. <p id="1000361" class="AnchorGraphic">
  444.   <a name="1000361"> </a><div align="left"><img src="images/20-Text9.jpg" height="162" width="216" border="0" hspace="0" vspace="0" />
  445. </div>
  446. </p>
  447. <p id="1000362" class="Caption">
  448.   <a name="1000362"> </a><i>Distorted text on a circular path using the Curve Stretch style.
  449. </i></p>
  450. <h5 id="999202" class="ToDoHead">
  451.   <a name="999202"> </a>To set a curve style
  452. </h5>
  453. <ol type="1">
  454.   <li class="SmartList1" value="1"><a name="1002203"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text.</span></li>
  455.   <li class="SmartList1" value="2"><a name="1002205"> </a>On the Text palette, click a Curve Style icon:</li>
  456. </ol>
  457.   <ul>
  458.     <li class="Bulleted2"><a name="1008573"> </a>Curve Flat <img src="images/20-Text19.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  459. </li>
  460.     <li class="Bulleted2"><a name="1008580"> </a>Curve Ribbon <img src="images/20-Text20.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  461. </li>
  462.     <li class="Bulleted2"><a name="1008581"> </a>Curve Perpendicular <img src="images/20-Text21.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  463. </li>
  464.     <li class="Bulleted2"><a name="1008582"> </a>Curve Stretch <img src="images/20-Text22.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  465. </li>
  466.   </ul>
  467. <ol type="1">
  468.   <li class="SmartList1" value="3"><a name="1002206"> </a>Select the Layer Adjuster tool <img src="images/20-Text23.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  469.  and drag the handles of the bounding box to adjust the text. </li>
  470. </ol>
  471. <h5 id="1002301" class="ToDoHead">
  472.   <a name="1002301"> </a>To change the path
  473. </h5>
  474. <ol type="1">
  475.   <li class="SmartList1" value="1"><a name="1002305"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text.</span></li>
  476.   <li class="SmartList1" value="2"><a name="1006038"> </a>Choose the Shape Selection tool <img src="images/20-Text12.jpg" height="16" width="16" border="0" hspace="0" vspace="0" />
  477.  from the toolbox. </li>
  478.   <li class="SmartList1" value="3"><a name="1002319"> </a>Click an end point on the path.</li>
  479.   <li class="SmartList1" value="4"><a name="1002318"> </a>Drag the handles to change the shape of the path. </li>
  480. </ol>
  481. <h3 id="999210" class="Heading2">
  482.   <a name="999210"> </a>Using Center on Baseline
  483. </h3>
  484.  
  485. <p id="999211" class="Body">
  486.   <a name="999211"> </a>You can control how the text is centered on the line. You can move the center point by dragging on the slider or by changing the alignment. Dragging the Centering slider also changes where the text starts and stops on a line. The Centering slider has no effect on the Curve Flat style.
  487. </p>
  488. <h5 id="999213" class="ToDoHead">
  489.   <a name="999213"> </a>To change centering
  490. </h5>
  491. <ol type="1">
  492.   <li class="SmartList1" value="1"><a name="1005221"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Window menu > Show Text</span>.</li>
  493.   <li class="SmartList1" value="2"><a name="1002218"> </a>On the Text palette, choose a Curve Style icon. </li>
  494.   <li class="SmartList1" value="3"><a name="999219"> </a>Drag the Centering slider to the right or left.</li>
  495. <p id="999220" class="ToDoBody">
  496.   <a name="999220"> </a>The text moves along the curve.
  497. </p>
  498. </ol>
  499.   </blockquote>
  500.  
  501.  
  502. <table border="0">
  503.       <tr>
  504.         <td width="23">
  505. <a href="20-Text3.html">
  506.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  507.     </a>
  508.         </td>
  509.         <td width="23">
  510. <a href="20-Text5.html">
  511.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  512.     </a>
  513.         </td>
  514.       <td width="23" >
  515.           <a href="#pagetop">
  516.             <img SRC="images/BtnBacktoTop.gif" ALT="Back to Top" border="0" height="21" width="23" />
  517.           </a>
  518.       </td>
  519.       </tr>
  520.     </table>
  521.  
  522.    <div id="WWHelpPopupDIV" style="position: absolute ; z-index: 1 ; visibility: hidden ; top: 0px ; left: 0px">
  523.     <script type="text/javascript" language="JavaScript">
  524.      <!--
  525.       if ((parent != null) &&
  526.           (parent.WWHelpFrameSet != null))
  527.       {
  528.         if (document.all != null)  // Non-Netscape browser
  529.         {
  530.           document.writeln(parent.WWHelpFrameSet.mPopup.fFormat("Popup"));
  531.         }
  532.       }
  533.      // -->
  534.     </script>
  535.    </div>
  536.   </body>
  537. </html>
  538.