home *** CD-ROM | disk | FTP | other *** search
Wrap
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>5.  How to Draw Straight Lines</title> <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" /> <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" /> <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" /> <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" /> <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" /> <link rel="start" href="index.html" title="GNU Image Manipulation Program" /> <link rel="up" href="gimp-first-steps.html" title="Chapter 3.  First Steps With Wilber" /> <link rel="prev" href="gimp-tutorial-quickie-flip.html" title="4.7.  Flip An Image" /> <link rel="next" href="ch03s05s02.html" title="5.2.  Final" /> </head> <body> <div class="navheader"> <table width="100%" summary="Navigation header"> <tr> <th colspan="3" align="center">5.  <span lang="en" xml:lang="en">How to Draw Straight Lines</span> </th> </tr> <tr> <td width="20%" align="left"><a accesskey="p" href="gimp-tutorial-quickie-flip.html"><img src="../images/prev.png" alt="Prev" /></a> </td> <th width="60%" align="center">Chapter 3.  <span lang="en" xml:lang="en">First Steps With Wilber</span> </th> <td width="20%" align="right"> <a accesskey="n" href="ch03s05s02.html"><img src="../images/next.png" alt="Next" /></a></td> </tr> </table> <hr /> </div> <div class="sect1" lang="en" xml:lang="en"> <div class="titlepage"> <div> <div> <h2 class="title" style="clear: both"><a id="gimp-tutorial-straight-lines"></a>5.  <span lang="en" xml:lang="en">How to Draw Straight Lines</span> </h2> </div> <div> <div class="revhistory"> <table border="1" width="100%" summary="Revision history"> <tr> <th align="left" valign="top" colspan="3"> <b>Revision History</b> </th> </tr> <tr> <td align="left">Revision $Revision: 2348 $</td> <td align="left">2007-07-15</td> <td align="left">romanofski</td> </tr> </table> </div> </div> </div> </div> <a id="id2586527" class="indexterm"></a> <a id="id2586535" class="indexterm"></a> <p> This tutorial is based on Text and images Copyright © 2002 Seth Burgess. The original tutorial can be found in the internet <a class="xref" href="bibliography.html#bibliography-online-tutorial01" title="Tutorial: How to draw straight lines">[<abbr class="abbrev">TUT01</abbr>]</a>. </p> <div class="sect2" lang="en" xml:lang="en"> <div class="titlepage"> <div> <div> <h3 class="title"><a id="id2586559"></a>5.1.  <span lang="en" xml:lang="en">Intention</span> </h3> </div> </div> </div> <div class="figure"> <a id="id2586569"></a> <p class="title"> <b>Figure 3.31.  <span lang="en" xml:lang="en">Example of straight drawn lines</span> </b> </p> <div class="figure-contents"> <div class="mediaobject"> <img src="../images/tutorials/straight-lines-intro.png" alt="Example of straight drawn lines" /> </div> </div> </div> <br class="figure-break" /> <p> This tutorial shows you how you can do straight lines with GIMP, using a feature called the Shift Key. Straight lines are a convenient way to make things that aren't so terribly affected by the imprecision of a mouse or tablet, and to take advantage of the power of a computer to make things look neat and orderly. This tutorial doesn't use Straight Lines for complex tasks; its intended to show how you can use it to create quick and easy line effects. </p> <div class="procedure"> <ol type="1"> <li> <p class="title"> <b> <span lang="en" xml:lang="en">Preparations</span> </b> </p> <div class="figure"> <a id="id2586625"></a> <p class="title"> <b>Figure 3.32.  <span lang="en" xml:lang="en"> Introducing the <span class="keycap"><strong>Shift</strong></span>-key </span> </b> </p> <div class="figure-contents"> <div class="mediaobject"> <img src="../images/tutorials/straight-lines-1.png" alt="Introducing the Shift-key" /> </div> <div class="mediaobject"> <img src="../images/tutorials/straight-lines-1b.png" alt="Introducing the Shift-key" /> </div> </div> </div> <br class="figure-break" /> <p> The invention called the typewriter introduced the <span class="keycap"><strong>Shift</strong></span> Key. You generally have 2 of them on your keyboard. They look something like the picture on the left. They are located on the left and right sides of your keyboard. The other invention, called the Mouse, was invented by Douglas C. Engelbart in 1970. These come in different varieties, but always have at least one button located on them. They are located on your desk, or sometimes on a mouse pad. </p> </li> <li> <p class="title"> <b> <span lang="en" xml:lang="en">Creating a Blank Drawable</span> </b> </p> <div class="figure"> <a id="id2586708"></a> <p class="title"> <b>Figure 3.33.  <span lang="en" xml:lang="en">New image</span> </b> </p> <div class="figure-contents"> <div class="mediaobject"> <img src="../images/tutorials/straight-lines-2.png" alt="New image" /> </div> </div> </div> <br class="figure-break" /> <p> First, create a new image. Any size will do. You can do so by selecting <span class="guimenu">File</span>+<span class="guimenu">New</span> from the menu in the toolbox window. </p> </li> <li> <p class="title"> <b> <span lang="en" xml:lang="en">Choose a Tool</span> </b> </p> <div class="figure"> <a id="id2586773"></a> <p class="title"> <b>Figure 3.34.  <span lang="en" xml:lang="en">Paint tools in the toolbox</span> </b> </p> <div class="figure-contents"> <div class="mediaobject"> <img src="../images/tutorials/straight-lines-3.png" alt="Paint tools in the toolbox" /> </div> </div> </div> <br class="figure-break" /> <p> Then click on the paintbrush. Any of the red-highlighted tools on the above toolbox can do lines. </p> </li> <li> <p class="title"> <b> <span lang="en" xml:lang="en">Create a Starting Point</span> </b> </p> <div class="figure"> <a id="id2586823"></a> <p class="title"> <b>Figure 3.35.  <span lang="en" xml:lang="en">Starting point</span> </b> </p> <div class="figure-contents"> <div class="mediaobject"> <img src="../images/tutorials/straight-lines-4.png" alt="Starting point" /> </div> </div> </div> <br class="figure-break" /> <p> After you click the paintbrush tool, you can click the image. A single dot will appear on the screen. The size of this dot represents the current brush size, which you can change in the Brush Dialog (see <a class="xref" href="gimp-brush-dialog.html" title="3.2.  Brushes Dialog">Section 3.2, “ <span lang="en" xml:lang="en">Brushes Dialog</span> ”</a>). Now, lets start drawing a line. Hold down the <span class="keycap"><strong>Shift</strong></span> button, and keep it down. </p> </li> <li> <p class="title"> <b> <span lang="en" xml:lang="en">Drawing the Line</span> </b> </p> <div class="figure"> <a id="id2586886"></a> <p class="title"> <b>Figure 3.36.  <span lang="en" xml:lang="en">Drawing the line</span> </b> </p> <div class="figure-contents"> <div class="mediaobject"> <img src="../images/tutorials/straight-lines-5.png" alt="Drawing the line" /> </div> </div> </div> <br class="figure-break" /> <p> After you have a starting point, and have held down the <span class="keycap"><strong>Shift</strong></span> Key, you'll see a line like above if you're running GIMP version 1.2.x or later. Press the first button on the Mouse (the leftmost one usually) and then let it go. During that whole “<span class="quote">click</span>” of the <span class="mousebutton">Mouse button</span>, you need to keep the <span class="keycap"><strong>Shift</strong></span> Key held down. </p> </li> </ol> </div> </div> </div> <div class="navfooter"> <hr /> <table width="100%" summary="Navigation footer"> <tr> <td width="40%" align="left"><a accesskey="p" href="gimp-tutorial-quickie-flip.html"><img src="../images/prev.png" alt="Prev" /></a> </td> <td width="20%" align="center"> <a accesskey="u" href="gimp-first-steps.html"> <img src="../images/up.png" alt="Up" /> </a> </td> <td width="40%" align="right"> <a accesskey="n" href="ch03s05s02.html"><img src="../images/next.png" alt="Next" /></a></td> </tr> <tr> <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tutorial-quickie-flip.html">4.7.  <span lang="en" xml:lang="en">Flip An Image</span> </a> </td> <td width="20%" align="center"> <a accesskey="h" href="index.html"> <img src="../images/home.png" alt="Home" /> </a> </td> <td width="40%" align="right" valign="top"> <a accesskey="n" href="ch03s05s02.html">5.2.  <span lang="en" xml:lang="en">Final</span> </a></td> </tr> </table> </div> </body> </html>