home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / script-fu-perspective-shadow.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  17.3 KB  |  417 lines

  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>7.8.¬† Perspective</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="filters-light-and-shadow.html" title="7.¬† Light and Shadow Filters" />
  14.     <link rel="prev" href="script-fu-drop-shadow.html" title="7.7.¬† Drop Shadow" />
  15.     <link rel="next" href="script-fu-xach-effect.html" title="7.9.¬† Xach-Effect" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">7.8.¬†
  22.     <span lang="en" xml:lang="en">Perspective</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="script-fu-drop-shadow.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">7.¬†
  28.     <span lang="en" xml:lang="en">Light and Shadow Filters</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="script-fu-xach-effect.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect2" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h3 class="title"><a id="script-fu-perspective-shadow"></a>7.8.¬†
  40.     <span lang="en" xml:lang="en">Perspective</span>
  41.   </h3>
  42.           </div>
  43.           <div>
  44.             <div class="revhistory">
  45.               <table border="1" width="100%" summary="Revision history">
  46.                 <tr>
  47.                   <th align="left" valign="top" colspan="3">
  48.                     <b>Revision History</b>
  49.                   </th>
  50.                 </tr>
  51.                 <tr>
  52.                   <td align="left">Revision $Revision: 2357 $</td>
  53.                   <td align="left">2007-10-06</td>
  54.                   <td align="left">ude</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2745906" class="indexterm"></a>
  62.       <a id="id2745924" class="indexterm"></a>
  63.       <div class="sect3" lang="en" xml:lang="en">
  64.         <div class="titlepage">
  65.           <div>
  66.             <div>
  67.               <h4 class="title"><a id="id2745932"></a>7.8.1.¬†
  68.       <span lang="en" xml:lang="en">Overview</span>
  69.     </h4>
  70.             </div>
  71.           </div>
  72.         </div>
  73.         <div class="figure">
  74.           <a id="id2745943"></a>
  75.           <p class="title">
  76.             <b>Figure¬†16.88.¬†
  77.         <span lang="en" xml:lang="en">
  78.           Example for the ‚Äú<span class="quote">Perspective</span>‚Äù filter
  79.         </span>
  80.       </b>
  81.           </p>
  82.           <div class="figure-contents">
  83.             <div class="mediaobject">
  84.               <img src="../images/filters/examples/perspective-shadow-orig.jpg" alt="Example for the Perspective filter" />
  85.               <div class="caption">
  86.                 <p>Original image</p>
  87.               </div>
  88.             </div>
  89.             <div class="mediaobject">
  90.               <img src="../images/filters/examples/perspective-shadow-applied.jpg" alt="Example for the Perspective filter" />
  91.               <div class="caption">
  92.                 <p>‚Äú<span class="quote">Perspective</span>‚Äù applied</p>
  93.               </div>
  94.             </div>
  95.           </div>
  96.         </div>
  97.         <br class="figure-break" />
  98.         <p>
  99.       This filter adds a perspective shadow to the selected region or
  100.       alpha-channel as a layer below the active layer. You may select
  101.       color, length and direction of the shadow as well as the distance of
  102.       the horizon.
  103.     </p>
  104.         <p>
  105.       If necessary, the filter may resize the image. But it will not add a
  106.       background to make the shadow visible.
  107.     </p>
  108.       </div>
  109.       <div class="sect3" lang="en" xml:lang="en">
  110.         <div class="titlepage">
  111.           <div>
  112.             <div>
  113.               <h4 class="title"><a id="id2746026"></a>7.8.2.¬†
  114.       <span lang="en" xml:lang="en">Activate the filter</span>
  115.     </h4>
  116.             </div>
  117.           </div>
  118.         </div>
  119.         <p>
  120.       You can access this filter in the image window menu through
  121.       <span class="guimenu"><span class="accel">F</span>ilters</span> ‚Üí <span class="guisubmenu"><span class="accel">L</span>ight and Shadow</span> ‚Üí <span class="guimenuitem"><span class="accel">P</span>erspective</span>.
  122.     </p>
  123.       </div>
  124.       <div class="sect3" lang="en" xml:lang="en">
  125.         <div class="titlepage">
  126.           <div>
  127.             <div>
  128.               <h4 class="title"><a id="id2746076"></a>7.8.3.¬†
  129.       <span lang="en" xml:lang="en">Options</span>
  130.     </h4>
  131.             </div>
  132.           </div>
  133.         </div>
  134.         <div class="figure">
  135.           <a id="id2746087"></a>
  136.           <p class="title">
  137.             <b>Figure¬†16.89.¬†
  138.         <span lang="en" xml:lang="en">‚Äú<span class="quote">Perspective</span>‚Äù options</span>
  139.       </b>
  140.           </p>
  141.           <div class="figure-contents">
  142.             <div class="mediaobject">
  143.               <img src="../images/filters/options-light-perspective-shadow.png" alt="Perspective options" />
  144.             </div>
  145.           </div>
  146.         </div>
  147.         <br class="figure-break" />
  148.         <div class="variablelist">
  149.           <dl>
  150.             <dt>
  151.               <span class="term">Angle</span>
  152.             </dt>
  153.             <dd>
  154.               <p>
  155.             The angle determines the direction of the shadow or the imaginary
  156.             source of light, respectively. Values range from 0¬∞ to 180¬∞,
  157.             where 90¬∞ represents a light source just in front of the selection
  158.             or layer. For angles less than 90¬∞, the shadow is at the right
  159.             side, so the light source is on the left. For angles greater than
  160.             90¬∞, it's the other way round. Tip: think of the slider's handle
  161.             as source of light.
  162.           </p>
  163.               <div class="figure">
  164.                 <a id="id2746151"></a>
  165.                 <p class="title">
  166.                   <b>Figure¬†16.90.¬†
  167.               <span lang="en" xml:lang="en">‚Äú<span class="quote">Angle</span>‚Äù example</span>
  168.             </b>
  169.                 </p>
  170.                 <div class="figure-contents">
  171.                   <div class="mediaobject">
  172.                     <img src="../images/filters/examples/perspective-shadow-angle15.png" alt="Angle example" />
  173.                     <div class="caption">
  174.                       <p>Angle 15¬∞</p>
  175.                     </div>
  176.                   </div>
  177.                   <div class="mediaobject">
  178.                     <img src="../images/filters/examples/perspective-shadow-default.png" alt="Angle example" />
  179.                     <div class="caption">
  180.                       <p>Angle 45¬∞ (default)</p>
  181.                     </div>
  182.                   </div>
  183.                   <div class="mediaobject">
  184.                     <img src="../images/filters/examples/perspective-shadow-angle105.png" alt="Angle example" />
  185.                     <div class="caption">
  186.                       <p>Angle 105¬∞ (90¬∞ + 15¬∞)</p>
  187.                     </div>
  188.                   </div>
  189.                 </div>
  190.               </div>
  191.               <br class="figure-break" />
  192.             </dd>
  193.             <dt>
  194.               <span class="term">Relative distance of horizon</span>
  195.             </dt>
  196.             <dd>
  197.               <p>
  198.             This option determines how far away the imaginary horizon is. The
  199.             <span class="guilabel">relative distance</span> is the distance from the
  200.             ground-line of the selection or layer, the ‚Äú<span class="quote">unit</span>‚Äù of
  201.             measurement is the height of the selection or layer.
  202.           </p>
  203.               <p>
  204.             Value range is from 0.1 to 24.1, where 24.1 means (nearly)
  205.             ‚Äú<span class="quote">infinite</span>‚Äù. Note that the <span class="guilabel">relative length
  206.             of shadow</span> must not exceed the distance of horizon.
  207.           </p>
  208.               <div class="figure">
  209.                 <a id="id2746284"></a>
  210.                 <p class="title">
  211.                   <b>Figure¬†16.91.¬†
  212.               <span lang="en" xml:lang="en">
  213.                 ‚Äú<span class="quote">Distance of horizon</span>‚Äù example
  214.               </span>
  215.             </b>
  216.                 </p>
  217.                 <div class="figure-contents">
  218.                   <div class="mediaobject">
  219.                     <img src="../images/filters/examples/perspective-shadow-distance.png" alt="Distance of horizon example" />
  220.                     <div class="caption">
  221.                       <p>
  222.                   Angle = 45¬∞. Distance = 2.4. Length = 1.8.
  223.                 </p>
  224.                     </div>
  225.                   </div>
  226.                 </div>
  227.               </div>
  228.               <br class="figure-break" />
  229.               <p>
  230.             In the example above, the yellow area is the selection the filter
  231.             is applied to. The blue line at the top represents the imaginary
  232.             horizon. The angle between the selection's ground-line and the red
  233.             line is 45¬∞. The length of the red line is 1.8 times the height of
  234.             the yellow selection. Extended to the horizon, the length is 2.4
  235.             times the selection's height.
  236.           </p>
  237.             </dd>
  238.             <dt>
  239.               <span class="term">Relative length of shadow</span>
  240.             </dt>
  241.             <dd>
  242.               <p>
  243.             With this option you can set the length of shadow with respect to
  244.             the height of the selection or layer. In the above example, the
  245.             red line represents the length of shadow, its length is 1.8
  246.             relative to the height of the yellow selection.
  247.           </p>
  248.               <p>
  249.             Value range is from 0.1 to 24.1, although the length of shadow
  250.             must not exceed the <span class="guilabel">relative distance of
  251.             horizon</span> - you can't go beyond the horizon.
  252.           </p>
  253.               <div class="figure">
  254.                 <a id="id2746383"></a>
  255.                 <p class="title">
  256.                   <b>Figure¬†16.92.¬†
  257.               <span lang="en" xml:lang="en">‚Äú<span class="quote">Length of Shadow</span>‚Äù example</span>
  258.             </b>
  259.                 </p>
  260.                 <div class="figure-contents">
  261.                   <div class="mediaobject">
  262.                     <img src="../images/filters/examples/perspective-shadow-default.png" alt="Length of Shadow example" />
  263.                     <div class="caption">
  264.                       <p>Length = 1.0 (default)</p>
  265.                     </div>
  266.                   </div>
  267.                   <div class="mediaobject">
  268.                     <img src="../images/filters/examples/perspective-shadow-length15.png" alt="Length of Shadow example" />
  269.                     <div class="caption">
  270.                       <p>Length = 1.5</p>
  271.                     </div>
  272.                   </div>
  273.                 </div>
  274.               </div>
  275.               <br class="figure-break" />
  276.             </dd>
  277.             <dt>
  278.               <span class="term">Blur radius</span>
  279.             </dt>
  280.             <dd>
  281.               <p>
  282.             After creating the shadow, a <a class="link" href="plug-in-gauss.html" title="2.3.¬† Gaussian Blur">Gaussian blur</a> with the specified
  283.             radius is applied to the shadow layer, resulting in the realistic
  284.             appearance of the shadow.
  285.           </p>
  286.               <div class="figure">
  287.                 <a id="id2746472"></a>
  288.                 <p class="title">
  289.                   <b>Figure¬†16.93.¬†
  290.               <span lang="en" xml:lang="en">Blur example</span>
  291.             </b>
  292.                 </p>
  293.                 <div class="figure-contents">
  294.                   <div class="mediaobject">
  295.                     <img src="../images/filters/examples/perspective-shadow-default.png" alt="Blur example" />
  296.                     <div class="caption">
  297.                       <p>Blur radius = 3 (default)</p>
  298.                     </div>
  299.                   </div>
  300.                   <div class="mediaobject">
  301.                     <img src="../images/filters/examples/perspective-shadow-noblur.png" alt="Blur example" />
  302.                     <div class="caption">
  303.                       <p>Without blur (blur radius = 0)</p>
  304.                     </div>
  305.                   </div>
  306.                 </div>
  307.               </div>
  308.               <br class="figure-break" />
  309.             </dd>
  310.             <dt>
  311.               <span class="term">Color</span>
  312.             </dt>
  313.             <dd>
  314.               <p>
  315.             Of course, the default color of the shadow is black. But a click
  316.             on the button opens the the color selector, where you may select
  317.             any other color.
  318.           </p>
  319.             </dd>
  320.             <dt>
  321.               <span class="term">Opacity</span>
  322.             </dt>
  323.             <dd>
  324.               <p>
  325.             The shadow's opacity is the opacity of the new layer containing
  326.             the shadow (see <a class="xref" href="gimp-image-combining.html#gimp-layer-properties" title="1.1.¬† Layer Properties">Section¬†1.1, ‚Äú
  327.       <span lang="en" xml:lang="en">Layer Properties</span>
  328.     ‚Äù</a>). It
  329.             defaults to 80%, but you may select any other value from 0 (full
  330.             transparency) to 100 (full opacity) here. After applying the
  331.             filter to an image you can change the opacity in the <a class="link" href="gimp-dialogs-structure.html#gimp-layer-dialog" title="2.1.¬† Layers Dialog">layers dialog</a>.
  332.           </p>
  333.             </dd>
  334.             <dt>
  335.               <span class="term">Interpolation</span>
  336.             </dt>
  337.             <dd>
  338.               <p>
  339.             This drop-down list lets you choose the method of <a class="link" href="glossary.html#glossary-interpolation" title="Interpolation">interpolation</a> used when
  340.             the shadow layer is transformed, for example rotated by the
  341.             specified angle. Using <span class="guilabel">None</span> will usually
  342.             result in aliasing, using any interpolation method may change the
  343.             color of the shadow in some areas. <span class="guilabel">Linear</span> is
  344.             a good choice.
  345.           </p>
  346.             </dd>
  347.             <dt>
  348.               <span class="term">Allow resizing</span>
  349.             </dt>
  350.             <dd>
  351.               <p>
  352.             If enabled, the filter will resize the image if that is needed to
  353.             make place for the shadow.
  354.           </p>
  355.               <p>
  356.             In the example below, the yellow area is the active selection,
  357.             backgound is light blue. The white area has been added after
  358.             resizing to make the shadow visible.
  359.           </p>
  360.               <div class="figure">
  361.                 <a id="id2746659"></a>
  362.                 <p class="title">
  363.                   <b>Figure¬†16.94.¬†
  364.               <span lang="en" xml:lang="en">‚Äú<span class="quote">Allow resizing</span>‚Äù example</span>
  365.             </b>
  366.                 </p>
  367.                 <div class="figure-contents">
  368.                   <div class="mediaobject">
  369.                     <img src="../images/filters/examples/perspective-shadow-resize.png" alt="Allow resizing example" />
  370.                     <div class="caption">
  371.                       <p>Allow resizing</p>
  372.                     </div>
  373.                   </div>
  374.                   <div class="mediaobject">
  375.                     <img src="../images/filters/examples/perspective-shadow-noresize.png" alt="Allow resizing example" />
  376.                     <div class="caption">
  377.                       <p>Don't allow resizing</p>
  378.                     </div>
  379.                   </div>
  380.                 </div>
  381.               </div>
  382.               <br class="figure-break" />
  383.             </dd>
  384.           </dl>
  385.         </div>
  386.       </div>
  387.     </div>
  388.     <div class="navfooter">
  389.       <hr />
  390.       <table width="100%" summary="Navigation footer">
  391.         <tr>
  392.           <td width="40%" align="left"><a accesskey="p" href="script-fu-drop-shadow.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  393.           <td width="20%" align="center">
  394.             <a accesskey="u" href="filters-light-and-shadow.html">
  395.               <img src="../images/up.png" alt="Up" />
  396.             </a>
  397.           </td>
  398.           <td width="40%" align="right">¬†<a accesskey="n" href="script-fu-xach-effect.html"><img src="../images/next.png" alt="Next" /></a></td>
  399.         </tr>
  400.         <tr>
  401.           <td width="40%" align="left" valign="top"><a accesskey="p" href="script-fu-drop-shadow.html">7.7.¬†
  402.     <span lang="en" xml:lang="en">Drop Shadow</span>
  403.   </a>¬†</td>
  404.           <td width="20%" align="center">
  405.             <a accesskey="h" href="index.html">
  406.               <img src="../images/home.png" alt="Home" />
  407.             </a>
  408.           </td>
  409.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="script-fu-xach-effect.html">7.9.¬†
  410.     <span lang="en" xml:lang="en">Xach-Effect</span>
  411.   </a></td>
  412.         </tr>
  413.       </table>
  414.     </div>
  415.   </body>
  416. </html>
  417.