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-dialogs-content.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  13.8 KB  |  337 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>3.¬† Image-content Related Dialogs</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="dialogs.html" title="Chapter¬†14.¬† Dialogs" />
  14.     <link rel="prev" href="gimp-undo-dialog.html" title="2.7.¬† Undo History Dialog" />
  15.     <link rel="next" href="gimp-brush-dialog.html" title="3.2.¬† Brushes Dialog" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">3.¬†
  22.     <span lang="en" xml:lang="en">Image-content Related Dialogs</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-undo-dialog.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">Chapter¬†14.¬†
  28.         <span lang="en" xml:lang="en">Dialogs</span>
  29.       </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-brush-dialog.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect1" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h2 class="title" style="clear: both"><a id="gimp-dialogs-content"></a>3.¬†
  40.     <span lang="en" xml:lang="en">Image-content Related Dialogs</span>
  41.   </h2>
  42.           </div>
  43.         </div>
  44.       </div>
  45.       <div class="sect2" lang="en" xml:lang="en">
  46.         <div class="titlepage">
  47.           <div>
  48.             <div>
  49.               <h3 class="title"><a id="gimp-color-dialog"></a>3.1.¬†
  50.     <span lang="en" xml:lang="en">The ‚Äú<span class="quote">FG/BG Color</span>‚Äù Dialog</span>
  51.   </h3>
  52.             </div>
  53.             <div>
  54.               <div class="revhistory">
  55.                 <table border="1" width="100%" summary="Revision history">
  56.                   <tr>
  57.                     <th align="left" valign="top" colspan="3">
  58.                       <b>Revision History</b>
  59.                     </th>
  60.                   </tr>
  61.                   <tr>
  62.                     <td align="left">Revision $Revision: 2405 $</td>
  63.                     <td align="left">2008-01-09</td>
  64.                     <td align="left">ude</td>
  65.                   </tr>
  66.                 </table>
  67.               </div>
  68.             </div>
  69.           </div>
  70.         </div>
  71.         <a id="id2660659" class="indexterm"></a>
  72.         <a id="id2660674" class="indexterm"></a>
  73.         <div class="figure">
  74.           <a id="id2660685"></a>
  75.           <p class="title">
  76.             <b>Figure¬†14.24.¬†
  77.       <span lang="en" xml:lang="en">
  78.         The ‚Äú<span class="quote">FG/BG Color</span>‚Äù Dialog
  79.       </span>
  80.     </b>
  81.           </p>
  82.           <div class="figure-contents">
  83.             <div class="mediaobject">
  84.               <img src="../images/dialogs/color-dialog.png" alt="The FG/BG Color Dialog" />
  85.             </div>
  86.           </div>
  87.         </div>
  88.         <br class="figure-break" />
  89.         <p>
  90.     The Channel dialog lets you manage and pick up new colors. It is divided
  91.     into five separate parts: GIMP, CMYK, Triangle, Watercolor and Scales. It
  92.     has an interesting eyedropper to pick up a color anywhere on your screen.
  93.   </p>
  94.         <p>
  95.     The dialog called from the FG/BG area in the toolbox is a bit different
  96.     compared to the one called from the toolbox or image menu. The two
  97.     dialogs are used in the same way except that in the dialog called from
  98.     the toolbox the sliders are permanently visible instead of selected
  99.     from the scale menu. I addition the dialog called from the toolbox
  100.     contains twelve buttons showing the last used colors. You may choose
  101.     a color by clicking on one of these buttons or add the current FG or
  102.     BG color to this history list. This dialog works either on the foreground
  103.     or the background color.
  104.   </p>
  105.         <div class="sect3" lang="en" xml:lang="en">
  106.           <div class="titlepage">
  107.             <div>
  108.               <div>
  109.                 <h4 class="title"><a id="id2660743"></a>3.1.1.¬†
  110.       <span lang="en" xml:lang="en">Activate Dialog</span>
  111.     </h4>
  112.               </div>
  113.             </div>
  114.           </div>
  115.           <p>
  116.       You can get to this dialog in various ways :
  117.     </p>
  118.           <div class="itemizedlist">
  119.             <ul type="disc">
  120.               <li>
  121.                 <p>
  122.           from the toolbox-menu:
  123.           <span class="guimenu">File</span> ‚Üí <span class="guisubmenu">Dialogs</span> ‚Üí <span class="guimenuitem">Colors</span>
  124.         </p>
  125.               </li>
  126.               <li>
  127.                 <p>
  128.           from the toolbox: click on the current Foreground or Background
  129.           color.
  130.         </p>
  131.               </li>
  132.               <li>
  133.                 <p>
  134.           from the image-menu:
  135.           <span class="guimenu">Dialogs</span> ‚Üí <span class="guimenuitem">Colors</span>
  136.         </p>
  137.               </li>
  138.               <li>
  139.                 <p>
  140.           from an other dialog-menu, by clicking on the
  141.           <span class="guiicon">
  142.             <span class="inlinemediaobject"><img src="../images/dialogs/stock-menu-left-12.png" /></span>
  143.           </span> and selecting
  144.           <span class="guimenu">Add Tab</span> ‚Üí <span class="guimenuitem">Colors</span>
  145.         </p>
  146.               </li>
  147.             </ul>
  148.           </div>
  149.         </div>
  150.         <div class="sect3" lang="en" xml:lang="en">
  151.           <div class="titlepage">
  152.             <div>
  153.               <div>
  154.                 <h4 class="title"><a id="id2660879"></a>3.1.2.¬†
  155.       <span lang="en" xml:lang="en">Using the ‚Äú<span class="quote">FG/BG color</span>‚Äù dialog</span>
  156.     </h4>
  157.               </div>
  158.             </div>
  159.           </div>
  160.           <div class="variablelist">
  161.             <dl>
  162.               <dt>
  163.                 <a id="gimp-colorselector-gimp"></a>
  164.                 <span class="term">GIMP Selector</span>
  165.               </dt>
  166.               <dd>
  167.                 <p>
  168.             With the GIMP Color Selector, you select a color by clicking on a
  169.             one-dimensional strip located at the right edge, and then in a
  170.             two-dimensional area located on the left. The one-dimensional
  171.             strip can encode any of the color parameters H, S, V, R, G, or B,
  172.             as determined by which of the adjoining buttons is pressed. The
  173.             two-dimensional area then encodes the two complementary color
  174.             parameters.
  175.           </p>
  176.               </dd>
  177.               <dt>
  178.                 <a id="gimp-colorselector-cmyk"></a>
  179.                 <span class="term">CMYK</span>
  180.               </dt>
  181.               <dd>
  182.                 <p>
  183.             You get to this selector by clicking on the printer icon. The CMYK
  184.             view gives you the possibility to manage colors from the
  185.             <a class="link" href="glossary.html#glossary-colormodel" title="Color model">CMYK</a>
  186.             color model.
  187.           </p>
  188.               </dd>
  189.               <dt>
  190.                 <a id="gimp-colorselector-triangle"></a>
  191.                 <span class="term">Triangle</span>
  192.               </dt>
  193.               <dd>
  194.                 <a id="id2660972" class="indexterm"></a>
  195.                 <p>
  196.             The Triangle selector is made up of a
  197.             <span class="emphasis"><em>chromatic circle</em></span>
  198.             that allows to select Hue by click-and-drag a small circle and of
  199.             a <span class="emphasis"><em>triangle</em></span>
  200.             that has also a small circle to vary intuitively Saturation and
  201.             Value.
  202.           </p>
  203.               </dd>
  204.               <dt>
  205.                 <a id="gimp-colorselector-watercolor"></a>
  206.                 <span class="term">Watercolor</span>
  207.               </dt>
  208.               <dd>
  209.                 <a id="id2661017" class="indexterm"></a>
  210.                 <p>
  211.             This color selector is symbolized by a brush. The function mode of
  212.             this selector is a little different from that of models
  213.             presented so far. The principle consists in changing the
  214.             current foreground color by clicking in the rectangular
  215.             palette. If the current foreground color is for example
  216.             white, then it turns to reddish by clicking in the red
  217.             color area. Repeated clicking strengthens the effect. With the
  218.             slider, which is right apart from the color palette, you
  219.             can set the color quantity per every mouse click. The higher the
  220.             sliding control is, the more color is taken up per click.
  221.           </p>
  222.               </dd>
  223.               <dt>
  224.                 <a id="gimp-colorselector-palette"></a>
  225.                 <span class="term">
  226.           <span lang="en" xml:lang="en">Palette</span>
  227.         </span>
  228.               </dt>
  229.               <dd>
  230.                 <a id="id2661066" class="indexterm"></a>
  231.                 <p>
  232.             This color selector brings up a list of the colors of the current
  233.             palette in the
  234.             <a class="link" href="gimp-palette-dialog.html" title="3.5.¬† Palettes Dialog">Palettes dialog </a>.
  235.             You can set <acronym class="acronym">GIMP</acronym>'s foreground or background
  236.             colors by clicking on colors in the colors display. You can also
  237.             use the arrow keys to move within the list of colors.
  238.           </p>
  239.               </dd>
  240.               <dt>
  241.                 <a id="gimp-colorselector-scales"></a>
  242.                 <span class="term">Scales</span>
  243.               </dt>
  244.               <dd>
  245.                 <p>
  246.             This selector displays a global view of R, G, B channels and H, S,
  247.             V values, placed in sliders.
  248.           </p>
  249.               </dd>
  250.               <dt>
  251.                 <span class="term">Color picker</span>
  252.               </dt>
  253.               <dd>
  254.                 <p>
  255.             The color picker has a completely different behaviour, than the
  256.             <a class="link" href="gimp-tool-color-picker.html" title="6.2.¬† Color Picker">color picker tool</a>.
  257.             Instead of picking the colors from the active image, you're able
  258.             to pick colors from the entire screen.
  259.           </p>
  260.               </dd>
  261.               <dt>
  262.                 <span class="term">HTML Notation</span>
  263.               </dt>
  264.               <dd>
  265.                 <a id="id2661166" class="indexterm"></a>
  266.                 <p>
  267.             See <a class="link" href="glossary.html#glossary-html-notation" title="HTML notation">HTML notation</a>.
  268.             You can also use the CSS keywords; enter the first letter of a
  269.             color to get a list of colors with their keyword :
  270.           </p>
  271.                 <div class="figure">
  272.                   <a id="id2661190"></a>
  273.                   <p class="title">
  274.                     <b>Figure¬†14.25.¬†
  275.               <span lang="en" xml:lang="en">CSS keywords example</span>
  276.             </b>
  277.                   </p>
  278.                   <div class="figure-contents">
  279.                     <div class="mediaobject">
  280.                       <img src="../images/dialogs/css-keywords.png" alt="CSS keywords example" />
  281.                     </div>
  282.                   </div>
  283.                 </div>
  284.                 <br class="figure-break" />
  285.               </dd>
  286.             </dl>
  287.           </div>
  288.           <p>
  289.       As described above, the color selector started from the toolbox
  290.       file menu and the image menu is different from the color selector
  291.       started in any other way. In the first tool, the current foreground and
  292.       background colour are displayed in color swatches, at the lower part of
  293.       the dialog.  In order to activate a color swatch, you can simply click on
  294.       the desired box. All the  modifications you do with the color
  295.       selectors, apply to the active color box.
  296.     </p>
  297.           <p>
  298.       Right up you find a symbol, consisting of two arrows, with which you can
  299.       exchange the foreground and background colour. At the bottom left of the
  300.       dialog, just below the foreground color block, you find a switching
  301.       surface with two small, one black and the other white, partially
  302.       overlapping squares. If you click on these, the front and background
  303.       colour are put back to black and white respectively.
  304.     </p>
  305.         </div>
  306.       </div>
  307.     </div>
  308.     <div class="navfooter">
  309.       <hr />
  310.       <table width="100%" summary="Navigation footer">
  311.         <tr>
  312.           <td width="40%" align="left"><a accesskey="p" href="gimp-undo-dialog.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  313.           <td width="20%" align="center">
  314.             <a accesskey="u" href="dialogs.html">
  315.               <img src="../images/up.png" alt="Up" />
  316.             </a>
  317.           </td>
  318.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-brush-dialog.html"><img src="../images/next.png" alt="Next" /></a></td>
  319.         </tr>
  320.         <tr>
  321.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-undo-dialog.html">2.7.¬†
  322.     <span lang="en" xml:lang="en">Undo History Dialog</span>
  323.   </a>¬†</td>
  324.           <td width="20%" align="center">
  325.             <a accesskey="h" href="index.html">
  326.               <img src="../images/home.png" alt="Home" />
  327.             </a>
  328.           </td>
  329.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-brush-dialog.html">3.2.¬†
  330.     <span lang="en" xml:lang="en">Brushes Dialog</span>
  331.   </a></td>
  332.         </tr>
  333.       </table>
  334.     </div>
  335.   </body>
  336. </html>
  337.