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-cool-metal-logo-alpha.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  12.7 KB  |  319 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>15.8.¬† Cool Metal</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-alpha-to-logo.html" title="15.¬† Alpha to Logo Filters" />
  14.     <link rel="prev" href="script-fu-chip-away-logo-alpha.html" title="15.7.¬† Chip Away" />
  15.     <link rel="next" href="script-fu-glossy-logo-alpha.html" title="15.9.¬† Glossy" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">15.8.¬†
  22.     <span lang="en" xml:lang="en">Cool Metal</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="script-fu-chip-away-logo-alpha.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">15.¬†
  28.     <span lang="en" xml:lang="en">Alpha to Logo Filters</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="script-fu-glossy-logo-alpha.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-cool-metal-logo-alpha"></a>15.8.¬†
  40.     <span lang="en" xml:lang="en">Cool Metal</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: 2413 $</td>
  53.                   <td align="left">2008-01-18</td>
  54.                   <td align="left">ude</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2785737" class="indexterm"></a>
  62.       <a id="id2785755" 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="id2785764"></a>15.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="id2785775"></a>
  75.           <p class="title">
  76.             <b>Figure¬†16.309.¬†
  77.         <span lang="en" xml:lang="en">
  78.           Example for the ‚Äú<span class="quote">Cool Metal</span>‚Äù filter
  79.         </span>
  80.       </b>
  81.           </p>
  82.           <div class="figure-contents">
  83.             <div class="mediaobject">
  84.               <img src="../images/filters/examples/coolmetal.jpg" alt="Example for the Cool Metal filter" />
  85.               <div class="caption">
  86.                 <p>The ‚Äú<span class="quote">Cool Metal</span>‚Äù filter</p>
  87.               </div>
  88.             </div>
  89.             <div class="mediaobject">
  90.               <img src="../images/filters/examples/coolmetal-script-fu.jpg" alt="Example for the Cool Metal filter" />
  91.               <div class="caption">
  92.                 <p>The ‚Äú<span class="quote">Cool Metal</span>‚Äù logo</p>
  93.               </div>
  94.             </div>
  95.           </div>
  96.         </div>
  97.         <br class="figure-break" />
  98.         <p>
  99.       This filter creates an effect that looks like metal with a reflection in
  100.       the mirrored ground, and an interesting drop shadow.
  101.     </p>
  102.         <p>
  103.       This filter makes several transformations. First, it gives the image
  104.       hard embossed edges, making the image look like a metal plate. Secondly,
  105.       it fills the image with the chosen gradient. The alpha value determines
  106.       the colour between the chosen background colour and the image colour. In
  107.       the areas of sharp changes of alpha values the filter gives an emboss
  108.       effect; the magnitude of the effect depends on the degree of change of
  109.       alpha value. Thirdly, it creates a shadow with white spots behind the
  110.       image. The brightness of the spots depends on alpha value of the
  111.       corresponding image pixel.
  112.     </p>
  113.         <p>
  114.       The filter is derived from the ‚Äú<span class="quote">Cool Metal</span>‚Äù script
  115.       (<span class="guimenu"><span class="accel">X</span>tns</span> ‚Üí <span class="guisubmenu"><span class="accel">L</span>ogo</span> ‚Üí <span class="guimenuitem">Cool <span class="accel">M</span>etal</span>
  116.       in the toolbox), which creates a logo from a text as shown above.
  117.     </p>
  118.       </div>
  119.       <div class="sect3" lang="en" xml:lang="en">
  120.         <div class="titlepage">
  121.           <div>
  122.             <div>
  123.               <h4 class="title"><a id="id2785910"></a>15.8.2.¬†
  124.       <span lang="en" xml:lang="en">Activate the filter</span>
  125.     </h4>
  126.             </div>
  127.           </div>
  128.         </div>
  129.         <p>
  130.       This filter is found in the image window menu under
  131.       <span class="guimenu"><span class="accel">F</span>ilters</span> ‚Üí <span class="guisubmenu">Alpha to <span class="accel">L</span>ogo</span> ‚Üí <span class="guimenuitem">Cool <span class="accel">M</span>etal</span>.
  132.     </p>
  133.       </div>
  134.       <div class="sect3" lang="en" xml:lang="en">
  135.         <div class="titlepage">
  136.           <div>
  137.             <div>
  138.               <h4 class="title"><a id="id2785960"></a>15.8.3.¬†
  139.       <span lang="en" xml:lang="en">Options</span>
  140.     </h4>
  141.             </div>
  142.           </div>
  143.         </div>
  144.         <div class="figure">
  145.           <a id="id2785971"></a>
  146.           <p class="title">
  147.             <b>Figure¬†16.310.¬†
  148.         <span lang="en" xml:lang="en">‚Äú<span class="quote">Cool Metal</span>‚Äù options</span>
  149.       </b>
  150.           </p>
  151.           <div class="figure-contents">
  152.             <div class="mediaobject">
  153.               <img src="../images/filters/options-logo-coolmetal.png" alt="Cool Metal options" />
  154.             </div>
  155.           </div>
  156.         </div>
  157.         <br class="figure-break" />
  158.         <div class="variablelist">
  159.           <dl>
  160.             <dt>
  161.               <span class="term">Effect size (pixels)</span>
  162.             </dt>
  163.             <dd>
  164.               <p>
  165.             This is actually the font size option of the
  166.             ‚Äú<span class="quote">Cool¬†Metal</span>‚Äù Script-Fu script. Some internal values
  167.             will be set in relation to this size, for feathering, blurring,
  168.             embossing, and creating ripple patterns.
  169.           </p>
  170.             </dd>
  171.             <dt>
  172.               <span class="term">Background color</span>
  173.             </dt>
  174.             <dd>
  175.               <p>
  176.             The color of the background layer added by the filter. When you
  177.             click in the color swatch button, the color select dialog pops up.
  178.           </p>
  179.             </dd>
  180.             <dt>
  181.               <span class="term">Gradient</span>
  182.             </dt>
  183.             <dd>
  184.               <p>
  185.             The default gradient to create the cool metal is
  186.             ‚Äú<span class="quote">Horizon¬†1</span>‚Äù. Clicking in the gradient button will
  187.             open a simplified <a class="link" href="gimp-gradient-dialog.html" title="3.4.¬† Gradients Dialog">gradient
  188.             dialog</a>, where you can select any other gradient.
  189.           </p>
  190.             </dd>
  191.             <dt>
  192.               <span class="term">Gradient reverse</span>
  193.             </dt>
  194.             <dd>
  195.               <p>
  196.             By default, the selected gradient will be applied from top to
  197.             bottom. When this option is checked, the direction will be
  198.             reversed.
  199.           </p>
  200.             </dd>
  201.           </dl>
  202.         </div>
  203.       </div>
  204.       <div class="sect3" lang="en" xml:lang="en">
  205.         <div class="titlepage">
  206.           <div>
  207.             <div>
  208.               <h4 class="title"><a id="id2786105"></a>15.8.4.¬†
  209.       <span lang="en" xml:lang="en">Filter details</span>
  210.     </h4>
  211.             </div>
  212.           </div>
  213.         </div>
  214.         <p>
  215.       At least some of the filter effects should be described briefly: how the
  216.       filter creates the reflection and this nice shadow, or rather, how you
  217.       can reproduce these effects manually. In fact, the only trick is to know
  218.       which tool to use...
  219.     </p>
  220.         <div class="orderedlist">
  221.           <p class="title">
  222.             <b>
  223.         <span lang="en" xml:lang="en">Making the reflection</span>
  224.       </b>
  225.           </p>
  226.           <p>
  227.         Assuming that the alpha has been filled with a gradient, then:
  228.       </p>
  229.           <ol type="1">
  230.             <li>
  231.               <p>
  232.           Create a new layer containing the area you want to mirror, for
  233.           example <a class="link" href="gimp-edit-copy.html" title="6.7.¬† Copy">Copy</a> and
  234.           <a class="link" href="gimp-edit-paste.html" title="6.9.¬† Paste">Paste</a> the area in a new
  235.           layer.
  236.         </p>
  237.             </li>
  238.             <li>
  239.               <p>
  240.           To make the reflection look more natural, scale down the layer (the
  241.           filter resizes to 85% of the original height). You can do this e.g.
  242.           using <a class="link" href="gimp-layer-scale.html" title="10.50.¬† Scale Layer">Scale Layer</a> command or
  243.           the <a class="link" href="gimp-tool-scale.html" title="4.6.¬† Scale">Scale Tool</a>.
  244.         </p>
  245.             </li>
  246.             <li>
  247.               <p>
  248.           Then <a class="link" href="gimp-tool-flip.html" title="4.9.¬† Flip">flip</a> the layer vertically
  249.           and <a class="link" href="gimp-tool-move.html" title="4.2.¬† Move">move</a> it down.
  250.         </p>
  251.             </li>
  252.             <li>
  253.               <p>
  254.           Now <a class="link" href="gimp-layer-mask-add.html" title="10.21.¬† Add Layer Mask">add a layer mask</a>,
  255.           fill the layer mask with a <a class="link" href="gimp-tool-blend.html" title="3.4.¬† Blend">gradient</a> (for instance white or
  256.           gray to black), and, of course, <a class="link" href="gimp-layer-mask-apply.html" title="10.22.¬† Apply Layer Mask">apply the layer mask</a>.
  257.         </p>
  258.             </li>
  259.           </ol>
  260.         </div>
  261.         <div class="orderedlist">
  262.           <p class="title">
  263.             <b>
  264.         <span lang="en" xml:lang="en">Making the shadow</span>
  265.       </b>
  266.           </p>
  267.           <p>
  268.         Fill the alpha with black, for instance via
  269.         <a class="link" href="gimp-layer-duplicate.html" title="10.3.¬† Duplicate layer">Duplicate Layer</a>
  270.         and <a class="link" href="gimp-layer-alpha-selection-replace.html" title="10.36.¬† Alpha to Selection">Alpha to
  271.         Selection</a>, then
  272.       </p>
  273.           <ol type="1">
  274.             <li>
  275.               <p>
  276.           shrink and slant the layer, e.g. using the
  277.           <a class="link" href="gimp-tool-perspective.html" title="4.8.¬† Perspective">Perspective</a> tool,
  278.         </p>
  279.             </li>
  280.             <li>
  281.               <p>
  282.           and apply a <a class="link" href="plug-in-gauss.html" title="2.3.¬† Gaussian Blur">Gaussian Blur</a> to
  283.           the layer.
  284.         </p>
  285.             </li>
  286.           </ol>
  287.         </div>
  288.       </div>
  289.     </div>
  290.     <div class="navfooter">
  291.       <hr />
  292.       <table width="100%" summary="Navigation footer">
  293.         <tr>
  294.           <td width="40%" align="left"><a accesskey="p" href="script-fu-chip-away-logo-alpha.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  295.           <td width="20%" align="center">
  296.             <a accesskey="u" href="filters-alpha-to-logo.html">
  297.               <img src="../images/up.png" alt="Up" />
  298.             </a>
  299.           </td>
  300.           <td width="40%" align="right">¬†<a accesskey="n" href="script-fu-glossy-logo-alpha.html"><img src="../images/next.png" alt="Next" /></a></td>
  301.         </tr>
  302.         <tr>
  303.           <td width="40%" align="left" valign="top"><a accesskey="p" href="script-fu-chip-away-logo-alpha.html">15.7.¬†
  304.     <span lang="en" xml:lang="en">Chip Away</span>
  305.   </a>¬†</td>
  306.           <td width="20%" align="center">
  307.             <a accesskey="h" href="index.html">
  308.               <img src="../images/home.png" alt="Home" />
  309.             </a>
  310.           </td>
  311.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="script-fu-glossy-logo-alpha.html">15.9.¬†
  312.     <span lang="en" xml:lang="en">Glossy</span>
  313.   </a></td>
  314.         </tr>
  315.       </table>
  316.     </div>
  317.   </body>
  318. </html>
  319.