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-tutorial-quickie-crop.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  7.8 KB  |  170 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 An Image</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-tutorial-quickies.html" title="4.¬† GIMPLite Quickies" />
  14.     <link rel="prev" href="gimp-tutorial-quickie-jpeg.html" title="4.3.¬† Make JPEGs Smaller" />
  15.     <link rel="next" href="gimp-tutorial-quickie-info.html" title="4.5.¬† Find Info About Your Image" />
  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 An Image</span>
  23.     </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-tutorial-quickie-jpeg.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">4.¬†
  28.     <span lang="en" xml:lang="en">GIMPLite Quickies</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-tutorial-quickie-info.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-tutorial-quickie-crop"></a>4.4.¬†
  40.       <span lang="en" xml:lang="en">Crop An Image</span>
  41.     </h3>
  42.           </div>
  43.         </div>
  44.       </div>
  45.       <a id="id2585595" class="indexterm"></a>
  46.       <a id="id2585604" class="indexterm"></a>
  47.       <div class="figure">
  48.         <a id="id2585616"></a>
  49.         <p class="title">
  50.           <b>Figure¬†3.21.¬†
  51.         <span lang="en" xml:lang="en">Example Image for Cropping</span>
  52.       </b>
  53.         </p>
  54.         <div class="figure-contents">
  55.           <div class="mediaobject">
  56.             <img src="../images/tutorials/quickie-crop-example-source.jpg" alt="Example Image for Cropping" />
  57.             <div class="caption">
  58.               <p>Source image</p>
  59.             </div>
  60.           </div>
  61.           <div class="mediaobject">
  62.             <img src="../images/tutorials/quickie-crop-example-result.jpg" alt="Example Image for Cropping" />
  63.             <div class="caption">
  64.               <p>Image after cropping</p>
  65.             </div>
  66.           </div>
  67.         </div>
  68.       </div>
  69.       <br class="figure-break" />
  70.       <p>
  71.       Many reasons to need to crop an image. Making rectangles square, or
  72.       making squares into rectangles. Cutting a lot of useless background to
  73.       bring out the subject better. etc. To get to the crop tool, you can
  74.       either press the
  75.       <span class="guiicon">
  76.         <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-crop-22.png" /></span>
  77.       </span>
  78.      button on the toolbox or right click on the image and follow the menu
  79.       <span class="guimenu">Tools</span> ‚Üí <span class="guisubmenu">Transform Tools</span> ‚Üí <span class="guimenuitem">Crop and Resize</span> in the image window. This will change
  80.       the cursor and allow you to click and drag a rectangular shape. The
  81.       button in the toolbox is the nicest way to get to any of the tools. I
  82.       have chosen one of the huge and beautiful APOD images
  83.       <a class="xref" href="bibliography.html#bibliography-online-apod05" title="Astronomy Picture of the Day - NGC 6369: The Little Ghost Nebula (2002 November 8)">[<abbr class="abbrev">APOD05</abbr>]</a>.
  84.     </p>
  85.       <div class="figure">
  86.         <a id="id2585730"></a>
  87.         <p class="title">
  88.           <b>Figure¬†3.22.¬†
  89.         <span lang="en" xml:lang="en">Select a Region to Crop</span>
  90.       </b>
  91.         </p>
  92.         <div class="figure-contents">
  93.           <div class="mediaobject">
  94.             <img src="../images/tutorials/quickie-crop-step1.png" alt="Select a Region to Crop" />
  95.           </div>
  96.         </div>
  97.       </div>
  98.       <br class="figure-break" />
  99.       <p>
  100.       I always click on the approximate upper left corner and drag to the
  101.       lower right corner. You don't need to worry about being accurate on this
  102.       first swipe with the crop tool, since a little dialog will pop up and
  103.       you can make a better choice for your new borders there.
  104.     </p>
  105.       <div class="figure">
  106.         <a id="id2585775"></a>
  107.         <p class="title">
  108.           <b>Figure¬†3.23.¬†
  109.         <span lang="en" xml:lang="en">Dialog for Cropping</span>
  110.       </b>
  111.         </p>
  112.         <div class="figure-contents">
  113.           <div class="mediaobject">
  114.             <img src="../images/tutorials/quickie-crop-step2.png" alt="Dialog for Cropping" />
  115.           </div>
  116.         </div>
  117.       </div>
  118.       <br class="figure-break" />
  119.       <p>
  120.       After completing the click and drag motion, a little
  121.       ‚Äú<span class="quote">Crop and Resize Information Dialog</span>‚Äù
  122.       (shown above also) pops up, telling you information about the borders
  123.       that were defined in the click and drag. We will have to change all of
  124.       the numbers. If you would like to make this rectangular image square,
  125.       you should find the width and height from the Get Image Information
  126.       Quickie (see <a class="xref" href="gimp-tutorial-quickie-info.html" title="4.5.¬† Find Info About Your Image">Section¬†4.5, ‚Äú
  127.       <span lang="en" xml:lang="en">Find Info About Your Image</span>
  128.     ‚Äù</a>.
  129.       Use the smallest of the two lengths to determine the size of the
  130.       square. In my 300 x 225 pixel image, the largest square I can get is 225
  131.       x 225 pixels, and I will need to make sure the Y origin is 0. At that
  132.       point, I use the image and the squares to get the best part of the image
  133.       for the area. The upper right and lower left crop squares will move the
  134.       marked area. The other two (upper left and lower right) will change the
  135.       dimensions of the marked area, so be careful. I have a screenshot of
  136.       this, right after I fixed the width and height and the Y origin, but
  137.       before the final positioning. The arrows show the move points.
  138.       I decided that the image looked the best with the X Origin at 42.
  139.     </p>
  140.     </div>
  141.     <div class="navfooter">
  142.       <hr />
  143.       <table width="100%" summary="Navigation footer">
  144.         <tr>
  145.           <td width="40%" align="left"><a accesskey="p" href="gimp-tutorial-quickie-jpeg.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  146.           <td width="20%" align="center">
  147.             <a accesskey="u" href="gimp-tutorial-quickies.html">
  148.               <img src="../images/up.png" alt="Up" />
  149.             </a>
  150.           </td>
  151.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-tutorial-quickie-info.html"><img src="../images/next.png" alt="Next" /></a></td>
  152.         </tr>
  153.         <tr>
  154.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tutorial-quickie-jpeg.html">4.3.¬†
  155.       <span lang="en" xml:lang="en">Make JPEGs Smaller</span>
  156.     </a>¬†</td>
  157.           <td width="20%" align="center">
  158.             <a accesskey="h" href="index.html">
  159.               <img src="../images/home.png" alt="Home" />
  160.             </a>
  161.           </td>
  162.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-tutorial-quickie-info.html">4.5.¬†
  163.       <span lang="en" xml:lang="en">Find Info About Your Image</span>
  164.     </a></td>
  165.         </tr>
  166.       </table>
  167.     </div>
  168.   </body>
  169. </html>
  170.