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 / gimp-indexed-palette-dialog.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  17.1 KB  |  437 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>2.4.¬† Colormap Dialog</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="gimp-dialogs-structure.html" title="2.¬† Image Structure Related Dialogs" />
  14.     <link rel="prev" href="gimp-path-dialog.html" title="2.3.¬† Path Dialog" />
  15.     <link rel="next" href="gimp-histogram-dialog.html" title="2.5.¬† Histogram dialog" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">2.4.¬†
  22.     <span lang="en" xml:lang="en">Colormap Dialog</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-path-dialog.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">2.¬†
  28.     <span lang="en" xml:lang="en">Image Structure Related Dialogs</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-histogram-dialog.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="gimp-indexed-palette-dialog"></a>2.4.¬†
  40.     <span lang="en" xml:lang="en">Colormap Dialog</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: 2419 $</td>
  53.                   <td align="left">2006-09-29</td>
  54.                   <td align="left">scb</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2658187" class="indexterm"></a>
  62.       <a id="id2658201" class="indexterm"></a>
  63.       <div class="figure">
  64.         <a id="id2658210"></a>
  65.         <p class="title">
  66.           <b>Figure¬†14.14.¬†
  67.       <span lang="en" xml:lang="en">
  68.         An indexed image with 6 colors and its Colormap dialog
  69.       </span>
  70.     </b>
  71.         </p>
  72.         <div class="figure-contents">
  73.           <div class="mediaobject">
  74.             <img src="../images/dialogs/examples/cosmos-6.png" alt="An indexed image with 6 colors and its Colormap dialog" />
  75.           </div>
  76.           <div class="mediaobject">
  77.             <img src="../images/dialogs/colormap-dialog.png" alt="An indexed image with 6 colors and its Colormap dialog" />
  78.           </div>
  79.         </div>
  80.       </div>
  81.       <br class="figure-break" />
  82.       <p>
  83.     The Colormap (Indexed Palette is a better name) dialog allows you to edit
  84.     the colormap of an indexed image. (If the mode of the active image is RGB
  85.     or Grayscale instead of Indexed, the dialog is empty and unusable.) This
  86.     is a dockable dialog; see the section on
  87.     <a class="link" href="gimp-concepts-docks.html" title="2.3.¬† Dialogs and Docking">Dialogs and Docking</a>
  88.     for help on manipulating it. It can be activated in two ways:
  89.   </p>
  90.       <div class="sect3" lang="en" xml:lang="en">
  91.         <div class="titlepage">
  92.           <div>
  93.             <div>
  94.               <h4 class="title"><a id="gimp-indexed-palette-dialog-activate"></a>2.4.1.¬†
  95.       <span lang="en" xml:lang="en">Activate dialog</span>
  96.     </h4>
  97.             </div>
  98.           </div>
  99.         </div>
  100.         <div class="itemizedlist">
  101.           <ul type="disc">
  102.             <li>
  103.               <p>
  104.           From the Toolbox menu:
  105.           <span class="guimenu">File</span> ‚Üí <span class="guisubmenu">Dialogs</span> ‚Üí <span class="guimenuitem">Colormap</span>
  106.         </p>
  107.             </li>
  108.             <li>
  109.               <p>
  110.           From the image menu:
  111.           <span class="guimenu">Dialogs</span> ‚Üí <span class="guimenuitem">Colormap</span>
  112.         </p>
  113.             </li>
  114.           </ul>
  115.         </div>
  116.       </div>
  117.       <div class="sect3" lang="en" xml:lang="en">
  118.         <div class="titlepage">
  119.           <div>
  120.             <div>
  121.               <h4 class="title"><a id="gimp-indexed-palette-dialog-colormaps"></a>2.4.2.¬†
  122.       <span lang="en" xml:lang="en">Colormaps and Indexed Images</span>
  123.     </h4>
  124.             </div>
  125.           </div>
  126.         </div>
  127.         <p>
  128.       In an Indexed image, colors are assigned to pixels by an indirect
  129.       method, using a look-up table called a <span class="emphasis"><em>colormap</em></span>.
  130.       In GIMP, the maximum number of entries in a colormap is 256. For a
  131.       maximum-sized colormap, each index from 0 to 255 is assigned an
  132.       arbitrary RGB color. There are no rules restricting the colors that can
  133.       be assigned to an index or the order they appear in: any index can be
  134.       assigned any color.
  135.     </p>
  136.         <p>
  137.       In an Indexed image, instead of being assigned a color directly (as
  138.       happens in RGB and Grayscale images), each pixel is assigned an index.
  139.       To determine the color that should be shown for that pixel, GIMP looks
  140.       up the index in the image's colormap. Each indexed image has its own
  141.       private colormap.
  142.     </p>
  143.         <p> 
  144.       It is important to realize that the colors in the colormap are the
  145.       <span class="emphasis"><em>only colors available</em></span>
  146.       for an indexed image (that is, unless you add new colors to the
  147.       colormap). This has a major effect on many GIMP operations: for example,
  148.       in a pattern fill, GIMP will usually not be able to find exactly the
  149.       right colors in the colormap, so it will approximate them by
  150.       using the nearest color available.
  151.       <sup>[<a id="id2658409" href="#ftn.id2658409" class="footnote">5</a>]</sup>
  152.       If the colormap is too limited or poorly chosen, this can easily
  153.       produce very poor image quality.
  154.     </p>
  155.         <p>
  156.       The Colormap dialog allows you to alter the colormap for an image,
  157.       either by creating new entries, or by changing the colors for the
  158.       existing entries. If you change the color associated with a given index,
  159.       you will see the changes reflected throughout the image, as a color
  160.       shift for all pixels that are assigned that index. The entries are
  161.       numbered with 0 in the upper left corner, 1 to its right, etc.
  162.     </p>
  163.       </div>
  164.       <div class="sect3" lang="en" xml:lang="en">
  165.         <div class="titlepage">
  166.           <div>
  167.             <div>
  168.               <h4 class="title"><a id="gimp-indexed-palette-dialog-using"></a>2.4.3.¬†
  169.       <span lang="en" xml:lang="en">Using the Colormap dialog</span>
  170.     </h4>
  171.             </div>
  172.           </div>
  173.         </div>
  174.         <p>
  175.       Here are the operations you can perform using this dialog:
  176.     </p>
  177.         <div class="variablelist">
  178.           <dl>
  179.             <dt>
  180.               <span class="term">Click on a color entry</span>
  181.             </dt>
  182.             <dd>
  183.               <p>
  184.             This sets GIMP's foreground color to the color you click on, as
  185.             shown in the Toolbox color area. As a result, this color will be
  186.             used for the next painting operation you do.
  187.           </p>
  188.             </dd>
  189.             <dt>
  190.               <span class="term">Ctrl-click on a color entry</span>
  191.             </dt>
  192.             <dd>
  193.               <p>
  194.             This sets GIMP's background color to the color you Ctrl-click on,
  195.             as shown in the Toolbox color area.
  196.           </p>
  197.             </dd>
  198.             <dt>
  199.               <span class="term">Double-click on a color entry</span>
  200.             </dt>
  201.             <dd>
  202.               <p>
  203.             This sets GIMP's foreground color to the color you click on, and
  204.             also brings up a Color Editor that allows you to change that
  205.             colormap entry to a new color.
  206.           </p>
  207.             </dd>
  208.             <dt>
  209.               <span class="term">Color index</span>
  210.             </dt>
  211.             <dd>
  212.               <p>
  213.             You can select a different colormap entry by typing its index
  214.             here, or clicking the spinbutton to the right.
  215.           </p>
  216.             </dd>
  217.             <dt>
  218.               <span class="term">Hex triplet</span>
  219.             </dt>
  220.             <dd>
  221.               <p>
  222.             This area shows a hex-code representation (such as is used in
  223.             HTML) for the color assigned to the currently selected colormap
  224.             entry. You can edit the color here, instead of using a Color
  225.             Editor, if you want to. See
  226.             <a class="link" href="glossary.html#glossary-html-notation" title="HTML notation">HTML notation</a>
  227.           </p>
  228.             </dd>
  229.             <dt>
  230.               <span class="term">Edit color</span>
  231.             </dt>
  232.             <dd>
  233.               <a id="gimp-indexed-palette-edit"></a>
  234.               <p>
  235.             This button (in the lower left corner of the dialog) brings up a
  236.             Color Editor that allows you to change the color for the currently
  237.             selected colormap entry. The effect is similar to double-clicking
  238.             on the entry, except that it does not set GIMP's foreground color.
  239.           </p>
  240.             </dd>
  241.             <dt>
  242.               <span class="term">Add color</span>
  243.             </dt>
  244.             <dd>
  245.               <a id="gimp-indexed-palette-add"></a>
  246.               <p>
  247.             This button (in the lower right corner of the dialog) allows you
  248.             to add new colors to the colormap. If you click on the button, the
  249.             current foreground color, as shown in the Toolbox, will be tacked
  250.             on to the end of the colormap. If instead you hold down
  251.             <span class="keycap"><strong>Ctrl</strong></span> and click, the background color from the
  252.             Toolbox will be added. (If the colormap contains 256 entries, it
  253.             is full, and trying to add more will have no effect.)
  254.           </p>
  255.             </dd>
  256.           </dl>
  257.         </div>
  258.         <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  259.           <table border="0" summary="Tip">
  260.             <tr>
  261.               <td rowspan="2" align="center" valign="top" width="25">
  262.                 <img alt="[Tip]" src="../images/tip.png" />
  263.               </td>
  264.               <th align="left">Tip</th>
  265.             </tr>
  266.             <tr>
  267.               <td align="left" valign="top">
  268.                 <p>
  269.         If you make a mistake, you can undo it by focusing the pointer in
  270.         the image whose colormap you have changed, and then pressing
  271.         <span class="keycap"><strong>Ctrl-Z</strong></span> or choosing
  272.         <span class="guimenu">Edit</span> ‚Üí <span class="guimenuitem">Undo</span>
  273.         in the image menu.
  274.       </p>
  275.               </td>
  276.             </tr>
  277.           </table>
  278.         </div>
  279.         <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  280.           <table border="0" summary="Note">
  281.             <tr>
  282.               <td rowspan="2" align="center" valign="top" width="25">
  283.                 <img alt="[Note]" src="../images/note.png" />
  284.               </td>
  285.               <th align="left">Note</th>
  286.             </tr>
  287.             <tr>
  288.               <td align="left" valign="top">
  289.                 <p>
  290.         This dialog provides the most commonly used methods for altering the
  291.         colormap for an indexed image. The color tools, such as
  292.         Brightness/Contrast, Hue/Saturation, etc, do not operate on indexed
  293.         images. There are a few plug-ins that do so, including the
  294.         "Normalize", "Color Enhance", and "Stretch Contrast" operations, and
  295.         it is possible to create others as well.
  296.       </p>
  297.               </td>
  298.             </tr>
  299.           </table>
  300.         </div>
  301.         <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  302.           <table border="0" summary="Note">
  303.             <tr>
  304.               <td rowspan="2" align="center" valign="top" width="25">
  305.                 <img alt="[Note]" src="../images/note.png" />
  306.               </td>
  307.               <th align="left">Note</th>
  308.             </tr>
  309.             <tr>
  310.               <td align="left" valign="top">
  311.                 <p>
  312.         If you paint an indexed image with a color which is not in the
  313.         Colormap, GIMP will use the most similar color of the Colormap.
  314.       </p>
  315.               </td>
  316.             </tr>
  317.           </table>
  318.         </div>
  319.       </div>
  320.       <div class="sect3" lang="en" xml:lang="en">
  321.         <div class="titlepage">
  322.           <div>
  323.             <div>
  324.               <h4 class="title"><a id="gimp-indexed-palette-dialog-submenu"></a>2.4.4.¬†
  325.       <span lang="en" xml:lang="en">The Colormap context menu</span>
  326.     </h4>
  327.             </div>
  328.           </div>
  329.         </div>
  330.         <p>
  331.       Right-clicking on a color in the Colormap selects this color and opens
  332.       a pop-up submenu:
  333.     </p>
  334.         <div class="figure">
  335.           <a id="id2658738"></a>
  336.           <p class="title">
  337.             <b>Figure¬†14.15.¬†
  338.         <span lang="en" xml:lang="en">The Colormap context menu</span>
  339.       </b>
  340.           </p>
  341.           <div class="figure-contents">
  342.             <div class="mediaobject">
  343.               <img src="../images/dialogs/colormap-contextmenu.png" alt="The Colormap context menu" />
  344.             </div>
  345.           </div>
  346.         </div>
  347.         <br class="figure-break" />
  348.         <div class="itemizedlist">
  349.           <ul type="disc">
  350.             <li>
  351.               <p>
  352.           <span class="guilabel">Edit color</span>: This command opens a color
  353.           selector which allows you to modify the color.
  354.         </p>
  355.             </li>
  356.             <li>
  357.               <p>
  358.           <span class="guilabel">Add from FG</span>: This command replaces the
  359.           selected color with the Foreground color of Toolbox. It is
  360.           enabled only for custom palettes.
  361.         </p>
  362.             </li>
  363.             <li>
  364.               <p>
  365.           <span class="guilabel">Add from BG</span>: This command replaces the
  366.           selected color with the Background color of Toolbox. It is
  367.           enabled only for custom palettes.
  368.         </p>
  369.             </li>
  370.             <li>
  371.               <p>
  372.           <span class="guilabel">Rearrange Colormap</span>: This command opens a
  373.           dialog which can be understood very intuitively and doesn't need to
  374.           be explained more.
  375.         </p>
  376.               <div class="figure">
  377.                 <a id="id2658835"></a>
  378.                 <p class="title">
  379.                   <b>Figure¬†14.16.¬†
  380.             <span lang="en" xml:lang="en">
  381.               The ‚Äú<span class="quote">Rearrange Colormap</span>‚Äù window and its sub-menu
  382.             </span>
  383.           </b>
  384.                 </p>
  385.                 <div class="figure-contents">
  386.                   <div class="mediaobject">
  387.                     <img src="../images/dialogs/colormap-reorg.png" alt="The Rearrange Colormap window and its sub-menu" />
  388.                   </div>
  389.                 </div>
  390.               </div>
  391.               <br class="figure-break" />
  392.             </li>
  393.           </ul>
  394.         </div>
  395.       </div>
  396.       <div class="footnotes">
  397.         <br />
  398.         <hr width="100" align="left" />
  399.         <div class="footnote">
  400.           <p><sup>[<a id="ftn.id2658409" href="#id2658409" class="para">5</a>] </sup>
  401.           This is sometimes referred to as
  402.           <a class="link" href="glossary.html#glossary-quantization" title="Quantization">Quantization</a>, which
  403.           is described in the Glossary.
  404.         </p>
  405.         </div>
  406.       </div>
  407.     </div>
  408.     <div class="navfooter">
  409.       <hr />
  410.       <table width="100%" summary="Navigation footer">
  411.         <tr>
  412.           <td width="40%" align="left"><a accesskey="p" href="gimp-path-dialog.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  413.           <td width="20%" align="center">
  414.             <a accesskey="u" href="gimp-dialogs-structure.html">
  415.               <img src="../images/up.png" alt="Up" />
  416.             </a>
  417.           </td>
  418.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-histogram-dialog.html"><img src="../images/next.png" alt="Next" /></a></td>
  419.         </tr>
  420.         <tr>
  421.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-path-dialog.html">2.3.¬†
  422.     <span lang="en" xml:lang="en">Path Dialog</span>
  423.   </a>¬†</td>
  424.           <td width="20%" align="center">
  425.             <a accesskey="h" href="index.html">
  426.               <img src="../images/home.png" alt="Home" />
  427.             </a>
  428.           </td>
  429.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-histogram-dialog.html">2.5.¬†
  430.     <span lang="en" xml:lang="en">Histogram dialog</span>
  431.   </a></td>
  432.         </tr>
  433.       </table>
  434.     </div>
  435.   </body>
  436. </html>
  437.