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-crop.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  18.3 KB  |  483 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>4.4.¬† Crop</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-transform.html" title="4.¬† Transform Tools" />
  14.     <link rel="prev" href="gimp-tool-align.html" title="4.3.¬† Align" />
  15.     <link rel="next" href="gimp-tool-rotate.html" title="4.5.¬† Rotate" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">4.4.¬†
  22.     <span lang="en" xml:lang="en">Crop</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-tool-align.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">4.¬†
  28.     <span lang="en" xml:lang="en">Transform Tools</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-tool-rotate.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-tool-crop"></a>4.4.¬†
  40.     <span lang="en" xml:lang="en">Crop</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: 2422 $</td>
  53.                   <td align="left">2008-01-11</td>
  54.                   <td align="left">j.h</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2639945" class="indexterm"></a>
  62.       <a id="id2639954" class="indexterm"></a>
  63.       <a id="id2639967" class="indexterm"></a>
  64.       <div class="figure">
  65.         <a id="id2639985"></a>
  66.         <p class="title">
  67.           <b>Figure¬†13.99.¬†
  68.       <span lang="en" xml:lang="en">Crop tool</span>
  69.     </b>
  70.         </p>
  71.         <div class="figure-contents">
  72.           <div class="mediaobject">
  73.             <img src="../images/toolbox/toolbox-crop.png" alt="Crop tool" />
  74.           </div>
  75.         </div>
  76.       </div>
  77.       <br class="figure-break" />
  78.       <p>
  79.     The Crop Tool is used to crop or clip an image. It works on all the
  80.     layers of the image, visible and invisible. This tool is often used
  81.     to remove borders, or to eliminate unwanted areas to provide you with a
  82.     more focused working area. It is also useful if you need a specific image
  83.     size that does not match the original dimensions of your image.
  84.   </p>
  85.       <p>
  86.     Just like the selection tools, the new crop tool has been enhanced with
  87.     the v2.4 release. The resize handles actually resize the crop rectangle
  88.     instead of providing both resize and move functionality. The tool behaves
  89.     more naturally and consistently with other GIMP tools.
  90.     To move, simply drag the rectangle clicking within the area. Resizing is
  91.     possible in one or two axes at the same time dragging the handle-bars on
  92.     the sides and corners. The outside area can be darkened with a nice
  93.     passepartout effect to better get the idea of how the final crop will
  94.     look like. To validate cropping, click inside the crop rectangle or
  95.     press the <span class="keycap"><strong>Enter</strong></span> key.
  96.   </p>
  97.       <p>
  98.     When the mouse becomes the moving cross-hair, you can use the keyboard
  99.     arrow keys to move the crop rectangle. Holding the
  100.     <span class="keycap"><strong>Shift</strong></span> key down allows to move by steps of 25 pixels.
  101.   </p>
  102.       <p>
  103.     You can use Guides to position the crop area. Make sure that the
  104.     <span class="guimenu">View</span> ‚Üí <span class="guimenuitem">Snap to Guides</span>
  105.     option is checked.
  106.   </p>
  107.       <div class="sect3" lang="en" xml:lang="en">
  108.         <div class="titlepage">
  109.           <div>
  110.             <div>
  111.               <h4 class="title"><a id="id2640098"></a>4.4.1.¬†
  112.       <span lang="en" xml:lang="en">Activate the Tool</span>
  113.     </h4>
  114.             </div>
  115.           </div>
  116.         </div>
  117.         <div class="itemizedlist">
  118.           <ul type="disc">
  119.             <li>
  120.               <p>
  121.           You can access this tool from the image-menu through:
  122.           <span class="guimenu">Tools</span> ‚Üí <span class="guisubmenu">Transform tools</span> ‚Üí <span class="guimenuitem">Crop</span>.
  123.         </p>
  124.             </li>
  125.             <li>
  126.               <p>
  127.           The Tool can also be called by clicking the tool icon:
  128.           <span class="guiicon">
  129.             <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-crop-22.png" /></span>
  130.           </span>,
  131.         </p>
  132.             </li>
  133.             <li>
  134.               <p>
  135.           or by using the
  136.           <span class="keycap"><strong>Shift</strong></span>+<span class="keycap"><strong>C</strong></span> keys.
  137.         </p>
  138.             </li>
  139.           </ul>
  140.         </div>
  141.         <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  142.           <table border="0" summary="Tip">
  143.             <tr>
  144.               <td rowspan="2" align="center" valign="top" width="25">
  145.                 <img alt="[Tip]" src="../images/tip.png" />
  146.               </td>
  147.               <th align="left">Tip</th>
  148.             </tr>
  149.             <tr>
  150.               <td align="left" valign="top">
  151.                 <p>
  152.         A different and quicker way to crop selections is using the
  153.         <span class="guimenu"><span class="accel">I</span>mage</span> ‚Üí <span class="guimenuitem"><span class="accel">C</span>rop Image</span>
  154.         function in the Image menu.
  155.       </p>
  156.               </td>
  157.             </tr>
  158.           </table>
  159.         </div>
  160.       </div>
  161.       <div class="sect3" lang="en" xml:lang="en">
  162.         <div class="titlepage">
  163.           <div>
  164.             <div>
  165.               <h4 class="title"><a id="id2640225"></a>4.4.2.¬†
  166.       <span lang="en" xml:lang="en">Key modifiers (Defaults)</span>
  167.     </h4>
  168.             </div>
  169.           </div>
  170.         </div>
  171.         <div class="variablelist">
  172.           <dl>
  173.             <dt>
  174.               <span class="term">Shortcut</span>
  175.             </dt>
  176.             <dd>
  177.               <p>
  178.             The
  179.             <span class="keycap"><strong>Shift</strong></span>+<span class="keycap"><strong>C</strong></span>
  180.             shortcut will change the active tool to the Crop Tool.
  181.           </p>
  182.             </dd>
  183.             <dt>
  184.               <span class="term">Key modifiers</span>
  185.             </dt>
  186.             <dd>
  187.               <p>
  188.             When you maintain click on the crop rectangle, handles
  189.             disappear and
  190.           </p>
  191.               <div class="itemizedlist">
  192.                 <ul type="disc">
  193.                   <li>
  194.                     <p>
  195.                 holding down the <span class="keycap"><strong>Ctrl</strong></span> key toggles to the
  196.                 <span class="guilabel">Extend from Center</span> option,
  197.               </p>
  198.                   </li>
  199.                   <li>
  200.                     <p>
  201.                 holding down the <span class="keycap"><strong>Shift</strong></span> key toggles to the
  202.                 <span class="guilabel">Fixed</span> option, which makes some
  203.                 dimensions fixed.
  204.               </p>
  205.                   </li>
  206.                 </ul>
  207.               </div>
  208.             </dd>
  209.           </dl>
  210.         </div>
  211.       </div>
  212.       <div class="sect3" lang="en" xml:lang="en">
  213.         <div class="titlepage">
  214.           <div>
  215.             <div>
  216.               <h4 class="title"><a id="id2640346"></a>4.4.3.¬†
  217.       <span lang="en" xml:lang="en">Options</span>
  218.     </h4>
  219.             </div>
  220.           </div>
  221.         </div>
  222.         <div class="figure">
  223.           <a id="id2640356"></a>
  224.           <p class="title">
  225.             <b>Figure¬†13.100.¬†
  226.         <span lang="en" xml:lang="en">
  227.           ‚Äú<span class="quote">Crop and Resize</span>‚Äù tool options
  228.         </span>
  229.       </b>
  230.           </p>
  231.           <div class="figure-contents">
  232.             <div class="mediaobject">
  233.               <img src="../images/toolbox/tool-options-crop.png" alt="Crop and Resize tool options" />
  234.             </div>
  235.           </div>
  236.         </div>
  237.         <br class="figure-break" />
  238.         <div class="variablelist">
  239.           <dl>
  240.             <dt>
  241.               <span class="term">Overview</span>
  242.             </dt>
  243.             <dd>
  244.               <p>
  245.             The available tool options for Crop can be accessed by double
  246.             clicking the Crop tool icon.
  247.             <span class="guiicon">
  248.               <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-crop-22.png" /></span>
  249.             </span>
  250.           </p>
  251.             </dd>
  252.             <dt>
  253.               <span class="term">Current Layer Only</span>
  254.             </dt>
  255.             <dd>
  256.               <p>
  257.             This option will make crop affect only the active layer.
  258.           </p>
  259.             </dd>
  260.             <dt>
  261.               <span class="term">Allow Growing</span>
  262.             </dt>
  263.             <dd>
  264.               <p>
  265.             This option allows the crop or resize to take place outside the
  266.             image or layer boundary.
  267.           </p>
  268.               <div class="figure">
  269.                 <a id="id2640466"></a>
  270.                 <p class="title">
  271.                   <b>Figure¬†13.101.¬†
  272.               <span lang="en" xml:lang="en">
  273.                 Example for ‚Äú<span class="quote">Allow Growing</span>‚Äù
  274.               </span>
  275.             </b>
  276.                 </p>
  277.                 <div class="figure-contents">
  278.                   <div class="mediaobject">
  279.                     <img src="../images/toolbox/crop-grow-1.png" alt="Example for Allow Growing" />
  280.                     <div class="caption">
  281.                       <p>
  282.                   The option is checked: you can draw the crop rectangle
  283.                   outside the image border.
  284.                 </p>
  285.                     </div>
  286.                   </div>
  287.                   <div class="mediaobject">
  288.                     <img src="../images/toolbox/crop-grow-2.png" alt="Example for Allow Growing" />
  289.                     <div class="caption">
  290.                       <p>
  291.                   The resulting image has the same size as the crop
  292.                   rectangle. The area outside the original image limit is
  293.                   transparent.
  294.                 </p>
  295.                     </div>
  296.                   </div>
  297.                 </div>
  298.               </div>
  299.               <br class="figure-break" />
  300.             </dd>
  301.             <dt>
  302.               <span class="term">Expand from Center</span>
  303.             </dt>
  304.             <dd>
  305.               <p>
  306.             When this option is checked, the crop rectangle expands from
  307.             the first pixel you clicked taken for center. You can toggle
  308.             this option with <span class="keycap"><strong>Ctrl</strong></span> while drawing the crop
  309.             rectangle.
  310.           </p>
  311.             </dd>
  312.             <dt>
  313.               <span class="term">Fixed</span>
  314.             </dt>
  315.             <dd>
  316.               <p>
  317.             You can also access this option by holding down the
  318.             <span class="keycap"><strong>Ctrl</strong></span> key while drawing the crop rectangle.
  319.             This option offers you several to make drawing
  320.             the crop rectangle respect fixed dimensions, or their ratio:
  321.           </p>
  322.               <div class="itemizedlist">
  323.                 <ul type="disc">
  324.                   <li>
  325.                     <p>
  326.                 <span class="guilabel">Aspect ratio</span>: That's the default
  327.                 possibility. Width and Height keep the same ratio they have
  328.                 in the original image, when drawing the crop rectangle.
  329.               </p>
  330.                   </li>
  331.                   <li>
  332.                     <p>
  333.                 <span class="guilabel">Width / Height</span>: only Width or Height
  334.                 will remain fixed. The value of this dimension can be set in
  335.                 the text box below; it defaults to 100 pixels.
  336.               </p>
  337.                   </li>
  338.                   <li>
  339.                     <p>
  340.                 <span class="guilabel">Size</span>: both Width and Height will be
  341.                 fixed. Their values can be set in the text box below, in the
  342.                 form ‚Äú<span class="quote">150x100</span>‚Äù for example. The crop rectangle
  343.                 will adopt this values as soon as you click the image. On the
  344.                 right, two buttons let you choose a
  345.                 <span class="guibutton">Landscape</span> (widthwise) or
  346.                 <span class="guibutton">Portrait</span> (upright) format for the
  347.                 crop rectangle.
  348.               </p>
  349.                   </li>
  350.                 </ul>
  351.               </div>
  352.             </dd>
  353.             <dt>
  354.               <span class="term">Position</span>
  355.             </dt>
  356.             <dd>
  357.               <p>
  358.             These two text boxes show the position (horizontal on the left,
  359.             vertical on the right) of the upper left corner of the crop
  360.             rectangle in real time and you can change it manually too. It is
  361.             stated in pixels, but you can change the unit thanks to the
  362.             drop-down list of the <span class="guibutton">px</span> button. The
  363.             coordinate origin is the upper left corner of the canvas (not of
  364.             the image).
  365.           </p>
  366.             </dd>
  367.             <dt>
  368.               <span class="term">Size</span>
  369.             </dt>
  370.             <dd>
  371.               <p>
  372.             These two text boxes show the size (horizontal on the left,
  373.             vertical on the right) of the crop-rectangle in real time and you
  374.             can change it manually too. It is stated in pixels, but you can
  375.             change the unit thanks to the drop-down list of the
  376.             <span class="guibutton">px</span> button.
  377.           </p>
  378.             </dd>
  379.             <dt>
  380.               <span class="term">Highlight</span>
  381.             </dt>
  382.             <dd>
  383.               <p>
  384.             This option toggles the dark outside area intended for
  385.             highlighting the crop rectangle.
  386.           </p>
  387.             </dd>
  388.             <dt>
  389.               <span class="term">Guides</span>
  390.             </dt>
  391.             <dd>
  392.               <p>
  393.             All kinds of guides are described in
  394.             <a class="xref" href="gimp-tool-rect-select.html" title="2.2.¬† Rectangle Selection">Section¬†2.2, ‚Äú
  395.     <span lang="en" xml:lang="en">Rectangle Selection</span>
  396.   ‚Äù</a>
  397.           </p>
  398.             </dd>
  399.             <dt>
  400.               <span class="term">Autoshrink</span>
  401.             </dt>
  402.             <dd>
  403.               <p>
  404.             The Auto Shrink button will attempt to locate a border, in the
  405.             active layer, from which to draw dimensions from. This option
  406.             only works well with isolated objects contrasting sharply with
  407.             background.
  408.           </p>
  409.               <div class="figure">
  410.                 <a id="id2640804"></a>
  411.                 <p class="title">
  412.                   <b>Figure¬†13.102.¬†
  413.               <span lang="en" xml:lang="en">
  414.                 Example for ‚Äú<span class="quote">Autoshrink</span>‚Äù
  415.               </span>
  416.             </b>
  417.                 </p>
  418.                 <div class="figure-contents">
  419.                   <div class="mediaobject">
  420.                     <img src="../images/toolbox/auto-shrink1.png" alt="Example for Autoshrink" />
  421.                     <div class="caption">
  422.                       <p>
  423.                   An image with a sharp limit in it and a crop rectangle.
  424.                 </p>
  425.                     </div>
  426.                   </div>
  427.                   <div class="mediaobject">
  428.                     <img src="../images/toolbox/auto-shrink2.png" alt="Example for Autoshrink" />
  429.                     <div class="caption">
  430.                       <p>
  431.                   After clicking the Autoshrink button, the crop rectangle
  432.                   has been shrunk to fit the sharp limits.
  433.                 </p>
  434.                     </div>
  435.                   </div>
  436.                 </div>
  437.               </div>
  438.               <br class="figure-break" />
  439.             </dd>
  440.             <dt>
  441.               <span class="term">Shrink Merged</span>
  442.             </dt>
  443.             <dd>
  444.               <p>
  445.             This option works the same, with Auto Shrink or not. It uses the
  446.             pixel information from all <span class="emphasis"><em>visible</em></span> layers,
  447.             rather than just from the active layer.
  448.           </p>
  449.             </dd>
  450.           </dl>
  451.         </div>
  452.       </div>
  453.     </div>
  454.     <div class="navfooter">
  455.       <hr />
  456.       <table width="100%" summary="Navigation footer">
  457.         <tr>
  458.           <td width="40%" align="left"><a accesskey="p" href="gimp-tool-align.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  459.           <td width="20%" align="center">
  460.             <a accesskey="u" href="gimp-tools-transform.html">
  461.               <img src="../images/up.png" alt="Up" />
  462.             </a>
  463.           </td>
  464.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-tool-rotate.html"><img src="../images/next.png" alt="Next" /></a></td>
  465.         </tr>
  466.         <tr>
  467.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tool-align.html">4.3.¬†
  468.     <span lang="en" xml:lang="en">Align</span>
  469.   </a>¬†</td>
  470.           <td width="20%" align="center">
  471.             <a accesskey="h" href="index.html">
  472.               <img src="../images/home.png" alt="Home" />
  473.             </a>
  474.           </td>
  475.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-tool-rotate.html">4.5.¬†
  476.     <span lang="en" xml:lang="en">Rotate</span>
  477.   </a></td>
  478.         </tr>
  479.       </table>
  480.     </div>
  481.   </body>
  482. </html>
  483.