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-tool-foreground-select.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  21.1 KB  |  550 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.8.¬† Foreground Select</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-tools-selection.html" title="2.¬†Selection Tools" />
  14.     <link rel="prev" href="gimp-tool-iscissors.html" title="2.7.¬† Scissors" />
  15.     <link rel="next" href="gimp-tools-paint.html" title="3.¬† Brush Tools" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">2.8.¬†
  22.     <span lang="en" xml:lang="en">Foreground Select</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-tool-iscissors.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">2.¬†Selection Tools</th>
  28.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-tools-paint.html"><img src="../images/next.png" alt="Next" /></a></td>
  29.         </tr>
  30.       </table>
  31.       <hr />
  32.     </div>
  33.     <div class="sect2" lang="en" xml:lang="en">
  34.       <div class="titlepage">
  35.         <div>
  36.           <div>
  37.             <h3 class="title"><a id="gimp-tool-foreground-select"></a>2.8.¬†
  38.     <span lang="en" xml:lang="en">Foreground Select</span>
  39.   </h3>
  40.           </div>
  41.           <div>
  42.             <div class="revhistory">
  43.               <table border="1" width="100%" summary="Revision history">
  44.                 <tr>
  45.                   <th align="left" valign="top" colspan="3">
  46.                     <b>Revision History</b>
  47.                   </th>
  48.                 </tr>
  49.                 <tr>
  50.                   <td align="left">Revision $Revision: 2429 $</td>
  51.                   <td align="left">2007-07-26</td>
  52.                   <td align="left">j.h</td>
  53.                 </tr>
  54.               </table>
  55.             </div>
  56.           </div>
  57.         </div>
  58.       </div>
  59.       <a id="id2625921" class="indexterm"></a>
  60.       <a id="id2625935" class="indexterm"></a>
  61.       <a id="id2625948" class="indexterm"></a>
  62.       <div class="figure">
  63.         <a id="id2625957"></a>
  64.         <p class="title">
  65.           <b>Figure¬†13.23.¬†
  66.       <span lang="en" xml:lang="en">
  67.         The ‚Äú<span class="quote">Foreground Select</span>‚Äù tool in the Toolbox
  68.       </span>
  69.     </b>
  70.         </p>
  71.         <div class="figure-contents">
  72.           <div class="mediaobject">
  73.             <img src="../images/toolbox/FG-select-toolbox.png" alt="The Foreground Select tool in the Toolbox" />
  74.           </div>
  75.         </div>
  76.       </div>
  77.       <br class="figure-break" />
  78.       <p>
  79.     This tool lets you extract the foreground from the active layer or from a
  80.     selection. It is based on the SIOX method (Simple Interactive Object
  81.     Extraction). You can visit its Web page at
  82.     <a class="xref" href="bibliography.html#bibliography-online-siox" title="Simple Interactive Object Extraction">[<abbr class="abbrev">SIOX</abbr>]</a>.
  83.   </p>
  84.       <div class="sect3" lang="en" xml:lang="en">
  85.         <div class="titlepage">
  86.           <div>
  87.             <div>
  88.               <h4 class="title"><a id="tool-fg-select-usage"></a>2.8.1.¬†
  89.       <span lang="en" xml:lang="en">Directions for use</span>
  90.     </h4>
  91.             </div>
  92.           </div>
  93.         </div>
  94.         <p>
  95.       The creation of a selection with this tool works in a couple of steps:
  96.     </p>
  97.         <div class="procedure">
  98.           <ol type="1">
  99.             <li>
  100.               <p>
  101.           <span class="emphasis"><em>Roughly select the foreground</em></span> you want
  102.           to extract. When you select this tool, the mouse pointer goes with
  103.           the lasso icon. It actually works like the Fuzzy Select tool.
  104.           Select as little as possible from the background.
  105.         </p>
  106.               <p>
  107.           As soon as you release the mouse button, the non selected part of
  108.           the image is covered with a dark blue mask. If the selection is not
  109.           closed, its ends will be linked automatically together by a straight
  110.           line. The mouse pointer goes now with the Paint-brush icon for the
  111.           next step.
  112.         </p>
  113.               <div class="figure">
  114.                 <a id="id2626059"></a>
  115.                 <p class="title">
  116.                   <b>Figure¬†13.24.¬†
  117.             <span lang="en" xml:lang="en">The foreground is roughly selected</span>
  118.           </b>
  119.                 </p>
  120.                 <div class="figure-contents">
  121.                   <div class="mediaobject">
  122.                     <img src="../images/toolbox/FG-select-ex1.png" alt="The foreground is roughly selected" />
  123.                   </div>
  124.                 </div>
  125.               </div>
  126.               <br class="figure-break" />
  127.             </li>
  128.             <li>
  129.               <p>
  130.           <span class="emphasis"><em>Draw a line through the foreground</em></span>: using the
  131.           paintbrush, whose size can be changed in options, draw a continuous
  132.           line in the selected foreground going over colors which will be
  133.           kept for the extraction. The color used to draw the line is of no
  134.           importance; not using the same color as foreground is better. Be
  135.           careful not painting background pixels.
  136.         </p>
  137.               <div class="figure">
  138.                 <a id="id2626107"></a>
  139.                 <p class="title">
  140.                   <b>Figure¬†13.25.¬†
  141.             <span lang="en" xml:lang="en">The line drawn on the foreground</span>
  142.           </b>
  143.                 </p>
  144.                 <div class="figure-contents">
  145.                   <div class="mediaobject">
  146.                     <img src="../images/toolbox/FG-select-ex2.png" alt="The line drawn on the foreground" />
  147.                     <div class="caption">
  148.                       <p>
  149.                 In this example, it is important that the line goes over the
  150.                 yellow capitulum of the flower.
  151.               </p>
  152.                     </div>
  153.                   </div>
  154.                 </div>
  155.               </div>
  156.               <br class="figure-break" />
  157.             </li>
  158.             <li>
  159.               <p>
  160.           When you release the mouse button, all non-selected areas are in
  161.           dark :
  162.         </p>
  163.               <div class="figure">
  164.                 <a id="id2626158"></a>
  165.                 <p class="title">
  166.                   <b>Figure¬†13.26.¬†
  167.             <span lang="en" xml:lang="en">The area which will be selected</span>
  168.           </b>
  169.                 </p>
  170.                 <div class="figure-contents">
  171.                   <div class="mediaobject">
  172.                     <img src="../images/toolbox/FG-select-ex3.png" alt="The area which will be selected" />
  173.                   </div>
  174.                 </div>
  175.               </div>
  176.               <br class="figure-break" />
  177.             </li>
  178.             <li>
  179.               <p>
  180.           You still have to press the <span class="keycap"><strong>Enter</strong></span> key to get the
  181.           wanted selection :
  182.         </p>
  183.               <div class="figure">
  184.                 <a id="id2626204"></a>
  185.                 <p class="title">
  186.                   <b>Figure¬†13.27.¬†
  187.             <span lang="en" xml:lang="en">Foreground is selected.</span>
  188.           </b>
  189.                 </p>
  190.                 <div class="figure-contents">
  191.                   <div class="mediaobject">
  192.                     <img src="../images/toolbox/FG-select-ex4.png" alt="Foreground is selected." />
  193.                   </div>
  194.                 </div>
  195.               </div>
  196.               <br class="figure-break" />
  197.             </li>
  198.           </ol>
  199.         </div>
  200.         <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  201.           <table border="0" summary="Note">
  202.             <tr>
  203.               <td rowspan="2" align="center" valign="top" width="25">
  204.                 <img alt="[Note]" src="../images/note.png" />
  205.               </td>
  206.               <th align="left">Note</th>
  207.             </tr>
  208.             <tr>
  209.               <td align="left" valign="top">
  210.                 <p>
  211.         Until you press <span class="keycap"><strong>Enter</strong></span>, you can't undo this selection
  212.         by <span class="keycap"><strong>Ctrl</strong></span>+<span class="keycap"><strong>Z</strong></span> nor by
  213.         <span class="guimenu">Select</span> ‚Üí <span class="guimenuitem">None</span>,
  214.         and the Undo History is not concerned. To delete this selection, you
  215.         must select another tool.
  216.       </p>
  217.               </td>
  218.             </tr>
  219.           </table>
  220.         </div>
  221.       </div>
  222.       <div class="sect3" lang="en" xml:lang="en">
  223.         <div class="titlepage">
  224.           <div>
  225.             <div>
  226.               <h4 class="title"><a id="id2626281"></a>2.8.2.¬†
  227.       <span lang="en" xml:lang="en">Activating the Tool</span>
  228.     </h4>
  229.             </div>
  230.           </div>
  231.         </div>
  232.         <p>
  233.       You can activate the Foreground Select tool in two ways:
  234.     </p>
  235.         <div class="itemizedlist">
  236.           <ul type="disc">
  237.             <li>
  238.               <p>
  239.           By clicking on the tool icon
  240.           <span class="guiicon">
  241.             <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-foreground-select-22.png" /></span>
  242.           </span>
  243.           in the Toolbox.
  244.         </p>
  245.             </li>
  246.             <li>
  247.               <p>
  248.           Through
  249.           <span class="guimenu">Tools</span> ‚Üí <span class="guisubmenu">Selection Tools</span> ‚Üí <span class="guimenuitem">Foreground Select</span>
  250.           in the image menu.
  251.         </p>
  252.             </li>
  253.             <li>
  254.               <p>
  255.           This tool has no shortcut, but you can set one using
  256.           <span class="guimenu">File</span> ‚Üí <span class="guisubmenu">Preferences</span> ‚Üí <span class="guisubmenu">Interface</span> ‚Üí <span class="guisubmenu">Configure Keyboard Shortcuts</span> ‚Üí <span class="guisubmenu">tools</span> ‚Üí <span class="guimenuitem">Foreground Select</span>
  257.         </p>
  258.             </li>
  259.           </ul>
  260.         </div>
  261.       </div>
  262.       <div class="sect3" lang="en" xml:lang="en">
  263.         <div class="titlepage">
  264.           <div>
  265.             <div>
  266.               <h4 class="title"><a id="id2626417"></a>2.8.3.¬†
  267.       <span lang="en" xml:lang="en">Key modifiers (Defaults)</span>
  268.     </h4>
  269.             </div>
  270.           </div>
  271.         </div>
  272.         <div class="variablelist">
  273.           <dl>
  274.             <dt>
  275.               <span class="term">
  276.                 <span class="keycap">
  277.                   <strong>Ctrl</strong>
  278.                 </span>
  279.               </span>
  280.             </dt>
  281.             <dd>
  282.               <p>
  283.             By pressing the <span class="keycap"><strong>Ctrl</strong></span> key, you can switching
  284.             between foreground and background selection painting.
  285.           </p>
  286.             </dd>
  287.           </dl>
  288.         </div>
  289.       </div>
  290.       <div class="sect3" lang="en" xml:lang="en">
  291.         <div class="titlepage">
  292.           <div>
  293.             <div>
  294.               <h4 class="title"><a id="id2626463"></a>2.8.4.¬†
  295.       <span lang="en" xml:lang="en">Options</span>
  296.     </h4>
  297.             </div>
  298.           </div>
  299.         </div>
  300.         <div class="figure">
  301.           <a id="id2626474"></a>
  302.           <p class="title">
  303.             <b>Figure¬†13.28.¬†
  304.         <span lang="en" xml:lang="en">
  305.           ‚Äú<span class="quote">Foreground Select</span>‚Äù tool options
  306.         </span>
  307.       </b>
  308.           </p>
  309.           <div class="figure-contents">
  310.             <div class="mediaobject">
  311.               <img src="../images/toolbox/FG-select-options.png" alt="Foreground Select tool options" />
  312.               <div class="caption">
  313.                 <p>
  314.             <span class="guilabel">Feather Edges</span> and <span class="guilabel">Color Sensitivity
  315.             </span> options have been checked.
  316.           </p>
  317.               </div>
  318.             </div>
  319.           </div>
  320.         </div>
  321.         <br class="figure-break" />
  322.         <p>
  323.       You can get the option dialog by double-clicking on the tool icon
  324.       <span class="guiicon">
  325.         <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-foreground-select-22.png" /></span>
  326.       </span>
  327.       in the toolbox:
  328.     </p>
  329.         <div class="variablelist">
  330.           <dl>
  331.             <dt>
  332.               <span class="term">Mode; Antialias; Feather edges</span>
  333.             </dt>
  334.             <dd>
  335.               <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  336.                 <table border="0" summary="Note">
  337.                   <tr>
  338.                     <td rowspan="2" align="center" valign="top" width="25">
  339.                       <img alt="[Note]" src="../images/note.png" />
  340.                     </td>
  341.                     <th align="left">Note</th>
  342.                   </tr>
  343.                   <tr>
  344.                     <td align="left" valign="top">
  345.                       <p>
  346.     See <a class="link" href="gimp-tools-selection.html#gimp-tool-select" title="2.1.¬† Common Features">Selection Tools</a>
  347.     for help with options that are common to all these tools. Only
  348.     options that are specific to this tool are explained here.
  349.   </p>
  350.                     </td>
  351.                   </tr>
  352.                 </table>
  353.               </div>
  354.             </dd>
  355.             <dt>
  356.               <span class="term">Contiguous</span>
  357.             </dt>
  358.             <dd>
  359.               <p>
  360.             If this option is enabled, only the area contiguous to the stroke
  361.             will be selected. Otherwise all the areas with same colors will be
  362.             selected.
  363.           </p>
  364.               <div class="figure">
  365.                 <a id="id2626609"></a>
  366.                 <p class="title">
  367.                   <b>Figure¬†13.29.¬†
  368.               <span lang="en" xml:lang="en">
  369.                 ‚Äú<span class="quote">Contiguous</span>‚Äù option effect
  370.               </span>
  371.             </b>
  372.                 </p>
  373.                 <div class="figure-contents">
  374.                   <div class="mediaobject">
  375.                     <img src="../images/toolbox/FG-select-contig1.png" alt="Contiguous option effect" />
  376.                     <div class="caption">
  377.                       <p>
  378.                   Two separated areas with the same color. On the left, only
  379.                   the left area is marked.
  380.                 </p>
  381.                     </div>
  382.                   </div>
  383.                   <div class="mediaobject">
  384.                     <img src="../images/toolbox/FG-select-contig2.png" alt="Contiguous option effect" />
  385.                     <div class="caption">
  386.                       <p>
  387.                   The Contiguous option is checked: only the area close to the
  388.                   painted line is selected.
  389.                 </p>
  390.                     </div>
  391.                   </div>
  392.                   <div class="mediaobject">
  393.                     <img src="../images/toolbox/FG-select-contig3.png" alt="Contiguous option effect" />
  394.                     <div class="caption">
  395.                       <p>
  396.                   The Contiguous option is not checked: both areas, although
  397.                   they are separated, are selected.
  398.                 </p>
  399.                     </div>
  400.                   </div>
  401.                 </div>
  402.               </div>
  403.               <br class="figure-break" />
  404.             </dd>
  405.             <dt>
  406.               <span class="term">Interactive refinement</span>
  407.             </dt>
  408.             <dd>
  409.               <p>
  410.             Here are some options to work more precisely on your selection:
  411.           </p>
  412.               <div class="variablelist">
  413.                 <dl>
  414.                   <dt>
  415.                     <span class="term">Mark foreground</span>
  416.                   </dt>
  417.                   <dd>
  418.                     <p>
  419.                   default option. The foreground color of the Toolbox is used
  420.                   to paint. Colors covered by the painted line will be used
  421.                   for extraction.
  422.                 </p>
  423.                   </dd>
  424.                   <dt>
  425.                     <span class="term">Mark background</span>
  426.                   </dt>
  427.                   <dd>
  428.                     <p>
  429.                   You can access this option either by clicking on the radio
  430.                   button or, more simply, by pressing the <span class="keycap"><strong>Ctrl</strong></span>
  431.                   key. The mouse pointer goes with a small eraser icon. The used color is the background color of
  432.                   Toolbox.
  433.                   The pixels of the selection which have the same color as the
  434.                   ‚Äú<span class="quote">erased</span>‚Äù pixels will NOT be extracted.
  435.                 </p>
  436.                   </dd>
  437.                   <dt>
  438.                     <span class="term">Small brush / Large brush</span>
  439.                   </dt>
  440.                   <dd>
  441.                     <p>
  442.                   This slider lets you adapt the size of the brush used to
  443.                   paint the line. A small brush fits well thin details.
  444.                 </p>
  445.                   </dd>
  446.                 </dl>
  447.               </div>
  448.             </dd>
  449.             <dt>
  450.               <span class="term">Smoothing</span>
  451.             </dt>
  452.             <dd>
  453.               <p>
  454.             The slider lets you remove small holes in your selection.
  455.           </p>
  456.               <div class="figure">
  457.                 <a id="id2626815"></a>
  458.                 <p class="title">
  459.                   <b>Figure¬†13.30.¬†
  460.               <span lang="en" xml:lang="en">
  461.                 ‚Äú<span class="quote">Smoothing</span>‚Äù option effect
  462.               </span>
  463.             </b>
  464.                 </p>
  465.                 <div class="figure-contents">
  466.                   <div class="mediaobject">
  467.                     <img src="../images/toolbox/FG-select-smoothing1.png" alt="Smoothing option effect" />
  468.                     <div class="caption">
  469.                       <p>
  470.                   For this demonstration, small holes painted with the
  471.                   background color of the image have been added (left).
  472.                 </p>
  473.                     </div>
  474.                   </div>
  475.                   <div class="mediaobject">
  476.                     <img src="../images/toolbox/FG-select-smoothing2.png" alt="Smoothing option effect" />
  477.                     <div class="caption">
  478.                       <p>
  479.                   Smoothing= 0 : more than 1 pixel wide holes are not
  480.                   selected.
  481.                 </p>
  482.                     </div>
  483.                   </div>
  484.                   <div class="mediaobject">
  485.                     <img src="../images/toolbox/FG-select-smoothing3.png" alt="Smoothing option effect" />
  486.                     <div class="caption">
  487.                       <p>
  488.                   Smoothing = 7 : less than 3 pixels wide holes are selected.
  489.                 </p>
  490.                     </div>
  491.                   </div>
  492.                 </div>
  493.               </div>
  494.               <br class="figure-break" />
  495.             </dd>
  496.             <dt>
  497.               <span class="term">Preview color</span>
  498.             </dt>
  499.             <dd>
  500.               <p>
  501.             You can select between Red, Green and Blue to mask the image
  502.             background.
  503.           </p>
  504.             </dd>
  505.             <dt>
  506.               <span class="term">Color Sensitivity</span>
  507.             </dt>
  508.             <dd>
  509.               <p>
  510.             This option uses the
  511.             <a class="link" href="glossary.html#glossary-lab" title="L*a*b">L*a*b</a> color model. If your
  512.             image contains many pixels of the same color in different tones,
  513.             you can increase the sensibility of the selection for this
  514.             color.
  515.           </p>
  516.             </dd>
  517.           </dl>
  518.         </div>
  519.       </div>
  520.     </div>
  521.     <div class="navfooter">
  522.       <hr />
  523.       <table width="100%" summary="Navigation footer">
  524.         <tr>
  525.           <td width="40%" align="left"><a accesskey="p" href="gimp-tool-iscissors.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  526.           <td width="20%" align="center">
  527.             <a accesskey="u" href="gimp-tools-selection.html">
  528.               <img src="../images/up.png" alt="Up" />
  529.             </a>
  530.           </td>
  531.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-tools-paint.html"><img src="../images/next.png" alt="Next" /></a></td>
  532.         </tr>
  533.         <tr>
  534.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tool-iscissors.html">2.7.¬†
  535.     <span lang="en" xml:lang="en">Scissors</span>
  536.   </a>¬†</td>
  537.           <td width="20%" align="center">
  538.             <a accesskey="h" href="index.html">
  539.               <img src="../images/home.png" alt="Home" />
  540.             </a>
  541.           </td>
  542.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-tools-paint.html">3.¬†
  543.     <span lang="en" xml:lang="en">Brush Tools</span>
  544.   </a></td>
  545.         </tr>
  546.       </table>
  547.     </div>
  548.   </body>
  549. </html>
  550.