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-straight-lines.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  11.5 KB  |  285 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>5.¬† How to Draw Straight Lines</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-first-steps.html" title="Chapter¬†3.¬† First Steps With Wilber" />
  14.     <link rel="prev" href="gimp-tutorial-quickie-flip.html" title="4.7.¬† Flip An Image" />
  15.     <link rel="next" href="ch03s05s02.html" title="5.2.¬† Final" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">5.¬†
  22.     <span lang="en" xml:lang="en">How to Draw Straight Lines</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-tutorial-quickie-flip.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">Chapter¬†3.¬†
  28.         <span lang="en" xml:lang="en">First Steps With Wilber</span>
  29.       </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="ch03s05s02.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect1" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h2 class="title" style="clear: both"><a id="gimp-tutorial-straight-lines"></a>5.¬†
  40.     <span lang="en" xml:lang="en">How to Draw Straight Lines</span>
  41.   </h2>
  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: 2348 $</td>
  53.                   <td align="left">2007-07-15</td>
  54.                   <td align="left">romanofski</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2586527" class="indexterm"></a>
  62.       <a id="id2586535" class="indexterm"></a>
  63.       <p>
  64.     This tutorial is based on Text and images Copyright ¬© 2002 Seth Burgess.
  65.     The original tutorial can be found in the internet
  66.     <a class="xref" href="bibliography.html#bibliography-online-tutorial01" title="Tutorial: How to draw straight lines">[<abbr class="abbrev">TUT01</abbr>]</a>.
  67.   </p>
  68.       <div class="sect2" lang="en" xml:lang="en">
  69.         <div class="titlepage">
  70.           <div>
  71.             <div>
  72.               <h3 class="title"><a id="id2586559"></a>5.1.¬†
  73.       <span lang="en" xml:lang="en">Intention</span>
  74.     </h3>
  75.             </div>
  76.           </div>
  77.         </div>
  78.         <div class="figure">
  79.           <a id="id2586569"></a>
  80.           <p class="title">
  81.             <b>Figure¬†3.31.¬†
  82.         <span lang="en" xml:lang="en">Example of straight drawn lines</span>
  83.       </b>
  84.           </p>
  85.           <div class="figure-contents">
  86.             <div class="mediaobject">
  87.               <img src="../images/tutorials/straight-lines-intro.png" alt="Example of straight drawn lines" />
  88.             </div>
  89.           </div>
  90.         </div>
  91.         <br class="figure-break" />
  92.         <p>
  93.       This tutorial shows you how you can do straight lines with GIMP, using a
  94.       feature called the Shift Key. Straight lines are a convenient way to
  95.       make things that aren't so terribly affected by the imprecision of a
  96.       mouse or tablet, and to take advantage of the power of a computer to
  97.       make things look neat and orderly. This tutorial doesn't use Straight
  98.       Lines for complex tasks; its intended to show how you can use it to
  99.       create quick and easy line effects.
  100.     </p>
  101.         <div class="procedure">
  102.           <ol type="1">
  103.             <li>
  104.               <p class="title">
  105.                 <b>
  106.           <span lang="en" xml:lang="en">Preparations</span>
  107.         </b>
  108.               </p>
  109.               <div class="figure">
  110.                 <a id="id2586625"></a>
  111.                 <p class="title">
  112.                   <b>Figure¬†3.32.¬†
  113.             <span lang="en" xml:lang="en">
  114.               Introducing the <span class="keycap"><strong>Shift</strong></span>-key
  115.             </span>
  116.           </b>
  117.                 </p>
  118.                 <div class="figure-contents">
  119.                   <div class="mediaobject">
  120.                     <img src="../images/tutorials/straight-lines-1.png" alt="Introducing the Shift-key" />
  121.                   </div>
  122.                   <div class="mediaobject">
  123.                     <img src="../images/tutorials/straight-lines-1b.png" alt="Introducing the Shift-key" />
  124.                   </div>
  125.                 </div>
  126.               </div>
  127.               <br class="figure-break" />
  128.               <p>
  129.           The invention called the typewriter introduced the
  130.           <span class="keycap"><strong>Shift</strong></span>
  131.           Key. You generally have 2 of them on your keyboard. They look
  132.           something like the picture on the left. They are located on the left
  133.           and right sides of your keyboard. The other invention, called the
  134.           Mouse, was invented by Douglas C. Engelbart in 1970. These come in
  135.           different varieties, but always have at least one button located on
  136.           them. They are located on your desk, or sometimes on a mouse pad.
  137.         </p>
  138.             </li>
  139.             <li>
  140.               <p class="title">
  141.                 <b>
  142.           <span lang="en" xml:lang="en">Creating a Blank Drawable</span>
  143.         </b>
  144.               </p>
  145.               <div class="figure">
  146.                 <a id="id2586708"></a>
  147.                 <p class="title">
  148.                   <b>Figure¬†3.33.¬†
  149.             <span lang="en" xml:lang="en">New image</span>
  150.           </b>
  151.                 </p>
  152.                 <div class="figure-contents">
  153.                   <div class="mediaobject">
  154.                     <img src="../images/tutorials/straight-lines-2.png" alt="New image" />
  155.                   </div>
  156.                 </div>
  157.               </div>
  158.               <br class="figure-break" />
  159.               <p>
  160.           First, create a new image. Any size will do. You can do so by
  161.           selecting
  162.           <span class="guimenu">File</span>+<span class="guimenu">New</span>
  163.           from the menu in the toolbox window.
  164.         </p>
  165.             </li>
  166.             <li>
  167.               <p class="title">
  168.                 <b>
  169.           <span lang="en" xml:lang="en">Choose a Tool</span>
  170.         </b>
  171.               </p>
  172.               <div class="figure">
  173.                 <a id="id2586773"></a>
  174.                 <p class="title">
  175.                   <b>Figure¬†3.34.¬†
  176.             <span lang="en" xml:lang="en">Paint tools in the toolbox</span>
  177.           </b>
  178.                 </p>
  179.                 <div class="figure-contents">
  180.                   <div class="mediaobject">
  181.                     <img src="../images/tutorials/straight-lines-3.png" alt="Paint tools in the toolbox" />
  182.                   </div>
  183.                 </div>
  184.               </div>
  185.               <br class="figure-break" />
  186.               <p>
  187.           Then click on the paintbrush. Any of the red-highlighted tools on
  188.           the above toolbox can do lines.
  189.         </p>
  190.             </li>
  191.             <li>
  192.               <p class="title">
  193.                 <b>
  194.           <span lang="en" xml:lang="en">Create a Starting Point</span>
  195.         </b>
  196.               </p>
  197.               <div class="figure">
  198.                 <a id="id2586823"></a>
  199.                 <p class="title">
  200.                   <b>Figure¬†3.35.¬†
  201.             <span lang="en" xml:lang="en">Starting point</span>
  202.           </b>
  203.                 </p>
  204.                 <div class="figure-contents">
  205.                   <div class="mediaobject">
  206.                     <img src="../images/tutorials/straight-lines-4.png" alt="Starting point" />
  207.                   </div>
  208.                 </div>
  209.               </div>
  210.               <br class="figure-break" />
  211.               <p>
  212.           After you click the paintbrush tool, you can click the image. A
  213.           single dot will appear on the screen. The size of this dot
  214.           represents the current brush size, which you can change in the Brush
  215.           Dialog (see <a class="xref" href="gimp-brush-dialog.html" title="3.2.¬† Brushes Dialog">Section¬†3.2, ‚Äú
  216.     <span lang="en" xml:lang="en">Brushes Dialog</span>
  217.   ‚Äù</a>). Now, lets start
  218.           drawing a line. Hold down the <span class="keycap"><strong>Shift</strong></span> button, and
  219.           keep it down.
  220.         </p>
  221.             </li>
  222.             <li>
  223.               <p class="title">
  224.                 <b>
  225.           <span lang="en" xml:lang="en">Drawing the Line</span>
  226.         </b>
  227.               </p>
  228.               <div class="figure">
  229.                 <a id="id2586886"></a>
  230.                 <p class="title">
  231.                   <b>Figure¬†3.36.¬†
  232.             <span lang="en" xml:lang="en">Drawing the line</span>
  233.           </b>
  234.                 </p>
  235.                 <div class="figure-contents">
  236.                   <div class="mediaobject">
  237.                     <img src="../images/tutorials/straight-lines-5.png" alt="Drawing the line" />
  238.                   </div>
  239.                 </div>
  240.               </div>
  241.               <br class="figure-break" />
  242.               <p>
  243.           After you have a starting point, and have held down the
  244.           <span class="keycap"><strong>Shift</strong></span>
  245.           Key, you'll see a line like above if you're running GIMP version
  246.           1.2.x or later. Press the first button on the Mouse (the leftmost
  247.           one usually) and then let it go. During that whole
  248.           ‚Äú<span class="quote">click</span>‚Äù of the <span class="mousebutton">Mouse button</span>,
  249.           you need to keep the <span class="keycap"><strong>Shift</strong></span> Key held down.
  250.         </p>
  251.             </li>
  252.           </ol>
  253.         </div>
  254.       </div>
  255.     </div>
  256.     <div class="navfooter">
  257.       <hr />
  258.       <table width="100%" summary="Navigation footer">
  259.         <tr>
  260.           <td width="40%" align="left"><a accesskey="p" href="gimp-tutorial-quickie-flip.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  261.           <td width="20%" align="center">
  262.             <a accesskey="u" href="gimp-first-steps.html">
  263.               <img src="../images/up.png" alt="Up" />
  264.             </a>
  265.           </td>
  266.           <td width="40%" align="right">¬†<a accesskey="n" href="ch03s05s02.html"><img src="../images/next.png" alt="Next" /></a></td>
  267.         </tr>
  268.         <tr>
  269.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tutorial-quickie-flip.html">4.7.¬†
  270.       <span lang="en" xml:lang="en">Flip An Image</span>
  271.     </a>¬†</td>
  272.           <td width="20%" align="center">
  273.             <a accesskey="h" href="index.html">
  274.               <img src="../images/home.png" alt="Home" />
  275.             </a>
  276.           </td>
  277.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="ch03s05s02.html">5.2.¬†
  278.       <span lang="en" xml:lang="en">Final</span>
  279.     </a></td>
  280.         </tr>
  281.       </table>
  282.     </div>
  283.   </body>
  284. </html>
  285.