home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 November / Chip_2003-11_cd2.bin / ruzne / painter / PAINTE~2.cab / _FC87697AB7F5460BA37ED5582A29AC90 < prev    next >
Text File  |  2003-03-24  |  41KB  |  637 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:30" />
  7. <meta name="keywords" content="Surface, Control, effects, , Effects, Surface, Control, Screens, applying, texture, , Apply, Screen, effect, , Texture, applying, , Surface, Control, effects, , Apply, Screen, Apply, Screen, effect, Color, reducing, number, Color, Overlay, effect, , Texture, applying, Surface, Control, effects, Color, Overlay, Color, Overlay, effect, Dye, Concentration, effect, , Surface, Control, effects, Dye, Concentration, Dye, Concentration, effect, Texture, expressing, , Express, Texture, effect, Surface, Control, effects, Express, Texture, Image, Warp, effect, , Distortion, Image, Warp, effect, , Warping, , Surface, Control, effects, Image, Warp, Quick, Warp, effect, , Reflection, maps, using, with, Quick, Warp, , Warping, , Distortion, Quick, Warp, effect, , Surface, Control, effects, Quick, Warp, Quick, Warp, effect, Woodcut, effect, , , Surface, Control, effects, Woodcut, Distress, effect, , Surface, Control, effects, Distress, Serigraphy, effect, , Surface, Control, effects, Serigraphy, Sketch, effect, , , Surface, Control, effects, Sketch" />
  8.     <title>Other Surface Control Effects  </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="15-Effects9.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="15-Effects11.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="15-Effects10.html#1047932">Other Surface Control Effects</a></li><br/>
  101.  
  102. <li class="Bulleted"><a href="15-Effects10.html#1015937">Apply Screen</a></li><br/>
  103.  
  104. <li class="Bulleted"><a href="15-Effects10.html#1000406">Color Overlay</a></li><br/>
  105.  
  106. <li class="Bulleted"><a href="15-Effects10.html#1000454">Dye Concentration</a></li><br/>
  107.  
  108. <li class="Bulleted"><a href="15-Effects10.html#1000490">Express Texture </a></li><br/>
  109.  
  110. <li class="Bulleted"><a href="15-Effects10.html#1000531">Image Warp</a></li><br/>
  111.  
  112. <li class="Bulleted"><a href="15-Effects10.html#1000566">Quick Warp</a></li><br/>
  113.  
  114. <li class="Bulleted"><a href="15-Effects10.html#1003070">Woodcut</a></li><br/>
  115.  
  116. <li class="Bulleted"><a href="15-Effects10.html#1003302">Distress</a></li><br/>
  117.  
  118. <li class="Bulleted"><a href="15-Effects10.html#1003327">Serigraphy</a></li><br/>
  119.  
  120. <li class="Bulleted"><a href="15-Effects10.html#1013985">Sketch</a></li><br/>
  121. </td>
  122.       </tr>
  123.     </table>
  124.  
  125.   <blockquote>
  126.         <h2 id="1047932" class="Heading1">
  127.   <a name="1047932"> </a>Other Surface Control Effects
  128. </h2>
  129.  
  130.  
  131.  
  132. <p id="1015922" class="Body">
  133.   <a name="1015922"> </a>The Surface Control effects let you manipulate paper, color, and light to produce a variety of interesting visual effects. Many of these effects also let you add texture to an image, producing the illusion of paint on a canvas or paper.
  134. </p>
  135. <h3 id="1015937" class="Heading2">
  136.   <a name="1015937"> </a>Apply Screen
  137. </h3>
  138.  
  139. <p id="1015938" class="Body">
  140.   <a name="1015938"> </a>Apply Screen is another way to add texture to an image. It combines luminance, the selected paper texture, and the three colors you pick, to add a three-color screen to anáimage.
  141. </p>
  142. <p id="1015943" class="AnchorGraphic">
  143.   <a name="1015943"> </a><div align="left"><img src="images/15-Effects37.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  144. </div>
  145. </p>
  146. <p id="1015944" class="Caption">
  147.   <a name="1015944"> </a><i>Apply Screen using Image Luminance.
  148. </i></p>
  149. <h5 id="1015981" class="ToDoHead">
  150.   <a name="1015981"> </a>To apply a screen
  151. </h5>
  152. <ol type="1">
  153.   <li class="SmartList1" value="1"><a name="1045928"> </a>Select a layer or area of the canvas.</li>
  154. <p id="1045929" class="ToDoBody">
  155.   <a name="1045929"> </a>If you want to apply the effect to the entire image, make sure there are no selections. 
  156. </p>
  157.   <li class="SmartList1" value="2"><a name="1015986"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Apply Screen</span>.<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline"> </span></li>
  158.   <li class="SmartList1" value="3"><a name="1015987"> </a>In the Apply Screen dialog box, choose three colors by clicking each color icon and choosing a color from the color picker.</li>
  159.   <li class="SmartList1" value="4"><a name="1015989"> </a>Move the Threshold 1 slider to determine how much of the second and third colors will be in the image. </li>
  160. <p id="1015990" class="ToDoBody">
  161.   <a name="1015990"> </a>Moving the slider to the left increases the amount of the third color. Moving it to the right increases the amount of the second color.
  162. </p>
  163.   <li class="SmartList1" value="5"><a name="1015991"> </a>Move the Threshold 2 slider to determine how much of the first color will be in the image. </li>
  164. <p id="1015992" class="ToDoBody">
  165.   <a name="1015992"> </a>Moving the slider to the left decreases the amount of the first color. Moving it to the rightáincreases the amount of the first color.
  166. </p>
  167.   <li class="SmartList1" value="6"><a name="1015994"> </a>Choose one of the following methods from the Using pop-up menu:</li>
  168. </ol>
  169.   <ul>
  170.     <li class="Bulleted2"><a name="1015995"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Paper</span> produces a screen using the paper grain. If the Papers palette is open, you can choose different textures while the Apply Screen dialog is open.</li>
  171.     <li class="Bulleted2"><a name="1015996"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Image Luminance</span> creates texture based on the image's brightness. It is similar to a three-level posterization.</li>
  172.     <li class="Bulleted2"><a name="1015997"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Original Luminance</span> adds texture based on the clone source document's brightness. </li>
  173.     <li class="Bulleted2"><a name="1015998"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">[Alpha channel]</span> or <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">[Layer mask]</span> adds texture based on the luminance of a channel or layer mask. The pop-up menu lists each alpha channel in the document. If a layer with a layer mask is selected, the layer mask is also listed.</li>
  174.   </ul>
  175. <ol type="1">
  176.   <li class="SmartList1" value="7"><a name="1015999"> </a>When you are satisfied with the settings, click OK to apply the effect.</li>
  177. </ol>
  178. <h3 id="1000406" class="Heading2">
  179.   <a name="1000406"> </a>Color Overlay
  180. </h3>
  181.  
  182. <p id="1000407" class="Body">
  183.   <a name="1000407"> </a>Use the Color Overlay effect to simultaneously add color and texture to an image.
  184. </p>
  185. <p id="1005526" class="AnchorGraphic">
  186.   <a name="1005526"> </a><div align="left"><img src="images/15-Effects49.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  187. </div>
  188. </p>
  189. <p id="1005527" class="Caption">
  190.   <a name="1005527"> </a><i>The Color Overlay effect.
  191. </i></p>
  192. <p id="1000416" class="Body">
  193.   <a name="1000416"> </a>The color is taken from the current color on the Colors palette. Both color and texture are applied using one of five methods:
  194. </p>
  195. <ul>
  196.   <li class="SmartList1"><a name="1000418"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Uniform Color</span> adds a flat tint to the image.</li>
  197.   <li class="SmartList1"><a name="1000420"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Paper</span> overlays a color using the paper texture as a mapping model. More color is applied to light areas in the paper grain; less color is applied to dark areas.</li>
  198.   <li class="SmartList1"><a name="1000422"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Image Luminance</span> uses the image's brightness as the model for the color overlay. More of the effect is applied to light areas in the original image; less is applied to darker areas.</li>
  199.   <li class="SmartList1"><a name="1000424"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Original Luminance</span> uses the luminance of the clone source as the model for the color overlay. Light areas in the clone source produce more color in the image.</li>
  200.   <li class="SmartList1"><a name="1000426"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">[Alpha channel]</span> or <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">[Layer mask]</span> uses the values in the channel or layer mask as the model for the color overlay. More color is applied to the light areas of the channel or mask, and less to dark areas.</li>
  201. <p id="1000427" class="ToDoBody">
  202.   <a name="1000427"> </a>You can use this method only if you have a saved alpha channel or a layer mask in your image.
  203. </p>
  204. </ul>
  205. <h5 id="1000429" class="ToDoHead">
  206.   <a name="1000429"> </a>To create a color overlay
  207. </h5>
  208. <ol type="1">
  209.   <li class="SmartList1" value="1"><a name="1000430"> </a>Show the Colors and Papers palettes. </li>
  210.   <li class="SmartList1" value="2"><a name="1045934"> </a>Select a layer or area of the canvas.</li>
  211. <p id="1045935" class="ToDoBody">
  212.   <a name="1045935"> </a>If you want to apply the effect to the entire image, make sure there are no selections. 
  213. </p>
  214.   <li class="SmartList1" value="3"><a name="1000434"> </a>Choose a color from the Colors palette.</li>
  215. <p id="1000435" class="ToDoBody">
  216.   <a name="1000435"> </a>If you want to base the color on a paper grain, choose a paper texture on the Papers palette.
  217. </p>
  218.   <li class="SmartList1" value="4"><a name="1000436"> </a>Choose<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline"> </span><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Color Overlay</span>. </li>
  219.   <li class="SmartList1" value="5"><a name="1000446"> </a>In the Color Overlay dialog box, choose a method from the Using pop-up menu.</li>
  220.   <li class="SmartList1" value="6"><a name="1013495"> </a>Move the Opacity slider until the preview reflects the desired opacity.</li>
  221.   <li class="SmartList1" value="7"><a name="1013482"> </a>Enable any of the following options:</li>
  222. </ol>
  223.   <ul>
  224.     <li class="Bulleted2"><a name="1000447"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Dye Concentration</span> allows the paper to absorb the color.</li>
  225.     <li class="Bulleted2"><a name="1000448"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Hiding Power</span> allows the color to cover what's beneath it. </li>
  226.   </ul>
  227. <ol type="1">
  228.   <li class="SmartList1" value="8"><a name="1000452"> </a>When you're satisfied with the settings, click OK to apply the effect.</li>
  229. </ol>
  230. <h3 id="1000454" class="Heading2">
  231.   <a name="1000454"> </a>Dye Concentration
  232. </h3>
  233.  
  234. <p id="1000456" class="Body">
  235.   <a name="1000456"> </a>The Dye Concentration effect adjusts color intensity and adds surface texture by adjusting pigments. You can use this effect to lighten an underexposed photo or to darken an overexposed one.
  236. </p>
  237. <h5 id="1000465" class="ToDoHead">
  238.   <a name="1000465"> </a>To adjust the dye concentration
  239. </h5>
  240. <ol type="1">
  241.   <li class="SmartList1" value="1"><a name="1045940"> </a>Select a layer or area of the canvas.</li>
  242. <p id="1045941" class="ToDoBody">
  243.   <a name="1045941"> </a>If you want to apply the effect to the entire image, make sure there are no selections. 
  244. </p>
  245.   <li class="SmartList1" value="2"><a name="1000470"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Dye Concentration</span>. </li>
  246. <p id="1000471" class="ToDoBody">
  247.   <a name="1000471"> </a>The Adjust Dye Concentration dialog box is displayed. While the dialog box is open, the controls on the Papers palette can be adjusted.
  248. </p>
  249.   <li class="SmartList1" value="3"><a name="1000473"> </a>Choose a method from the Using pop-up menu:</li>
  250. </ol>
  251.   <ul>
  252.     <li class="Bulleted2"><a name="1000475"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Uniform Color</span> adjusts color based solely on Maximum slider values. The Minimum slider has no effect. Setting the Maximum slider above 100% increases color density. A value below 100% decreases it. </li>
  253.     <li class="Bulleted2"><a name="1000478"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Paper</span> adjusts color using the paper texture as a mapping model.</li>
  254.     <li class="Bulleted2"><a name="1000480"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Image Luminance</span> uses the image's brightness as the model for the color adjustment.</li>
  255.     <li class="Bulleted2"><a name="1000482"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Original Luminance</span> uses the luminance of the clone source as the model for the adjustment.</li>
  256.     <li class="Bulleted2"><a name="1000484"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">[Alpha channel]</span> or <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">[Layer mask]</span> uses the values in the alpha channel or layer mask as the model for the dye concentration adjustment. You can use this method only if you have a saved channel or a layer mask in your image.</li>
  257.   </ul>
  258. <ol type="1">
  259.   <li class="SmartList1" value="4"><a name="1000485"> </a>Adjust the Minimum and Maximum sliders as needed.</li>
  260. <p id="1000486" class="ToDoBody">
  261.   <a name="1000486"> </a>If you think of texture as peaks and valleys, the Maximum slider controls the amount of dye on the peaks and the Minimum slider controls the amount of dye in the valleys. You can set Maximum as high as 800%. 
  262. </p>
  263. <p id="1000487" class="ToDoBody">
  264.   <a name="1000487"> </a>The lower you set Minimum, which can be as low as 0%, the higher the contrast between peaks and valleys. The higher the Minimum slider, the flatter the paper appears.
  265. </p>
  266.   <li class="SmartList1" value="5"><a name="1000488"> </a>When you are satisfied with the settings, click OK to apply the effect.</li>
  267. </ol>
  268. <h3 id="1000490" class="Heading2">
  269.   <a name="1000490"> </a>Express Texture 
  270. </h3>
  271.  
  272. <p id="1000492" class="Body">
  273.   <a name="1000492"> </a>The Express Texture effect generates a high contrast version of an image in grayscale. With this feature, you can create a visual effect similar to a custom halftone screen, like a mezzotint or line screen. 
  274. </p>
  275. <p id="1000493" class="Body">
  276.   <a name="1000493"> </a>Express Texture is similar to Apply Screen with anti-aliasing built in.
  277. </p>
  278. <p id="1005540" class="AnchorGraphic">
  279.   <a name="1005540"> </a><div align="left"><img src="images/15-Effects50.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  280. </div>
  281. </p>
  282. <p id="1005541" class="Caption">
  283.   <a name="1005541"> </a><i>The Express Texture effect.
  284. </i></p>
  285. <h5 id="1000503" class="ToDoHead">
  286.   <a name="1000503"> </a>To apply express texture
  287. </h5>
  288. <ol type="1">
  289.   <li class="SmartList1" value="1"><a name="1045946"> </a>Select a layer or area of the canvas.</li>
  290. <p id="1045947" class="ToDoBody">
  291.   <a name="1045947"> </a>If you want to apply the effect to the entire image, make sure there are no selections. 
  292. </p>
  293.   <li class="SmartList1" value="2"><a name="1000508"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Express Texture</span>. </li>
  294.   <li class="SmartList1" value="3"><a name="1000509"> </a>In the Express Texture dialog box, choose a method from the Using pop-up menu.</li>
  295. <p id="1000511" class="ToDoBody">
  296.   <a name="1000511"> </a>You can base the effect on the current paper texture, a channel or layer mask, image luminance, or original luminance (clone source).
  297. </p>
  298.   <li class="SmartList1" value="4"><a name="1000512"> </a>Use the following guidelines to adjust the sliders:</li>
  299. </ol>
  300.   <ul>
  301.     <li class="Bulleted2"><a name="1000514"> </a>Gray Threshold determines where the threshold is, between pure black and pure white. </li>
  302.     <li class="Bulleted2"><a name="1000515"> </a>Grain determines how deeply the texture penetrates the surface. </li>
  303.     <li class="Bulleted2"><a name="1000516"> </a>Contrast determines how many levels of black and white there are. For example, low contrast generates pure gray, medium contrast produces levels of grayscale, building up to a high contrast black and white screen.</li>
  304.   </ul>
  305. <ol type="1">
  306.   <li class="SmartList1" value="5"><a name="1005558"> </a>Click OK to apply the effect.</li>
  307. </ol>
  308. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  309.   <tr valign="top">
  310.     <td>
  311.       <img src="images/ticon.gif" alt="Tips" width="16" height="16" />
  312.     </td>
  313.   </tr>
  314. </table><ul>
  315.   <li class="SmartList1"><a name="1041385"> </a>If you want to restore some of the original color to the image after applying this effect, choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Edit menu > Fade</span>. Fade restores some or all of the original colors.</li>
  316.   <li class="SmartList1"><a name="1041398"> </a>If you want to add a new set of colors, you can apply an express gradient to the image. On the Gradients palette, choose a gradient, click the palette menu arrow, and choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Express In Image</span>.</li>
  317. </ul>
  318. <h3 id="1000531" class="Heading2">
  319.   <a name="1000531"> </a>Image Warp
  320. </h3>
  321.  
  322. <p id="1000532" class="Body">
  323.   <a name="1000532"> </a>The Image Warp effect lets you distort the surface of an image as if it were a sheet of pliable film. You can make images look as though they're reflected in a fun house mirror.
  324. </p>
  325. <p id="1005577" class="AnchorGraphic">
  326.   <a name="1005577"> </a><div align="left"><img src="images/15-Effects52.jpg" height="127" width="216" border="0" hspace="0" vspace="0" />
  327. </div>
  328. </p>
  329. <p id="1013635" class="Caption">
  330.   <a name="1013635"> </a><i>Use the Image Warp effect to warp your image.
  331. </i></p>
  332. <p id="1013641" class="Body">
  333.   <a name="1013641"> </a>Your computer must have a math coprocessor to use the Image Warp effect.
  334. </p>
  335. <h5 id="1013644" class="ToDoHead">
  336.   <a name="1013644"> </a>To warp an image
  337. </h5>
  338. <ol type="1">
  339.   <li class="SmartList1" value="1"><a name="1045954"> </a>Select a layer or area of the canvas.</li>
  340. <p id="1045955" class="ToDoBody">
  341.   <a name="1045955"> </a>If you want to apply the effect to the entire image, make sure there are no selections. 
  342. </p>
  343.   <li class="SmartList1" value="2"><a name="1000551"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Image Warp</span>.<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline"> </span></li>
  344.   <li class="SmartList1" value="3"><a name="1000556"> </a> In the Image Warp dialog box, choose one of the following warp methods:</li>
  345. </ol>
  346.   <ul>
  347.     <li class="Bulleted2"><a name="1000558"> </a>Linear pulls the selected area as if you were pulling from the top of a cone. </li>
  348.     <li class="Bulleted2"><a name="1000560"> </a>Cubic pulls a flat surface outwards. </li>
  349.     <li class="Bulleted2"><a name="1000562"> </a>Sphere pulls a surface as if it were a lens.</li>
  350.   </ul>
  351. <ol type="1">
  352.   <li class="SmartList1" value="4"><a name="1013673"> </a>Adjust the Size slider. </li>
  353. <p id="1013674" class="ToDoBody">
  354.   <a name="1013674"> </a>This slider controls the size of the area affected by dragging the cursor. The higher the number, the smaller the affected area.
  355. </p>
  356.   <li class="SmartList1" value="5"><a name="1000563"> </a>In the preview window, drag to distort the image. </li>
  357. <p id="1013684" class="ToDoBody">
  358.   <a name="1013684"> </a>A circle displays as you drag, indicating the area affected. 
  359. </p>
  360.   <li class="SmartList1" value="6"><a name="1000564"> </a>When you are satisfied with the settings, click OK to apply the effect.</li>
  361. </ol>
  362. <h3 id="1000566" class="Heading2">
  363.   <a name="1000566"> </a>Quick Warp
  364. </h3>
  365.  
  366. <p id="1000567" class="Body">
  367.   <a name="1000567"> </a>The Quick Warp command lets you create some basic distortions, like stretch or bulge. These distortions are useful for preparing images for reflection maps when applying surface texture. For more information about surface texture and reflection maps, refer to <a href="15-Effects9.html#1012949">"Working with Reflection Maps"</a>. 
  368. </p>
  369. <p id="1013696" class="Body">
  370.   <a name="1013696"> </a>There are five types of distortions you can create using Quick Warp:
  371. </p>
  372. <ul>
  373.   <li class="SmartList1"><a name="1013697"> </a>Sphere warps the image spherically, like a reflection on a polished silver ball. Use the Power and Angle Factor sliders to intensify and twist the effect.</li>
  374. </ul>
  375. <p id="1047188" class="AnchorGraphic">
  376.   <a name="1047188"> </a><div align="left"><img src="images/15-Effectsa68.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  377. </div>
  378. </p>
  379. <p id="1047189" class="Caption">
  380.   <a name="1047189"> </a><i>An example of a Sphere distortion.
  381. </i></p>
  382. <ul>
  383.   <li class="SmartList1"><a name="1000588"> </a>Bump warps the center of the image toward you, making it appear convex. Use the Angle Factor slider to twist the effect.</li>
  384. </ul>
  385. <p id="1047198" class="AnchorGraphic">
  386.   <a name="1047198"> </a><div align="left"><img src="images/15-Effectsa67.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  387. </div>
  388. </p>
  389. <p id="1047199" class="Caption">
  390.   <a name="1047199"> </a><i>An example of a Bump distortion.
  391. </i></p>
  392. <ul>
  393.   <li class="SmartList1"><a name="1000590"> </a>Valley warps the center of the image away from you, making it appear concave. Use the Angle Factor slider to twist the effect.</li>
  394.   <li class="SmartList1"><a name="1000592"> </a>Swirl distorts the image in a spiral. The Angle Factor slider controls how many times the image spirals. </li>
  395.   <li class="SmartList1"><a name="1000594"> </a>Ripple distorts the image in concentric rings, like the rings created when you drop a stone into a pool of water. Use the Power and Angle Factor sliders to intensify and twist the effect.</li>
  396. </ul>
  397. <h5 id="1000605" class="ToDoHead">
  398.   <a name="1000605"> </a>To apply Quick Warp effects
  399. </h5>
  400. <ol type="1">
  401.   <li class="SmartList1" value="1"><a name="1000606"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Quick Warp</span>. </li>
  402.   <li class="SmartList1" value="2"><a name="1000616"> </a>In the Quick Warp dialog box, enable a warp method.</li>
  403.   <li class="SmartList1" value="3"><a name="1000617"> </a>Adjust the<span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline"> </span>Power and Angle Factor sliders to control the warp effects. </li>
  404.   <li class="SmartList1" value="4"><a name="1000618"> </a>When you are satisfied with the settings, click OK to apply the effect.</li>
  405. </ol>
  406. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  407.   <tr valign="top">
  408.     <td>
  409.       <img src="images/nicon.gif" alt="Note" width="16" height="16" />
  410.     </td>
  411.   </tr>
  412. </table><ul>
  413.   <li class="SmartList1"><a name="1041417"> </a>Quick Warp applies to the entire canvas-not to selections or layers.</li>
  414. </ul>
  415. <h3 id="1003070" class="Heading2">
  416.   <a name="1003070"> </a>Woodcut
  417. </h3>
  418.  
  419. <p id="1003129" class="Body">
  420.   <a name="1003129"> </a>The Woodcut effect is useful for creating woodcut or linoleum block prints of photographs. You can save preset Woodcut effects to apply to other photographs or paintings.
  421. </p>
  422. <p id="1007491" class="AnchorGraphic">
  423.   <a name="1007491"> </a><div align="left"><img src="images/15-Effectsa7.jpg" height="240" width="216" border="0" hspace="0" vspace="0" />
  424. </div>
  425. </p>
  426. <p id="1007492" class="Caption">
  427.   <a name="1007492"> </a><i>The Woodcut effect.
  428. </i></p>
  429. <h5 id="1003071" class="ToDoHead">
  430.   <a name="1003071"> </a>To apply woodcut effects
  431. </h5>
  432. <ol type="1">
  433.   <li class="SmartList1" value="1"><a name="1003074"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Woodcut</span>. </li>
  434.   <li class="SmartList1" value="2"><a name="1003072"> </a>In the Woodcut dialog box, enable any of the following check boxes:</li>
  435. </ol>
  436.   <ul>
  437.     <li class="Bulleted2"><a name="1003268"> </a>Output Black-output the black part of the effect. Disable this option if you want to output in color only.</li>
  438.     <li class="Bulleted2"><a name="1003277"> </a>Output Color-output the color part of the effect. Disable this option if you want to output in black and white only.</li>
  439.   </ul>
  440. <ol type="1">
  441.   <li class="SmartList1" value="3"><a name="1003091"> </a>Use the following guidelines to adjust the sliders:</li>
  442. </ol>
  443.   <ul>
  444.     <li class="Bulleted2"><a name="1003223"> </a>Black Edge determines the detail of the black edge. Larger values produce thick, black edges around objects. Smaller values produce more intricate edges.</li>
  445.     <li class="Bulleted2"><a name="1003217"> </a>Erosion Time determines the number of erosion iterations performed on the black edge. The higher the erosion, the simpler the edge. </li>
  446.     <li class="Bulleted2"><a name="1003218"> </a>Erosion Edge controls the amount of smoothing on the black edge. Larger values produce a rounded appearance to the black edge. </li>
  447.     <li class="Bulleted2"><a name="1003249"> </a>Heaviness determines the amount of black in the final image. </li>
  448.   </ul>
  449. <ol type="1">
  450.   <li class="SmartList1" value="4"><a name="1003264"> </a>Enable one of the following options:</li>
  451. </ol>
  452.   <ul>
  453.     <li class="Bulleted2"><a name="1003095"> </a>Auto Color-automatically compute the color set from the original image's colors.</li>
  454.     <li class="Bulleted2"><a name="1003096"> </a>Use Color Set-use a pre-defined color set.</li>
  455.   </ul>
  456. <ol type="1">
  457.   <li class="SmartList1" value="5"><a name="1003170"> </a>Adjust the N Colors (number of colors) and Color Edge sliders.</li>
  458.   <li class="SmartList1" value="6"><a name="1003187"> </a>When you are satisfied with the settings, click OK to apply the effect.</li>
  459. </ol>
  460. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  461.   <tr valign="top">
  462.     <td>
  463.       <img src="images/nicon.gif" alt="Note" width="16" height="16" />
  464.     </td>
  465.   </tr>
  466. </table><ul>
  467.   <li class="SmartList1"><a name="1041421"> </a>You can adjust the number of colors only if you have enabled the Auto Color option.</li>
  468. </ul>
  469. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  470.   <tr valign="top">
  471.     <td>
  472.       <img src="images/ticon.gif" alt="Tips" width="16" height="16" />
  473.     </td>
  474.   </tr>
  475. </table><ul>
  476.   <li class="SmartList1"><a name="1041428"> </a>You can change the colors in a color set by clicking a color and then clicking a new color on the Color Sets palette. </li>
  477.   <li class="SmartList1"><a name="1013886"> </a>You can save a woodcut effect as a preset by clicking Save in the Woodcut dialog box and specifying a preset name in the Save Preset dialog box.</li>
  478. </ul>
  479. <h3 id="1003302" class="Heading2">
  480.   <a name="1003302"> </a>Distress
  481. </h3>
  482.  
  483. <p id="1003369" class="Body">
  484.   <a name="1003369"> </a>The Distress effect can be used on images and text. You can base the effect upon the currently selected paper or pattern.
  485. </p>
  486. <p id="1007503" class="AnchorGraphic">
  487.   <a name="1007503"> </a><div align="left"><img src="images/15-Effects17.jpg" height="240" width="216" border="0" hspace="0" vspace="0" />
  488. </div>
  489. </p>
  490. <p id="1007504" class="Caption">
  491.   <a name="1007504"> </a><i>The Distress effect.
  492. </i></p>
  493. <h5 id="1003128" class="ToDoHead">
  494.   <a name="1003128"> </a>To apply distress effects
  495. </h5>
  496. <ol type="1">
  497.   <li class="SmartList1" value="1"><a name="1003158"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Distress</span>. </li>
  498.   <li class="SmartList1" value="2"><a name="1003159"> </a>In the Distress dialog box, adjust any of the following sliders:</li>
  499. </ol>
  500.   <ul>
  501.     <li class="Bulleted2"><a name="1003207"> </a>Edge Size determines the size of the edge enhancement.</li>
  502.     <li class="Bulleted2"><a name="1003208"> </a>Edge Amount determines the amount of edge enhancement. </li>
  503.     <li class="Bulleted2"><a name="1003209"> </a>Smoothing determines the roundness of the edge between black and white.</li>
  504.     <li class="Bulleted2"><a name="1003210"> </a>Variance determines the amount of grain added to the edge.</li>
  505.     <li class="Bulleted2"><a name="1003211"> </a>Threshold determines how much black is in the image.</li>
  506.   </ul>
  507. <ol type="1">
  508.   <li class="SmartList1" value="3"><a name="1003193"> </a>Choose a method from the Using pop-up menu.</li>
  509. <p id="1003194" class="ToDoBody">
  510.   <a name="1003194"> </a>You can base the effect on the current paper grain or the original luminance (clone source).
  511. </p>
  512.   <li class="SmartList1" value="4"><a name="1003186"> </a>When you are satisfied with the settings, click OK to apply the effect.</li>
  513. </ol>
  514. <h3 id="1003327" class="Heading2">
  515.   <a name="1003327"> </a>Serigraphy
  516. </h3>
  517.  
  518. <p id="1004229" class="Body">
  519.   <a name="1004229"> </a>The Serigraphy effect is useful for using photographs to generate images that appear to be silk-screened or woodblock cuts. Each color reduction is saved as a separate layer, enabling you to edit the layer individually after the effect has been applied.
  520. </p>
  521. <p id="1007509" class="AnchorGraphic">
  522.   <a name="1007509"> </a><div align="left"><img src="images/15-Effects19.jpg" height="240" width="216" border="0" hspace="0" vspace="0" />
  523. </div>
  524. </p>
  525. <p id="1007510" class="Caption">
  526.   <a name="1007510"> </a><i>The Serigraphy effect.
  527. </i></p>
  528. <h5 id="1003328" class="ToDoHead">
  529.   <a name="1003328"> </a>To apply serigraphy effects
  530. </h5>
  531. <ol type="1">
  532.   <li class="SmartList1" value="1"><a name="1003331"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Serigraphy</span><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">.</span> </li>
  533.   <li class="SmartList1" value="2"><a name="1003332"> </a>In the Spot color dialog box, adjust any of the following sliders:</li>
  534. </ol>
  535.   <ul>
  536.     <li class="Bulleted2"><a name="1003340"> </a>Smoothing determines the smoothness of the black edge.</li>
  537.     <li class="Bulleted2"><a name="1003341"> </a>Threshold determines the total amount of color difference from the center color. </li>
  538.     <li class="Bulleted2"><a name="1003342"> </a>Dist Weighting determines the amount of color distance from the center color.</li>
  539.     <li class="Bulleted2"><a name="1003343"> </a>Hue Weighting determines how much hue contributes to the effect. </li>
  540.     <li class="Bulleted2"><a name="1003344"> </a>Sat Weighting determines how much saturation contributes to the effect. </li>
  541.     <li class="Bulleted2"><a name="1003345"> </a>Lum Weighting determines how much luminance contributes to the effect. </li>
  542.   </ul>
  543. <ol type="1">
  544.   <li class="SmartList1" value="3"><a name="1003347"> </a>Click Match Color, and choose a color from the Color Picker. </li>
  545. <p id="1013952" class="ToDoBody">
  546.   <a name="1013952"> </a>This is the center color-the color upon which the effect will be based. 
  547. </p>
  548.   <li class="SmartList1" value="4"><a name="1003349"> </a>Click Fill Color, and choose a color from the Color Picker.</li>
  549. <p id="1013966" class="ToDoBody">
  550.   <a name="1013966"> </a>This color is used on the new layer. 
  551. </p>
  552.   <li class="SmartList1" value="5"><a name="1004279"> </a>Click Create Serigraphy Layer. </li>
  553.   <li class="SmartList1" value="6"><a name="1005783"> </a>When you are satisfied with the results, click Done.</li>
  554. </ol>
  555. <table border="0" width="90%" cellpadding="5" cellspacing="0">
  556.   <tr valign="top">
  557.     <td>
  558.       <img src="images/ticon.gif" alt="Tip" width="16" height="16" />
  559.     </td>
  560.   </tr>
  561. </table><ul>
  562.   <li class="SmartList1"><a name="1041446"> </a>You can also specify Match and Fill Colors by clicking a color in the image. </li>
  563. </ul>
  564. <h3 id="1013985" class="Heading2">
  565.   <a name="1013985"> </a>Sketch
  566. </h3>
  567.  
  568. <p id="1005792" class="Body">
  569.   <a name="1005792"> </a>You can use the Sketch effect to convert an image to a black and white pencil sketch. 
  570. </p>
  571. <p id="1014005" class="AnchorGraphic">
  572.   <a name="1014005"> </a><div align="left"><img src="images/15-Effectsa51.jpg" height="163" width="216" border="0" hspace="0" vspace="0" />
  573. </div>
  574. </p>
  575. <p id="1016027" class="Caption">
  576.   <a name="1016027"> </a><i>The Sketch effect
  577. </i></p>
  578. <h5 id="1016035" class="ToDoHead">
  579.   <a name="1016035"> </a>To apply the sketch effect
  580. </h5>
  581. <ol type="1">
  582.   <li class="SmartList1" value="1"><a name="1045960"> </a>Select a layer or area of the canvas.</li>
  583. <p id="1045961" class="ToDoBody">
  584.   <a name="1045961"> </a>If you want to apply the effect to the entire image, make sure there are no selections. 
  585. </p>
  586.   <li class="SmartList1" value="2"><a name="1014003"> </a>Choose <span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Surface Control > Sketch</span>.</li>
  587.   <li class="SmartList1" value="3"><a name="1014023"> </a>In the Sketch dialog box, adjust any of the following sliders:</li>
  588. </ol>
  589.   <ul>
  590.     <li class="Bulleted2"><a name="1014024"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Sensitivity</span>-determines sensitivity to detail. Low values detect only the main edges. High values detect the main edges as well as thin lines, such as the lines around a person's eyes. </li>
  591.     <li class="Bulleted2"><a name="1014025"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Smoothing</span>-determines how much noise is filtered out. Higher values result in wider, lighter, and more blurry lines.</li>
  592.     <li class="Bulleted2"><a name="1014026"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Grain</span>-determines how much of the paper grain is revealed in the sketch marks. Drag this slider to the right to show more of the paper grain.</li>
  593.     <li class="Bulleted2"><a name="1014108"> </a><span style="color: #000000;  font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Threshold</span>-the Threshold High and Threshold Low settings are used to remove noise after edge detection. Threshold High is used to flag light pixels which may be just noise in the image. Threshold Low is used to test surrounding pixels.</li>
  594. <p id="1014029" class="ToDoBody">
  595.   <a name="1014029"> </a>If you want to save your settings as a preset, click Save and specify a preset name in the Save Preset dialog box.
  596. </p>
  597.   </ul>
  598.   </blockquote>
  599.  
  600.  
  601. <table border="0">
  602.       <tr>
  603.         <td width="23">
  604. <a href="15-Effects9.html">
  605.       <img alt="Previous Document" border="0" src="images/prev.gif" width="23" height="21" />
  606.     </a>
  607.         </td>
  608.         <td width="23">
  609. <a href="15-Effects11.html">
  610.       <img alt="Next Document" border="0" src="images/next.gif" width="23" height="21" />
  611.     </a>
  612.         </td>
  613.       <td width="23" >
  614.           <a href="#pagetop">
  615.             <img SRC="images/BtnBacktoTop.gif" ALT="Back to Top" border="0" height="21" width="23" />
  616.           </a>
  617.       </td>
  618.       </tr>
  619.     </table>
  620.  
  621.    <div id="WWHelpPopupDIV" style="position: absolute ; z-index: 1 ; visibility: hidden ; top: 0px ; left: 0px">
  622.     <script type="text/javascript" language="JavaScript">
  623.      <!--
  624.       if ((parent != null) &&
  625.           (parent.WWHelpFrameSet != null))
  626.       {
  627.         if (document.all != null)  // Non-Netscape browser
  628.         {
  629.           document.writeln(parent.WWHelpFrameSet.mPopup.fFormat("Popup"));
  630.         }
  631.       }
  632.      // -->
  633.     </script>
  634.    </div>
  635.   </body>
  636. </html>
  637.