1<?xml version="1.0" encoding="UTF-8"?>
2<!DOCTYPE sect1 PUBLIC "-//OASIS//DTD DocBook XML V4.3//EN"
3                       "http://www.docbook.org/xml/4.3/docbookx.dtd">
4<!--  section history:
5  2008-04-01 Added 'no' by Mr.Dust
6  2007-06-25 Added Spanish translation by AntI
7  2007-05-28 KoSt: added 'no'
8  2007-06-21 alex falappa: added italian translation
9  2007-05-11 lexa: initial version
10-->
11<sect1 id="gimp-tutorial-straight-lines">
12  <title>How to Draw Straight Lines</title>
13
14  <indexterm>
15    <primary>Tutorial</primary>
16  </indexterm>
17  <indexterm>
18    <primary>Draw</primary>
19  </indexterm>
20
21  <para>
22    This tutorial is based on Text and images Copyright © 2002 Seth Burgess.
23    The original tutorial can be found in the Internet
24    <xref linkend="bibliography-online-tutorial01"/>.
25  </para>
26
27  <sect2 id="gimp-tutorial-straight-lines-intention">
28    <title>Intention</title>
29    <figure>
30      <title>Example of straight lines</title>
31      <mediaobject>
32        <imageobject>
33          <imagedata format="PNG"
34            fileref="images/tutorials/straight-lines-intro.png"/>
35        </imageobject>
36      </mediaobject>
37    </figure>
38    <para>
39      This tutorial shows you how to draw straight lines with
40      <acronym>GIMP</acronym>. Forcing a line to be straight is a
41      convenient way to deal with the imprecision of a
42      mouse or tablet, and to take advantage of the power of a computer to
43      make things look neat and orderly. This tutorial doesn't use Straight
44      Lines for complex tasks; its intended to show how you can use it to
45      create quick and easy straight lines.
46    </para>
47    <procedure>
48      <step>
49        <title>Preparations</title>
50        <figure>
51          <title>Introducing the <keycap>Shift</keycap>-key</title>
52          <mediaobject>
53            <imageobject>
54              <imagedata format="PNG"
55                fileref="images/tutorials/straight-lines-1.png"/>
56            </imageobject>
57          </mediaobject>
58          <mediaobject>
59            <imageobject>
60              <imagedata format="PNG"
61                fileref="images/tutorials/straight-lines-1b.png"/>
62            </imageobject>
63          </mediaobject>
64        </figure>
65        <para>
66          The invention called the typewriter introduced the
67          <keycap>Shift</keycap>
68          Key. You generally have 2 of them on your keyboard. They look
69          something like the figure above. The keys are located on the left
70          and right sides of your keyboard. The mouse
71          was invented by Douglas C. Engelbart in 1970. These come in
72          different varieties, but always have at least one button.
73        </para>
74      </step>
75      <step>
76        <title>Creating a Blank Drawable</title>
77        <figure>
78          <title>New image</title>
79          <mediaobject>
80            <imageobject>
81              <imagedata format="PNG"
82                fileref="images/tutorials/straight-lines-2.png"/>
83            </imageobject>
84          </mediaobject>
85        </figure>
86        <para>
87          First, create a new image. Any size will do. Use
88          <menuchoice>
89            <guimenu>File</guimenu>
90            <guimenuitem>New</guimenuitem>
91          </menuchoice>
92          to create a new image.
93        </para>
94      </step>
95      <step>
96        <title>Choose a Tool</title>
97        <figure>
98          <title>Paint tools in the toolbox</title>
99          <mediaobject>
100            <imageobject>
101              <imagedata format="PNG"
102                fileref="images/tutorials/straight-lines-3.png"/>
103            </imageobject>
104          </mediaobject>
105        </figure>
106        <para>
107          Any of the red-highlighted tools on the above toolbox can do lines.
108        </para>
109      </step>
110      <step>
111        <title>Create a Starting Point</title>
112        <figure>
113          <title>Starting point</title>
114          <mediaobject>
115            <imageobject>
116              <imagedata format="PNG"
117                fileref="images/tutorials/straight-lines-4.png"/>
118            </imageobject>
119          </mediaobject>
120        </figure>
121        <para>
122          Click on the paintbrush in the toolbox.
123          Click in the image where you want a line to start or end. A
124          single dot will appear on the screen. The size of this dot
125          represents the current brush size, which you can change in the Brush
126          Dialog (see <xref linkend="gimp-brush-dialog"/>).Now, lets start
127          drawing a line. Hold down the <keycap>Shift</keycap> key, and
128          keep it down.
129        </para>
130      </step>
131      <step>
132        <title>Drawing the Line</title>
133        <figure>
134          <title>Drawing the line</title>
135          <mediaobject>
136            <imageobject>
137              <imagedata format="PNG"
138                fileref="images/tutorials/straight-lines-5.png"/>
139            </imageobject>
140          </mediaobject>
141        </figure>
142        <para>
143          After you have a starting point and while pressing the
144	  <keycap>Shift</keycap> key, you will see a straight
145          line that follows the cursor.
146          Press the first button on the mouse (the leftmost
147          one usually) and let it go. During that whole
148          <quote>click</quote> of the mouse button,
149          you need to keep the <keycap>Shift</keycap> key held down.
150        </para>
151      </step>
152      <step>
153        <title>Final</title>
154        <figure>
155          <title>Final Image</title>
156          <mediaobject>
157            <imageobject>
158              <imagedata format="PNG"
159                fileref="images/tutorials/straight-lines-6.png"/>
160            </imageobject>
161          </mediaobject>
162        </figure>
163        <para>
164          This is a powerful feature. You can draw straight lines with any of
165          the draw tools. You can even draw more lines at the end of this one.
166          Our last step is to let go of the <keycap>Shift</keycap> key. And
167          there you have it. Some more examples are shown below.  Happy
168          <acronym>GIMP</acronym>ing!
169        </para>
170      </step>
171    </procedure>
172  </sect2>
173
174  <sect2 id="gimp-tutorial-straight-lines-examples">
175    <title>Examples</title>
176    <figure>
177      <title>Examples I</title>
178      <mediaobject>
179        <imageobject>
180          <imagedata format="PNG"
181            fileref="images/tutorials/straight-lines-example1.png"/>
182        </imageobject>
183        <caption>
184          <para>
185            Check Use color from gradient.
186          </para>
187        </caption>
188      </mediaobject>
189      <mediaobject>
190        <imageobject>
191          <imagedata format="PNG"
192            fileref="images/tutorials/straight-lines-example3.png"/>
193        </imageobject>
194        <caption>
195          <para>
196            Select the Clone tool and set the source to
197            <quote>Maple Leaves</quote> pattern.
198          </para>
199        </caption>
200      </mediaobject>
201    </figure>
202    <figure>
203      <title>Examples II</title>
204      <mediaobject>
205        <imageobject>
206          <imagedata format="PNG"
207            fileref="images/tutorials/straight-lines-example2.png"/>
208        </imageobject>
209        <caption>
210          <para>
211            Use
212            <menuchoice>
213              <guimenu>Filters</guimenu>
214              <guimenuitem>Render</guimenuitem>
215              <guimenuitem>Pattern</guimenuitem>
216              <guimenuitem>Grid</guimenuitem>
217            </menuchoice>
218            to create a grid.  Use the Smudge Tool to draw a line with a
219            slightly larger brush.
220          </para>
221        </caption>
222      </mediaobject>
223      <mediaobject>
224        <imageobject>
225          <imagedata format="PNG"
226            fileref="images/tutorials/straight-lines-example4.png"/>
227        </imageobject>
228        <caption>
229          <para>
230            Use
231            <menuchoice>
232              <guimenu>Filters</guimenu>
233              <guimenuitem>Render</guimenuitem>
234              <guimenuitem>Clouds</guimenuitem>
235              <guimenuitem>Plasma</guimenuitem>
236            </menuchoice>
237            to create the cool plasma cloud. Use the Erase Tool with
238            a square brush to draw a line.
239          </para>
240        </caption>
241      </mediaobject>
242    </figure>
243    <figure>
244      <title>Example III</title>
245      <mediaobject>
246        <imageobject>
247          <imagedata format="PNG"
248            fileref="images/tutorials/straight-lines-example5.png"/>
249        </imageobject>
250        <caption>
251          <para>
252            Use the rectangle select tool to select a rectangle, and then
253            fill the selection with a light blue color.
254            Select the dodge/burn tool.
255            Set the type to Dodge and paint along the top and left side using
256            an appropriately sized brush. Set the type to Burn and paint along
257            the right and bottom.
258          </para>
259        </caption>
260      </mediaobject>
261    </figure>
262  </sect2>
263</sect1>
264