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-align.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  20.0 KB  |  528 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.3.¬† Align</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-move.html" title="4.2.¬† Move" />
  15.     <link rel="next" href="gimp-tool-crop.html" title="4.4.¬† Crop" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">4.3.¬†
  22.     <span lang="en" xml:lang="en">Align</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-tool-move.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-crop.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-align"></a>4.3.¬†
  40.     <span lang="en" xml:lang="en">Align</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">2007-08-27</td>
  54.                   <td align="left">ude</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2638925" class="indexterm"></a>
  62.       <a id="id2638933" class="indexterm"></a>
  63.       <div class="figure">
  64.         <a id="id2638947"></a>
  65.         <p class="title">
  66.           <b>Figure¬†13.92.¬†
  67.       <span lang="en" xml:lang="en">The Align tool in the toolbox</span>
  68.     </b>
  69.         </p>
  70.         <div class="figure-contents">
  71.           <div class="mediaobject">
  72.             <img src="../images/toolbox/toolbox-align.png" alt="The Align tool in the toolbox" />
  73.           </div>
  74.         </div>
  75.       </div>
  76.       <br class="figure-break" />
  77.       <p>
  78.     The Align tool is useful to align the image layers with various
  79.     image objects. When this tool is selected, the mouse pointer turns
  80.     to a small hand. By clicking on an element of a layer in the
  81.     image, you choose the layer which will be moved (with <span class="keycap"><strong>Shift
  82.     </strong></span> + click, you can choose several layers to be aligned);
  83.     this focalised layer has small squares in corners.
  84.     Various buttons in the dialog allow you to select how the layer
  85.     will be moved. And you can select the image object (other layer,
  86.     selection, path...) the selected layer will be aligned on. This
  87.     object is called <span class="emphasis"><em>target</em></span>.
  88.   </p>
  89.       <div class="sect3" lang="en" xml:lang="en">
  90.         <div class="titlepage">
  91.           <div>
  92.             <div>
  93.               <h4 class="title"><a id="id2639001"></a>4.3.1.¬†
  94.       <span lang="en" xml:lang="en">Activate the Tool</span>
  95.     </h4>
  96.             </div>
  97.           </div>
  98.         </div>
  99.         <p>You can activate the Align tool in several ways :</p>
  100.         <div class="itemizedlist">
  101.           <ul type="disc">
  102.             <li>
  103.               <p>
  104.           From the image-menu, through:
  105.           <span class="guimenu"><span class="accel">T</span>ools</span> ‚Üí <span class="guisubmenu"><span class="accel">T</span>ransform Tools</span> ‚Üí <span class="guimenuitem"><span class="accel">A</span>lign</span>.
  106.         </p>
  107.             </li>
  108.             <li>
  109.               <p>
  110.           By clicking on the tool icon:
  111.           <span class="guiicon">
  112.             <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-align-22.png" /></span>
  113.           </span>
  114.           in the toolbox.
  115.         </p>
  116.             </li>
  117.             <li>
  118.               <p>
  119.           By using the <span class="keycap"><strong>Q</strong></span> keyboard shortcut.
  120.         </p>
  121.             </li>
  122.           </ul>
  123.         </div>
  124.       </div>
  125.       <div class="sect3" lang="en" xml:lang="en">
  126.         <div class="titlepage">
  127.           <div>
  128.             <div>
  129.               <h4 class="title"><a id="id2639105"></a>4.3.2.¬†
  130.       <span lang="en" xml:lang="en">Key modifiers (Defaults)</span>
  131.     </h4>
  132.             </div>
  133.           </div>
  134.         </div>
  135.         <div class="variablelist">
  136.           <dl>
  137.             <dt>
  138.               <span class="term">
  139.                 <span class="keycap">
  140.                   <strong>Shift</strong>
  141.                 </span>
  142.               </span>
  143.             </dt>
  144.             <dd>
  145.               <p>
  146.             You can select several layers by holding <span class="keycap"><strong>Shift</strong></span>
  147.             when clicking the layers.
  148.           </p>
  149.               <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  150.                 <table border="0" summary="Tip">
  151.                   <tr>
  152.                     <td rowspan="2" align="center" valign="top" width="25">
  153.                       <img alt="[Tip]" src="../images/tip.png" />
  154.                     </td>
  155.                     <th align="left">Tip</th>
  156.                   </tr>
  157.                   <tr>
  158.                     <td align="left" valign="top">
  159.                       <p>
  160.               Sometimes it's easier to choose multiple layers using
  161.               rubber-banding: click somewhere outside an imaginary rectangular
  162.               region covering the layers you want to choose. Then drag out
  163.               that region by moving the pointer, and release the mouse button.
  164.               Now every layer, which is completely inside the dragged
  165.               rectangle, is selected.
  166.             </p>
  167.                       <p>
  168.               Note that now there is no target ‚Äú<span class="quote">first item</span>‚Äù the
  169.               selected layers can be aligned on.
  170.             </p>
  171.                     </td>
  172.                   </tr>
  173.                 </table>
  174.               </div>
  175.             </dd>
  176.           </dl>
  177.         </div>
  178.       </div>
  179.       <div class="sect3" lang="en" xml:lang="en">
  180.         <div class="titlepage">
  181.           <div>
  182.             <div>
  183.               <h4 class="title"><a id="id2639179"></a>4.3.3.¬†
  184.       <span lang="en" xml:lang="en">Options</span>
  185.     </h4>
  186.             </div>
  187.           </div>
  188.         </div>
  189.         <div class="figure">
  190.           <a id="id2639190"></a>
  191.           <p class="title">
  192.             <b>Figure¬†13.93.¬†
  193.         <span lang="en" xml:lang="en">Align options</span>
  194.       </b>
  195.           </p>
  196.           <div class="figure-contents">
  197.             <div class="mediaobject">
  198.               <img src="../images/toolbox/tool-options-align.png" alt="Align options" />
  199.             </div>
  200.           </div>
  201.         </div>
  202.         <br class="figure-break" />
  203.         <div class="variablelist">
  204.           <dl>
  205.             <dt>
  206.               <span class="term">Overview</span>
  207.             </dt>
  208.             <dd>
  209.               <p>
  210.             The available tool options can be accessed by (double)-clicking the
  211.             align Tool icon.
  212.             <span class="guiicon">
  213.               <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-align-22.png" /></span>
  214.             </span>
  215.           </p>
  216.             </dd>
  217.             <dt>
  218.               <span class="term">Align</span>
  219.             </dt>
  220.             <dd>
  221.               <div class="variablelist">
  222.                 <dl>
  223.                   <dt>
  224.                     <span class="term">Relative to:</span>
  225.                   </dt>
  226.                   <dd>
  227.                     <p>
  228.                   This is the target - the image object the selected layer
  229.                   will be aligned on.
  230.                 </p>
  231.                     <div class="itemizedlist">
  232.                       <ul type="disc">
  233.                         <li>
  234.                           <p>
  235.                       <span class="guilabel">First item</span>: the first selected
  236.                       item when selecting multiple layers holding the Shift
  237.                       key. Note that there is no ‚Äú<span class="quote">first item</span>‚Äù
  238.                       when you select multiple layers using rubber-banding.
  239.                     </p>
  240.                         </li>
  241.                         <li>
  242.                           <p>
  243.                       <span class="guilabel">Image</span>: the image is used as a
  244.                       target.
  245.                     </p>
  246.                         </li>
  247.                         <li>
  248.                           <p>
  249.                       <span class="guilabel">Selection</span>: the minimal rectangular
  250.                       region covering the active selection.
  251.                     </p>
  252.                         </li>
  253.                         <li>
  254.                           <p>
  255.                       <span class="guilabel">Selection</span>: the minimal rectangular
  256.                       region covering the active selection.
  257.                     </p>
  258.                         </li>
  259.                         <li>
  260.                           <p>
  261.                       <span class="guilabel">Active Channel</span>:
  262.                     </p>
  263.                         </li>
  264.                         <li>
  265.                           <p>
  266.                       <span class="guilabel">Active Path</span>: This option is not yet
  267.                       handled.
  268.                     </p>
  269.                         </li>
  270.                       </ul>
  271.                     </div>
  272.                   </dd>
  273.                   <dt>
  274.                     <span class="term">
  275.                 <span class="guiicon">
  276.                   <img src="../images/tool-options/stock-gravity-west-24.png" />
  277.                 </span>
  278.                 <span class="guiicon">
  279.                   <img src="../images/tool-options/stock-hcenter-24.png" />
  280.                 </span>
  281.                 <span class="guiicon">
  282.                   <img src="../images/tool-options/stock-gravity-east-24.png" />
  283.                 </span>
  284.                 <span class="guiicon">
  285.                   <img src="../images/tool-options/stock-gravity-north-24.png" />
  286.                 </span>
  287.                 <span class="guiicon">
  288.                   <img src="../images/tool-options/stock-vcenter-24.png" />
  289.                 </span>
  290.                 <span class="guiicon">
  291.                   <img src="../images/tool-options/stock-gravity-south-24.png" />
  292.                 </span>
  293.               </span>
  294.                   </dt>
  295.                   <dd>
  296.                     <p>
  297.                   These buttons become active when a layer is selected.
  298.                   When you click on one of these buttons, you align the
  299.                   selected layer with left edge, horizontal middle, right edge,
  300.                   top edge, vertical middle, or bottom of the target.
  301.                 </p>
  302.                   </dd>
  303.                 </dl>
  304.               </div>
  305.             </dd>
  306.             <dt>
  307.               <span class="term">Distribute</span>
  308.             </dt>
  309.             <dd>
  310.               <div class="variablelist">
  311.                 <dl>
  312.                   <dt>
  313.                     <span class="term">
  314.                 <span class="guiicon">
  315.                   <img src="../images/tool-options/stock-gravity-west-24.png" />
  316.                 </span>
  317.                 <span class="guiicon">
  318.                   <img src="../images/tool-options/stock-hcenter-24.png" />
  319.                 </span>
  320.                 <span class="guiicon">
  321.                   <img src="../images/tool-options/stock-gravity-east-24.png" />
  322.                 </span>
  323.                 <span class="guiicon">
  324.                   <img src="../images/tool-options/stock-gravity-north-24.png" />
  325.                 </span>
  326.                 <span class="guiicon">
  327.                   <img src="../images/tool-options/stock-vcenter-24.png" />
  328.                 </span>
  329.                 <span class="guiicon">
  330.                   <img src="../images/tool-options/stock-gravity-south-24.png" />
  331.                 </span>
  332.               </span>
  333.                   </dt>
  334.                   <dd>
  335.                     <p>
  336.                   These options seem to differ from the ‚Äú<span class="quote">Related to
  337.                   </span>‚Äù options only by the possibility to set an
  338.                   offset.  This offset is the distance which will
  339.                   separate the selected layer(s) from the target once the
  340.                   alignment is performed. It can be positive or negative
  341.                   and is expressed in pixel.  Distribute add this offset to
  342.                   the left edges, horizontal centers, right edges, top
  343.                   edges, vertical centers, or bottoms of targets.
  344.                 </p>
  345.                   </dd>
  346.                   <dt>
  347.                     <span class="term">Offset</span>
  348.                   </dt>
  349.                   <dd>
  350.                     <p>
  351.                   This entry controls the amount of displacement that could
  352.                   be given to the desired alignment effect (in pixel)
  353.                   regarding the target. The default value is 0; it can be
  354.                   positive or negative.
  355.                 </p>
  356.                   </dd>
  357.                 </dl>
  358.               </div>
  359.             </dd>
  360.           </dl>
  361.         </div>
  362.       </div>
  363.       <div class="sect3" lang="en" xml:lang="en">
  364.         <div class="titlepage">
  365.           <div>
  366.             <div>
  367.               <h4 class="title"><a id="id2639618"></a>4.3.4.¬†
  368.       <span lang="en" xml:lang="en">Example for the ‚Äú<span class="quote">Align</span>‚Äù command</span>
  369.     </h4>
  370.             </div>
  371.           </div>
  372.         </div>
  373.         <div class="figure">
  374.           <a id="id2639634"></a>
  375.           <p class="title">
  376.             <b>Figure¬†13.94.¬†
  377.         <span lang="en" xml:lang="en">Base image</span>
  378.       </b>
  379.           </p>
  380.           <div class="figure-contents">
  381.             <div class="mediaobject">
  382.               <img src="../images/toolbox/align-ex1.png" alt="Base image" />
  383.               <div class="caption">
  384.                 <p>
  385.             This image has three layers with different sizes and a
  386.             rectangular selection. The yellow layer is active.
  387.           </p>
  388.               </div>
  389.             </div>
  390.           </div>
  391.         </div>
  392.         <br class="figure-break" />
  393.         <div class="figure">
  394.           <a id="id2639672"></a>
  395.           <p class="title">
  396.             <b>Figure¬†13.95.¬†
  397.         <span lang="en" xml:lang="en">Red layer selected</span>
  398.       </b>
  399.           </p>
  400.           <div class="figure-contents">
  401.             <div class="mediaobject">
  402.               <img src="../images/toolbox/align-ex2.png" alt="Red layer selected" />
  403.               <div class="caption">
  404.                 <p>
  405.             Click on red: the red layer is selected, with a small square
  406.             in every corner.
  407.           </p>
  408.               </div>
  409.             </div>
  410.           </div>
  411.         </div>
  412.         <br class="figure-break" />
  413.         <div class="figure">
  414.           <a id="id2639710"></a>
  415.           <p class="title">
  416.             <b>Figure¬†13.96.¬†
  417.         <span lang="en" xml:lang="en">Red layer aligned</span>
  418.       </b>
  419.           </p>
  420.           <div class="figure-contents">
  421.             <div class="mediaobject">
  422.               <img src="../images/toolbox/align-ex3.png" alt="Red layer aligned" />
  423.               <div class="caption">
  424.                 <p>
  425.             We chose ‚Äú<span class="quote">Selection</span>‚Äù as a target and we clicked
  426.             on the
  427.             <span class="guiicon">
  428.               <img src="../images/tool-options/stock-gravity-east-24.png" alt="Red layer aligned" />
  429.             </span> button (Related to). The red layer is aligned with
  430.             the right side of the selection.
  431.           </p>
  432.               </div>
  433.             </div>
  434.           </div>
  435.         </div>
  436.         <br class="figure-break" />
  437.         <div class="figure">
  438.           <a id="id2639763"></a>
  439.           <p class="title">
  440.             <b>Figure¬†13.97.¬†
  441.         <span lang="en" xml:lang="en">Distribute with offset</span>
  442.       </b>
  443.           </p>
  444.           <div class="figure-contents">
  445.             <div class="mediaobject">
  446.               <img src="../images/toolbox/align-ex4.png" alt="Distribute with offset" />
  447.               <div class="caption">
  448.                 <p>
  449.             We set Offset to -5, we chose ‚Äú<span class="quote">Active layer</span>‚Äù as a
  450.             target and we clicked on the
  451.             <span class="guiicon">
  452.               <img src="../images/tool-options/stock-gravity-east-24.png" alt="Distribute with offset" />
  453.             </span> button (Distribution).
  454.             The layer is aligned 5 pixels before the right side of the
  455.             yellow active layer.
  456.           </p>
  457.               </div>
  458.             </div>
  459.           </div>
  460.         </div>
  461.         <br class="figure-break" />
  462.         <div class="figure">
  463.           <a id="id2639817"></a>
  464.           <p class="title">
  465.             <b>Figure¬†13.98.¬†
  466.         <span lang="en" xml:lang="en">Align using rubber-band box</span>
  467.       </b>
  468.           </p>
  469.           <div class="figure-contents">
  470.             <div class="mediaobject">
  471.               <img src="../images/toolbox/align-ex5a.png" alt="Align using rubber-band box" />
  472.               <div class="caption">
  473.                 <p>
  474.             We clicked left from and above the red layer, and dragged out a
  475.             region covering the red and the yellow layer by moving the pointer
  476.             towards the bottom right corner.
  477.           </p>
  478.               </div>
  479.             </div>
  480.             <div class="mediaobject">
  481.               <img src="../images/toolbox/align-ex5b.png" alt="Align using rubber-band box" />
  482.               <div class="caption">
  483.                 <p>
  484.             Again, <span class="guilabel">Selection</span> is the target. After a click
  485.             on the
  486.             <span class="guiicon">
  487.               <img src="../images/tool-options/stock-gravity-west-24.png" alt="Align using rubber-band box" />
  488.             </span>
  489.             button, both layers are aligned with the left side of the
  490.             selection.
  491.           </p>
  492.               </div>
  493.             </div>
  494.           </div>
  495.         </div>
  496.         <br class="figure-break" />
  497.       </div>
  498.     </div>
  499.     <div class="navfooter">
  500.       <hr />
  501.       <table width="100%" summary="Navigation footer">
  502.         <tr>
  503.           <td width="40%" align="left"><a accesskey="p" href="gimp-tool-move.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  504.           <td width="20%" align="center">
  505.             <a accesskey="u" href="gimp-tools-transform.html">
  506.               <img src="../images/up.png" alt="Up" />
  507.             </a>
  508.           </td>
  509.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-tool-crop.html"><img src="../images/next.png" alt="Next" /></a></td>
  510.         </tr>
  511.         <tr>
  512.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tool-move.html">4.2.¬†
  513.     <span lang="en" xml:lang="en">Move</span>
  514.   </a>¬†</td>
  515.           <td width="20%" align="center">
  516.             <a accesskey="h" href="index.html">
  517.               <img src="../images/home.png" alt="Home" />
  518.             </a>
  519.           </td>
  520.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-tool-crop.html">4.4.¬†
  521.     <span lang="en" xml:lang="en">Crop</span>
  522.   </a></td>
  523.         </tr>
  524.       </table>
  525.     </div>
  526.   </body>
  527. </html>
  528.