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-drop-shadow.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  10.8 KB  |  272 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.7.¬† Drop Shadow</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="plug-in-nova.html" title="7.6.¬† Supernova" />
  15.     <link rel="next" href="script-fu-perspective-shadow.html" title="7.8.¬† Perspective" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">7.7.¬†
  22.     <span lang="en" xml:lang="en">Drop Shadow</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="plug-in-nova.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-perspective-shadow.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-drop-shadow"></a>7.7.¬†
  40.     <span lang="en" xml:lang="en">Drop Shadow</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: 2342 $</td>
  53.                   <td align="left">2007-09-27</td>
  54.                   <td align="left">ude</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2745442" class="indexterm"></a>
  62.       <a id="id2745460" 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="id2745469"></a>7.7.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="id2745480"></a>
  75.           <p class="title">
  76.             <b>Figure¬†16.85.¬†
  77.         <span lang="en" xml:lang="en">
  78.           Example for the ‚Äú<span class="quote">Drop Shadow</span>‚Äù filter
  79.         </span>
  80.       </b>
  81.           </p>
  82.           <div class="figure-contents">
  83.             <div class="mediaobject">
  84.               <img src="../images/filters/examples/taj_orig.jpg" alt="Example for the Drop Shadow filter" />
  85.               <div class="caption">
  86.                 <p>Original image</p>
  87.               </div>
  88.             </div>
  89.             <div class="mediaobject">
  90.               <img src="../images/filters/examples/light-taj-drop-shadow.jpg" alt="Example for the Drop Shadow filter" />
  91.               <div class="caption">
  92.                 <p>
  93.             ‚Äú<span class="quote">Drop Shadow</span>‚Äù applied
  94.             (white background layer added manually)
  95.           </p>
  96.               </div>
  97.             </div>
  98.           </div>
  99.         </div>
  100.         <br class="figure-break" />
  101.         <p>
  102.       This filter adds a drop-shadow to the current selection or to the image
  103.       if there's no active selection. Optional the filter resizes the image if
  104.       that's necessary for displaying the shadow.
  105.     </p>
  106.         <p>
  107.       You may choose the color, position, and size of the shadow.
  108.     </p>
  109.         <p>
  110.       Please note that the filter does not add a background layer to make the
  111.       shadow visible. The shadow's background is transparent. The white
  112.       background in the above example has not been created by the filter,
  113.       instead it has been added later to let you see the shadow.
  114.     </p>
  115.       </div>
  116.       <div class="sect3" lang="en" xml:lang="en">
  117.         <div class="titlepage">
  118.           <div>
  119.             <div>
  120.               <h4 class="title"><a id="id2745573"></a>7.7.2.¬†
  121.       <span lang="en" xml:lang="en">Activate the filter</span>
  122.     </h4>
  123.             </div>
  124.           </div>
  125.         </div>
  126.         <p>
  127.       You can find this filter in the image menu menu through
  128.       <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">D</span>rop Shadow</span>.
  129.     </p>
  130.       </div>
  131.       <div class="sect3" lang="en" xml:lang="en">
  132.         <div class="titlepage">
  133.           <div>
  134.             <div>
  135.               <h4 class="title"><a id="id2745623"></a>7.7.3.¬†
  136.       <span lang="en" xml:lang="en">Options</span>
  137.     </h4>
  138.             </div>
  139.           </div>
  140.         </div>
  141.         <div class="figure">
  142.           <a id="id2745634"></a>
  143.           <p class="title">
  144.             <b>Figure¬†16.86.¬†
  145.         <span lang="en" xml:lang="en">‚Äú<span class="quote">Drop Shadow</span>‚Äù filter options</span>
  146.       </b>
  147.           </p>
  148.           <div class="figure-contents">
  149.             <div class="mediaobject">
  150.               <img src="../images/filters/options-light-drop-shadow.png" alt="Drop Shadow filter options" />
  151.             </div>
  152.           </div>
  153.         </div>
  154.         <br class="figure-break" />
  155.         <div class="variablelist">
  156.           <dl>
  157.             <dt>
  158.               <span class="term">Offset X; Offset Y</span>
  159.             </dt>
  160.             <dd>
  161.               <p>
  162.             The layer containing the drop shadow will be moved horizontally
  163.             by X pixels, vertically by Y pixels. So, X and Y offset
  164.             determine where the shadow will be placed in relation to the
  165.             image. High values make the imaginary source of light look like
  166.             it's far away in horizontal or vertical direction, and low
  167.             values will make it look closer to the image.
  168.           </p>
  169.               <p>
  170.             The offsets may be negative, leading to a shadow on the left of
  171.             the selection if offset X < 0, or above the selection if offset
  172.             Y < 0.
  173.           </p>
  174.               <p>
  175.             If there's no active selection, you must have <span class="guilabel">Allow
  176.             resizing</span> enabled to see any effect.
  177.           </p>
  178.             </dd>
  179.             <dt>
  180.               <span class="term">Blur radius</span>
  181.             </dt>
  182.             <dd>
  183.               <p>
  184.             After creating the shadow, a <a class="link" href="plug-in-gauss.html" title="2.3.¬† Gaussian Blur">Gaussian blur</a> with the specified
  185.             radius is applied to the shadow layer, resulting in the realistic
  186.             appearance of the drop shadow. It may be necessary to enable
  187.             <span class="guilabel">Allow resizing</span>, since blurring extends the
  188.             shadow.
  189.           </p>
  190.             </dd>
  191.             <dt>
  192.               <span class="term">Color</span>
  193.             </dt>
  194.             <dd>
  195.               <p>
  196.             The shadow may have any color. Just click on the button, and
  197.             select a color when the color selector pops up.
  198.           </p>
  199.               <div class="figure">
  200.                 <a id="id2745768"></a>
  201.                 <p class="title">
  202.                   <b>Figure¬†16.87.¬†
  203.               <span lang="en" xml:lang="en">
  204.                 ‚Äú<span class="quote">Drop Shadow</span>‚Äù color example
  205.               </span>
  206.             </b>
  207.                 </p>
  208.                 <div class="figure-contents">
  209.                   <div class="mediaobject">
  210.                     <img src="../images/filters/examples/drop-shadow-color.png" alt="Drop Shadow color example" />
  211.                   </div>
  212.                 </div>
  213.               </div>
  214.               <br class="figure-break" />
  215.             </dd>
  216.             <dt>
  217.               <span class="term">Opacity</span>
  218.             </dt>
  219.             <dd>
  220.               <p>
  221.             The shadow's opacity is just the opacity of the new layer
  222.             containing the shadow (see <a class="xref" href="gimp-image-combining.html#gimp-layer-properties" title="1.1.¬† Layer Properties">Section¬†1.1, ‚Äú
  223.       <span lang="en" xml:lang="en">Layer Properties</span>
  224.     ‚Äù</a>). It defaults to 80%, but you may select any other value from 0
  225.             (full transparency) to 100 (full opacity) here. After applying the
  226.             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>.
  227.           </p>
  228.             </dd>
  229.             <dt>
  230.               <span class="term">Allow resizing</span>
  231.             </dt>
  232.             <dd>
  233.               <p>
  234.             If enabled, the filter will resize the image if that is needed to
  235.             make place for the shadow. The new size depends on the size of the
  236.             selection, the blur radius, and the shadow offsets.
  237.           </p>
  238.             </dd>
  239.           </dl>
  240.         </div>
  241.       </div>
  242.     </div>
  243.     <div class="navfooter">
  244.       <hr />
  245.       <table width="100%" summary="Navigation footer">
  246.         <tr>
  247.           <td width="40%" align="left"><a accesskey="p" href="plug-in-nova.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  248.           <td width="20%" align="center">
  249.             <a accesskey="u" href="filters-light-and-shadow.html">
  250.               <img src="../images/up.png" alt="Up" />
  251.             </a>
  252.           </td>
  253.           <td width="40%" align="right">¬†<a accesskey="n" href="script-fu-perspective-shadow.html"><img src="../images/next.png" alt="Next" /></a></td>
  254.         </tr>
  255.         <tr>
  256.           <td width="40%" align="left" valign="top"><a accesskey="p" href="plug-in-nova.html">7.6.¬†
  257.     <span lang="en" xml:lang="en">Supernova</span>
  258.   </a>¬†</td>
  259.           <td width="20%" align="center">
  260.             <a accesskey="h" href="index.html">
  261.               <img src="../images/home.png" alt="Home" />
  262.             </a>
  263.           </td>
  264.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="script-fu-perspective-shadow.html">7.8.¬†
  265.     <span lang="en" xml:lang="en">Perspective</span>
  266.   </a></td>
  267.         </tr>
  268.       </table>
  269.     </div>
  270.   </body>
  271. </html>
  272.