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 / plug-in-semiflatten.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  8.0 KB  |  199 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>14.3.¬† Semi-Flatten</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-web.html" title="14.¬† Web Filters" />
  14.     <link rel="prev" href="plug-in-imagemap.html" title="14.2.¬† ImageMap" />
  15.     <link rel="next" href="python-fu-slice.html" title="14.4.¬† Slice" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">14.3.¬†
  22.     <span lang="en" xml:lang="en">Semi-Flatten</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="plug-in-imagemap.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">14.¬†
  28.     <span lang="en" xml:lang="en">Web Filters</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="python-fu-slice.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="plug-in-semiflatten"></a>14.3.¬†
  40.     <span lang="en" xml:lang="en">Semi-Flatten</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: 2436 $</td>
  53.                   <td align="left">2006-11-12</td>
  54.                   <td align="left">j.h</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2781214" class="indexterm"></a>
  62.       <a id="id2781231" 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="id2781240"></a>14.3.1.¬†
  68.       <span lang="en" xml:lang="en">Overview</span>
  69.     </h4>
  70.             </div>
  71.           </div>
  72.         </div>
  73.         <p>
  74.       The Semi-flatten filter helps those in need of a solution to
  75.       anti-aliasing indexed images with transparency. The GIF indexed format
  76.       supports complete transparency (0 or 255 alpha value), but not
  77.       semi-transparency (1 - 254): semi-transparent pixels will be
  78.       transformed to no transparency or complete transparency, ruining
  79.       anti-aliasing you applied to the logo you want to put onto your Web
  80.       page.
  81.     </p>
  82.         <p>
  83.       Before applying the filter, it's essential that you should know the
  84.       background color of your Web page. Use the color-picker to determine
  85.       the exact color which pops up as the Foreground color of the Toolbox.
  86.       Invert FG/BG colors so that BG color is the same as Web background
  87.       color.
  88.     </p>
  89.         <p>
  90.       Semi-flatten process will combine FG color to layer (logo) color,
  91.       proportionally to corresponding alpha values, and will rebuild correct
  92.       anti-aliasing. Completely transparent pixels will not take the color.
  93.       Very transparent pixels will take a few color and weakly transparent
  94.       will take much color.
  95.     </p>
  96.       </div>
  97.       <div class="sect3" lang="en" xml:lang="en">
  98.         <div class="titlepage">
  99.           <div>
  100.             <div>
  101.               <h4 class="title"><a id="id2781286"></a>14.3.2.¬†
  102.       <span lang="en" xml:lang="en">Activate the filter</span>
  103.     </h4>
  104.             </div>
  105.           </div>
  106.         </div>
  107.         <p>
  108.       You can access this filter in the image window menu through
  109.       <span class="guimenu">Filte<span class="accel">r</span>s</span> ‚Üí <span class="guisubmenu"><span class="accel">W</span>eb</span> ‚Üí <span class="guimenuitem"><span class="accel">S</span>emi-Flatten</span>
  110.       It is available if your image holds an Alpha channel
  111.       (<Image>Layers/Transparency/Add an alpha channel).
  112.       Otherwise, it is greyed out.
  113.     </p>
  114.       </div>
  115.       <div class="sect3" lang="en" xml:lang="en">
  116.         <div class="titlepage">
  117.           <div>
  118.             <div>
  119.               <h4 class="title"><a id="id2781344"></a>14.3.3.¬†
  120.       <span lang="en" xml:lang="en">Example</span>
  121.     </h4>
  122.             </div>
  123.           </div>
  124.         </div>
  125.         <div class="figure">
  126.           <a id="id2781357"></a>
  127.           <p class="title">
  128.             <b>Figure¬†16.288.¬†
  129.         <span lang="en" xml:lang="en">
  130.           Toolbox Background color (pink) and an image with feathered edges
  131.           on a transparent background, at a 800% zoom level.
  132.         </span>
  133.       </b>
  134.           </p>
  135.           <div class="figure-contents">
  136.             <div class="mediaobject">
  137.               <img src="../images/filters/examples/BGcolor.png" alt="Toolbox Background color (pink) and an image with feathered edges on a transparent background, at a 800% zoom level." />
  138.             </div>
  139.             <div class="mediaobject">
  140.               <img src="../images/filters/examples/logo-semi-transp.png" alt="Toolbox Background color (pink) and an image with feathered edges on a transparent background, at a 800% zoom level." />
  141.             </div>
  142.           </div>
  143.         </div>
  144.         <br class="figure-break" />
  145.         <div class="figure">
  146.           <a id="id2781400"></a>
  147.           <p class="title">
  148.             <b>Figure¬†16.289.¬†
  149.         <span lang="en" xml:lang="en">
  150.           Result, in GIF format, after applying Semi-flatten filter.
  151.         </span>
  152.       </b>
  153.           </p>
  154.           <div class="figure-contents">
  155.             <div class="mediaobject">
  156.               <img src="../images/filters/examples/logo-semi-flatten.png" alt="Result, in GIF format, after applying Semi-flatten filter." />
  157.               <div class="caption">
  158.                 <p>
  159.             Full transparency is kept. Semi-tranparent pixels are colored
  160.             with pink according to their transparency (Alpha value). This
  161.             image will well merge into the pink background of the new page.
  162.           </p>
  163.               </div>
  164.             </div>
  165.           </div>
  166.         </div>
  167.         <br class="figure-break" />
  168.       </div>
  169.     </div>
  170.     <div class="navfooter">
  171.       <hr />
  172.       <table width="100%" summary="Navigation footer">
  173.         <tr>
  174.           <td width="40%" align="left"><a accesskey="p" href="plug-in-imagemap.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  175.           <td width="20%" align="center">
  176.             <a accesskey="u" href="filters-web.html">
  177.               <img src="../images/up.png" alt="Up" />
  178.             </a>
  179.           </td>
  180.           <td width="40%" align="right">¬†<a accesskey="n" href="python-fu-slice.html"><img src="../images/next.png" alt="Next" /></a></td>
  181.         </tr>
  182.         <tr>
  183.           <td width="40%" align="left" valign="top"><a accesskey="p" href="plug-in-imagemap.html">14.2.¬†
  184.     <span lang="en" xml:lang="en">ImageMap</span>
  185.   </a>¬†</td>
  186.           <td width="20%" align="center">
  187.             <a accesskey="h" href="index.html">
  188.               <img src="../images/home.png" alt="Home" />
  189.             </a>
  190.           </td>
  191.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="python-fu-slice.html">14.4.¬†
  192.     <span lang="en" xml:lang="en">Slice</span>
  193.   </a></td>
  194.         </tr>
  195.       </table>
  196.     </div>
  197.   </body>
  198. </html>
  199.