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 / plug-in-align-layers.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  18.7 KB  |  427 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>9.26.¬† Align Visible Layers</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-imagewindow-menus-image.html" title="9.¬† The ‚ÄúImage‚Äù Menu" />
  14.     <link rel="prev" href="gimp-image-configure-grid.html" title="9.25.¬† Configure Grid" />
  15.     <link rel="next" href="gimp-image-properties.html" title="9.27.¬† Image Properties" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">9.26.¬†
  22.     <span lang="en" xml:lang="en">Align Visible Layers</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-image-configure-grid.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">9.¬†
  28.     <span lang="en" xml:lang="en">The ‚Äú<span class="quote">Image</span>‚Äù Menu</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-image-properties.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="plug-in-align-layers"></a>9.26.¬†
  40.     <span lang="en" xml:lang="en">Align Visible Layers</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: 2438 $</td>
  53.                   <td align="left">2007-12-02</td>
  54.                   <td align="left">j.h</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2702637" class="indexterm"></a>
  62.       <a id="id2702655" class="indexterm"></a>
  63.       <p>
  64.     With the <span class="guimenuitem">Align Visible Layers</span> command,
  65.     you can very precisely position the visible layers (those marked with
  66.     the ‚Äú<span class="quote">eye</span>‚Äù icon). This degree of precision is especially
  67.     useful when you are working on animations, which typically have many
  68.     small layers. Clicking on <span class="guimenuitem">Align Visible
  69.       Layers</span> displays a dialog which allows you to choose
  70.     how the layers should be aligned.
  71.   </p>
  72.       <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  73.         <table border="0" summary="Note">
  74.           <tr>
  75.             <td rowspan="2" align="center" valign="top" width="25">
  76.               <img alt="[Note]" src="../images/note.png" />
  77.             </td>
  78.             <th align="left">Note</th>
  79.           </tr>
  80.           <tr>
  81.             <td align="left" valign="top">
  82.               <p>
  83.       In <span class="application">GIMP 1.2</span>, the default base for the
  84.       alignment was the top visible layer in the stack.  In
  85.       <span class="application">GIMP 2</span>, the default alignment base is
  86.       the edge of the canvas. You can still align the image on the bottom
  87.       layer of the stack, even if it is invisible, by checking
  88.       <span class="guilabel">Use the (invisible) bottom layer as the base</span>
  89.       in the dialog.
  90.     </p>
  91.             </td>
  92.           </tr>
  93.         </table>
  94.       </div>
  95.       <div class="figure">
  96.         <a id="id2702723"></a>
  97.         <p class="title">
  98.           <b>Figure¬†15.89.¬†
  99.       <span lang="en" xml:lang="en">Example image for layer alignment</span>
  100.     </b>
  101.         </p>
  102.         <div class="figure-contents">
  103.           <div class="mediaobject">
  104.             <img src="../images/menus/align-demo.png" alt="Example image for layer alignment" />
  105.             <div class="caption">
  106.               <p>
  107.           The example image contains four layers on a large (150x150 pixel)
  108.           canvas. The red square is 10x10 pixels, the green rectangle is
  109.           10x20 pixels and the yellow rectangle is 20x10 pixels. The
  110.           background layer (blue, 100x100 pixels) will not be affected by
  111.           the command, since the <span class="guilabel">Ignore lower layer</span>
  112.           option has been checked on the dialog. Note that the layers in the
  113.           image seem to have a different order than their actual order in
  114.           the stack because of their positions on the canvas. The yellow
  115.           layer is the top layer in the image and the second one in the
  116.           stack.
  117.         </p>
  118.             </div>
  119.           </div>
  120.         </div>
  121.       </div>
  122.       <br class="figure-break" />
  123.       <div class="sect3" lang="en" xml:lang="en">
  124.         <div class="titlepage">
  125.           <div>
  126.             <div>
  127.               <h4 class="title"><a id="id2702776"></a>9.26.1.¬†
  128.       <span lang="en" xml:lang="en">Activate the Command</span>
  129.     </h4>
  130.             </div>
  131.           </div>
  132.         </div>
  133.         <div class="itemizedlist">
  134.           <ul type="disc">
  135.             <li>
  136.               <p>
  137.           You can access this command from the image menubar through
  138.           <span class="guimenu">Image</span> ‚Üí <span class="guimenuitem">Align Visible layers</span>.
  139.           There is no default keyboard shortcut. The dialog doesn't show up
  140.           if the image holds a single layer only.
  141.         </p>
  142.             </li>
  143.           </ul>
  144.         </div>
  145.       </div>
  146.       <div class="sect3" lang="en" xml:lang="en">
  147.         <div class="titlepage">
  148.           <div>
  149.             <div>
  150.               <h4 class="title"><a id="id2702820"></a>9.26.2.¬†
  151.       <span lang="en" xml:lang="en">
  152.         Description of the ‚Äú<span class="quote">Layer Align</span>‚Äù dialog
  153.       </span>
  154.     </h4>
  155.             </div>
  156.           </div>
  157.         </div>
  158.         <div class="figure">
  159.           <a id="id2702835"></a>
  160.           <p class="title">
  161.             <b>Figure¬†15.90.¬†
  162.         <span lang="en" xml:lang="en">The ‚Äú<span class="quote">Layer Align</span>‚Äù dialog</span>
  163.       </b>
  164.           </p>
  165.           <div class="figure-contents">
  166.             <div class="mediaobject">
  167.               <img src="../images/menus/menus-layer-align.png" alt="The Layer Align dialog" />
  168.             </div>
  169.           </div>
  170.         </div>
  171.         <br class="figure-break" />
  172.         <div class="variablelist">
  173.           <dl>
  174.             <dt>
  175.               <span class="term">Horizontal Style; Vertical Style</span>
  176.             </dt>
  177.             <dd>
  178.               <p>
  179.             These options control how the layers should be moved in
  180.             relationship to each other. You can choose:
  181.           </p>
  182.               <div class="itemizedlist">
  183.                 <ul type="disc">
  184.                   <li>
  185.                     <p>
  186.                 <span class="guilabel">None</span>:
  187.                 There will be no change in the horizontal or the vertical
  188.                 position, respectively.
  189.               </p>
  190.                   </li>
  191.                   <li>
  192.                     <p>
  193.                 <span class="guilabel">Collect</span>:
  194.                 The visible layers will be aligned on the canvas, in the
  195.                 way that is determined by the <span class="guilabel">Horizontal
  196.                   base</span> and <span class="guilabel">Vertical base</span>
  197.                 options. If you select a <span class="guilabel">Horizontal
  198.                   base</span> of <span class="guilabel">Right edge</span>, layers
  199.                 may disappear from the canvas. You can recover them by
  200.                 enlarging the canvas. If you check the
  201.                 <span class="guilabel">Use the (invisible) bottom layer as the
  202.                   base</span> option, the layers will be aligned on the
  203.                 top left corner of the bottom layer.
  204.               </p>
  205.                     <div class="figure">
  206.                       <a id="id2702960"></a>
  207.                       <p class="title">
  208.                         <b>Figure¬†15.91.¬†
  209.                   <span lang="en" xml:lang="en">
  210.                     Horizontal ‚Äú<span class="quote">Collect</span>‚Äù alignment
  211.                     (on the edge of the canvas)
  212.                   </span>
  213.                 </b>
  214.                       </p>
  215.                       <div class="figure-contents">
  216.                         <div class="mediaobject">
  217.                           <img src="../images/menus/align-demo.png" alt="Horizontal Collect alignment (on the edge of the canvas)" />
  218.                           <div class="caption">
  219.                             <p>Original image with the layer stack
  220.                     </p>
  221.                           </div>
  222.                         </div>
  223.                         <div class="mediaobject">
  224.                           <img src="../images/menus/alignHCLB-.png" alt="Horizontal Collect alignment (on the edge of the canvas)" />
  225.                           <div class="caption">
  226.                             <p>
  227.                       The layers have been moved horizontally so that their
  228.                       left edges are aligned with the left edge of the
  229.                       canvas.
  230.                     </p>
  231.                           </div>
  232.                         </div>
  233.                       </div>
  234.                     </div>
  235.                     <br class="figure-break" />
  236.                     <div class="figure">
  237.                       <a id="id2703027"></a>
  238.                       <p class="title">
  239.                         <b>Figure¬†15.92.¬†
  240.                   <span lang="en" xml:lang="en">
  241.                     Horizontal ‚Äú<span class="quote">Collect</span>‚Äù alignment
  242.                     (on the bottom layer)
  243.                   </span>
  244.                 </b>
  245.                       </p>
  246.                       <div class="figure-contents">
  247.                         <div class="mediaobject">
  248.                           <img src="../images/menus/align-demo.png" alt="Horizontal Collect alignment (on the bottom layer)" />
  249.                           <div class="caption">
  250.                             <p>Original image with the layer stack
  251.                     </p>
  252.                           </div>
  253.                         </div>
  254.                         <div class="mediaobject">
  255.                           <img src="../images/menus/alignHCLB+.png" alt="Horizontal Collect alignment (on the bottom layer)" />
  256.                           <div class="caption">
  257.                             <p>
  258.                       The layers have been moved horizontally so that their
  259.                       left edges align with the left edge of the bottom
  260.                       layer.
  261.                     </p>
  262.                           </div>
  263.                         </div>
  264.                       </div>
  265.                     </div>
  266.                     <br class="figure-break" />
  267.                   </li>
  268.                   <li>
  269.                     <p>
  270.                 <span class="guilabel">Fill (left to right)</span>;
  271.                 <span class="guilabel">Fill (top to bottom)</span>:
  272.                 The visible layers will be aligned with the canvas
  273.                 according to the edge you selected with
  274.                 <span class="guilabel">Horizontal base</span> or
  275.                 <span class="guilabel">Vertical base</span>, respectively.
  276.                 The layers are arranged regularly, so that they do not
  277.                 overlap each other. The top layer in the stack is placed
  278.                 on the leftmost (or uppermost) position in the image.
  279.                 The bottom layer in the stack is placed on the rightmost
  280.                 (or bottommost) position of the image. The other layers
  281.                 are placed regularly between these two positions.  If the
  282.                 <span class="guilabel">Use the (invisible) bottom layer as the
  283.                   base</span> option is checked, the layers are aligned
  284.                 with the corresponding edge of the bottom layer.
  285.               </p>
  286.                     <div class="figure">
  287.                       <a id="id2703146"></a>
  288.                       <p class="title">
  289.                         <b>Figure¬†15.93.¬†
  290.                   <span lang="en" xml:lang="en">
  291.                     Horizontal ‚Äú<span class="quote">Fill</span>‚Äù alignment (canvas)
  292.                   </span>
  293.                 </b>
  294.                       </p>
  295.                       <div class="figure-contents">
  296.                         <div class="mediaobject">
  297.                           <img src="../images/menus/align-demo.png" alt="Horizontal Fill alignment (canvas)" />
  298.                           <div class="caption">
  299.                             <p>Original image with the layer stack
  300.                     </p>
  301.                           </div>
  302.                         </div>
  303.                         <div class="mediaobject">
  304.                           <img src="../images/menus/alignHFLB-.png" alt="Horizontal Fill alignment (canvas)" />
  305.                           <div class="caption">
  306.                             <p>
  307.                       Horizontal filling alignment, Left to Right, with
  308.                       <span class="guilabel">Use the (invisible) bottom layer as the
  309.                         base</span> option not checked. The top layer
  310.                       in the stack, the green one, is placed all the way
  311.                       on the left. The bottom layer in the stack, the red
  312.                       one, is placed is on the right and the yellow layer
  313.                       is between the other two.
  314.                     </p>
  315.                           </div>
  316.                         </div>
  317.                       </div>
  318.                     </div>
  319.                     <br class="figure-break" />
  320.                     <div class="figure">
  321.                       <a id="id2703223"></a>
  322.                       <p class="title">
  323.                         <b>Figure¬†15.94.¬†
  324.                   <span lang="en" xml:lang="en">
  325.                     Horizontal ‚Äú<span class="quote">Fill</span>‚Äù alignment (bottom layer)
  326.                   </span>
  327.                 </b>
  328.                       </p>
  329.                       <div class="figure-contents">
  330.                         <div class="mediaobject">
  331.                           <img src="../images/menus/align-demo.png" alt="Horizontal Fill alignment (bottom layer)" />
  332.                           <div class="caption">
  333.                             <p>Original image with the layer stack
  334.                     </p>
  335.                           </div>
  336.                         </div>
  337.                         <div class="mediaobject">
  338.                           <img src="../images/menus/alignHFLB+.png" alt="Horizontal Fill alignment (bottom layer)" />
  339.                           <div class="caption">
  340.                             <p>
  341.                       The same parameters as in the previous example,
  342.                       but with the lowest (blue) level as the base.
  343.                     </p>
  344.                           </div>
  345.                         </div>
  346.                       </div>
  347.                     </div>
  348.                     <br class="figure-break" />
  349.                   </li>
  350.                   <li>
  351.                     <p>
  352.                 <span class="guilabel">Fill (right to left)</span>;
  353.                 <span class="guilabel">Fill (bottom to top)</span>:
  354.                 These settings work similarly to the ones described above,
  355.                 but the filling occurs in the opposite direction.
  356.               </p>
  357.                     <div class="figure">
  358.                       <a id="id2703313"></a>
  359.                       <p class="title">
  360.                         <b>Figure¬†15.95.¬†
  361.                   <span lang="en" xml:lang="en">
  362.                     Vertical ‚Äú<span class="quote">Fill</span>‚Äù alignment (bottom layer)
  363.                   </span>
  364.                 </b>
  365.                       </p>
  366.                       <div class="figure-contents">
  367.                         <div class="mediaobject">
  368.                           <img src="../images/menus/align-demo.png" alt="Vertical Fill alignment (bottom layer)" />
  369.                           <div class="caption">
  370.                             <p>Original image with the layer stack
  371.                     </p>
  372.                           </div>
  373.                         </div>
  374.                         <div class="mediaobject">
  375.                           <img src="../images/menus/alignVFBB+.png" alt="Vertical Fill alignment (bottom layer)" />
  376.                           <div class="caption">
  377.                             <p>
  378.                       Vertical ‚Äú<span class="quote">Fill</span>‚Äù alignment, bottom to
  379.                       top, bottom layer as base
  380.                     </p>
  381.                           </div>
  382.                         </div>
  383.                       </div>
  384.                     </div>
  385.                     <br class="figure-break" />
  386.                     <p>
  387.                 There must be at least three visible layers in the image to
  388.                 use the ‚Äú<span class="quote">Fill</span>‚Äù options.
  389.               </p>
  390.                   </li>
  391.                 </ul>
  392.               </div>
  393.             </dd>
  394.           </dl>
  395.         </div>
  396.       </div>
  397.     </div>
  398.     <div class="navfooter">
  399.       <hr />
  400.       <table width="100%" summary="Navigation footer">
  401.         <tr>
  402.           <td width="40%" align="left"><a accesskey="p" href="gimp-image-configure-grid.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  403.           <td width="20%" align="center">
  404.             <a accesskey="u" href="gimp-imagewindow-menus-image.html">
  405.               <img src="../images/up.png" alt="Up" />
  406.             </a>
  407.           </td>
  408.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-image-properties.html"><img src="../images/next.png" alt="Next" /></a></td>
  409.         </tr>
  410.         <tr>
  411.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-image-configure-grid.html">9.25.¬†
  412.     <span lang="en" xml:lang="en">Configure Grid</span>
  413.   </a>¬†</td>
  414.           <td width="20%" align="center">
  415.             <a accesskey="h" href="index.html">
  416.               <img src="../images/home.png" alt="Home" />
  417.             </a>
  418.           </td>
  419.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-image-properties.html">9.27.¬†
  420.     <span lang="en" xml:lang="en">Image Properties</span>
  421.   </a></td>
  422.         </tr>
  423.       </table>
  424.     </div>
  425.   </body>
  426. </html>
  427.