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-using-rectangular.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  8.2 KB  |  161 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>13.2.¬† Creating a Basic Shape</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-using-simpleobjects.html" title="13.¬† Drawing Simple Objects" />
  14.     <link rel="prev" href="gimp-using-simpleobjects.html" title="13.¬† Drawing Simple Objects" />
  15.     <link rel="next" href="gimp-image-combining.html" title="Chapter¬†8.¬† Combining Images" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">13.2.¬†
  22.       <span lang="en" xml:lang="en">Creating a Basic Shape</span>
  23.     </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-using-simpleobjects.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">13.¬†
  28.     <span lang="en" xml:lang="en">Drawing Simple Objects</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-image-combining.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-using-rectangular"></a>13.2.¬†
  40.       <span lang="en" xml:lang="en">Creating a Basic Shape</span>
  41.     </h3>
  42.           </div>
  43.         </div>
  44.       </div>
  45.       <div class="procedure">
  46.         <ol type="1">
  47.           <li>
  48.             <p>
  49.           Drawing shapes is not the main purpose for using
  50.           <acronym class="acronym">GIMP</acronym>. However, you may create shapes by
  51.           either painting them using the technique described in <a class="xref" href="gimp-using-simpleobjects.html#gimp-using-straightline1" title="Figure¬†7.35.¬† The dialog shows a new image, filled with a white background.">Figure¬†7.35, ‚Äú
  52.             <span lang="en" xml:lang="en">
  53.               The dialog shows a new image, filled with a white background.
  54.             </span>
  55.           ‚Äù</a> or by using the
  56.           selection tools. Of course, there are various other ways to
  57.           paint a shape, but we'll stick to the easiest ones here.  So,
  58.           create a <a class="link" href="gimp-file-new.html" title="5.2.¬† New">new image</a> and
  59.           check that the <a class="link" href="gimp-toolbox-areas.html#gimp-toolbox-color-area" title="7.1.¬† Color Area">foreground
  60.           and background colors</a> are different.
  61.         </p>
  62.           </li>
  63.           <li>
  64.             <div class="figure">
  65.               <a id="gimp-using-basicshape1"></a>
  66.               <p class="title">
  67.                 <b>Figure¬†7.39.¬†
  68.             <span lang="en" xml:lang="en">
  69.               The screenshot shows how a rectangular selection is
  70.               created. Press and hold the left mouse button while you
  71.               move the mouse in the direction of the red arrow.
  72.             </span>
  73.           </b>
  74.               </p>
  75.               <div class="figure-contents">
  76.                 <div class="mediaobject">
  77.                   <img src="../images/using/basicshape1.png" alt="The screenshot shows how a rectangular selection is created. Press and hold the left mouse button while you move the mouse in the direction of the red arrow." />
  78.                 </div>
  79.               </div>
  80.             </div>
  81.             <br class="figure-break" />
  82.             <p>
  83.           Basic shapes like rectangles or ellipses, can be
  84.           created using the <a class="link" href="gimp-tools-selection.html" title="2.¬†Selection Tools">selection tools</a>. This
  85.           tutorial uses a rectangular selection as an example.  So,
  86.           choose the <a class="link" href="gimp-tool-rect-select.html" title="2.2.¬† Rectangle Selection">rectangular
  87.           selection tool</a> and create a new selection: press and
  88.           hold the left mouse button while you move the mouse to another
  89.           position in the image (illustrated in figure <a class="xref" href="gimp-using-rectangular.html#gimp-using-basicshape1" title="Figure¬†7.39.¬† The screenshot shows how a rectangular selection is created. Press and hold the left mouse button while you move the mouse in the direction of the red arrow.">Figure¬†7.39, ‚Äú
  90.             <span lang="en" xml:lang="en">
  91.               The screenshot shows how a rectangular selection is
  92.               created. Press and hold the left mouse button while you
  93.               move the mouse in the direction of the red arrow.
  94.             </span>
  95.           ‚Äù</a>). The selection is created
  96.           when you release the mouse button.  For more
  97.           information about key modifiers see <a class="link" href="gimp-tools-selection.html" title="2.¬†Selection Tools">selection tools</a>.
  98.         </p>
  99.           </li>
  100.           <li>
  101.             <div class="figure">
  102.               <a id="gimp-using-basicshape2"></a>
  103.               <p class="title">
  104.                 <b>Figure¬†7.40.¬†
  105.             <span lang="en" xml:lang="en">
  106.               The screenshot shows a rectangular selection filled with the
  107.               foreground color.
  108.             </span>
  109.           </b>
  110.               </p>
  111.               <div class="figure-contents">
  112.                 <div class="mediaobject">
  113.                   <img src="../images/using/basicshape2.png" alt="The screenshot shows a rectangular selection filled with the foreground color." />
  114.                 </div>
  115.               </div>
  116.             </div>
  117.             <br class="figure-break" />
  118.             <p>
  119.           After creating the selection, you can either create a filled
  120.           or an outlined shape with the foreground color of your choice.
  121.           If you go for the first option, choose a <a class="link" href="gimp-toolbox-areas.html#gimp-toolbox-color-area" title="7.1.¬† Color Area">foreground color</a> and
  122.           fill the selection with the <a class="link" href="gimp-tool-bucket-fill.html" title="3.3.¬† Bucket Fill">bucket fill tool</a>.
  123.           If you choose the latter option, create an outline by using
  124.           the<a class="link" href="gimp-selection-stroke.html" title="6.17.¬† Stroke Selection">Stroke
  125.           selection</a> menu item from the <span class="guimenu">Edit</span>
  126.           menu. If you're satisfied with the result, <a class="link" href="gimp-selection-none.html" title="7.3.¬† None">remove the selection</a>.
  127.         </p>
  128.           </li>
  129.         </ol>
  130.       </div>
  131.     </div>
  132.     <div class="navfooter">
  133.       <hr />
  134.       <table width="100%" summary="Navigation footer">
  135.         <tr>
  136.           <td width="40%" align="left"><a accesskey="p" href="gimp-using-simpleobjects.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  137.           <td width="20%" align="center">
  138.             <a accesskey="u" href="gimp-using-simpleobjects.html">
  139.               <img src="../images/up.png" alt="Up" />
  140.             </a>
  141.           </td>
  142.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-image-combining.html"><img src="../images/next.png" alt="Next" /></a></td>
  143.         </tr>
  144.         <tr>
  145.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-using-simpleobjects.html">13.¬†
  146.     <span lang="en" xml:lang="en">Drawing Simple Objects</span>
  147.   </a>¬†</td>
  148.           <td width="20%" align="center">
  149.             <a accesskey="h" href="index.html">
  150.               <img src="../images/home.png" alt="Home" />
  151.             </a>
  152.           </td>
  153.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-image-combining.html">Chapter¬†8.¬†
  154.         <span lang="en" xml:lang="en">Combining Images</span>
  155.       </a></td>
  156.         </tr>
  157.       </table>
  158.     </div>
  159.   </body>
  160. </html>
  161.