← Back to branch summary

~ubuntu-branches/ubuntu/vivid/gimp-help/vivid

« back to all changes in this revision

Viewing changes to html/en/ch03s03s03s02.html

  • Committer: Bazaar Package Importer
  • Author(s): Ari Pollak
  • Date: 2005-05-08 18:04:08 UTC
  • mfrom: (1.2.1 upstream) (2.1.1 hoary)
  • Revision ID: james.westby@ubuntu.com-20050508180408-mjwl3kmjczfnmu5v
Tags: 2+0.7-5
http://bugs.debian.org/308228
Fix doc-base entry for gimp-help-zh-cn to point to correct directory
name (Closes: #308228)

Show diffs side-by-side

added added

removed removed

Lines of Context:
html/en/ch03s03s03s02.html
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>3.3.2. Gradient Tool</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
 
    <meta name="generator" content="DocBook XSL Stylesheets V1.64.1" />
10
 
    <link rel="home" href="index.html" title="GIMP User Manual" />
11
 
    <link rel="up" href="ch03s03s03.html" title="3.3. Paint Tools" />
12
 
    <link rel="previous" href="ch03s03s03.html" title="3.3. Paint Tools" />
13
 
    <link rel="next" href="ch03s03s03s03.html" title="3.3.3. Pencil Tool" />
14
 
  </head>
15
 
  <body>
16
 
    <div class="navheader">
17
 
      <table width="100%" summary="Navigation header">
18
 
        <tr>
19
 
          <th colspan="3" align="center">3.3.2. Gradient Tool</th>
20
 
        </tr>
21
 
        <tr>
22
 
          <td width="20%" align="left"><a accesskey="p" href="ch03s03s03.html">Prev</a> </td>
23
 
          <th width="60%" align="center">3.3. Paint Tools</th>
24
 
          <td width="20%" align="right"> <a accesskey="n" href="ch03s03s03s03.html">Next</a></td>
25
 
        </tr>
26
 
      </table>
27
 
      <hr />
28
 
    </div>
29
 
    <div class="sect3" lang="en" xml:lang="en">
30
 
      <div class="titlepage">
31
 
        <div>
32
 
          <div>
33
 
            <h4 class="title"><a id="gimp-tool-gradient"></a>3.3.2. Gradient Tool</h4>
34
 
          </div>
35
 
        </div>
36
 
        <div></div>
37
 
      </div>
38
 
      <a id="id2949622" class="indexterm"></a>
39
 
      <div class="mediaobject">
40
 
        <img src="../images/toolbox/toolbox-gradient.png" />
41
 
      </div>
42
 
      <p>
43
 
    The Blend tool renders a gradient based on the current foreground and
44
 
    background colors. The start and end points are set using the mouse.
45
 
    Simply drag and drop a line, and the gradient will be rendered using
46
 
    the foreground color as the start and the background color as the end.
47
 
    The quality of the resulting gradient will depend on the maximum number
48
 
    of colors available to the blend tool. ("Blend" and "Gradient" are
49
 
    often used interchangeably.)
50
 
  </p>
51
 
      <div class="simplesect" lang="en" xml:lang="en">
52
 
        <div class="titlepage">
53
 
          <div>
54
 
            <div>
55
 
              <h5 class="title"><a id="id2949662"></a>Activate Tool</h5>
56
 
            </div>
57
 
          </div>
58
 
          <div></div>
59
 
        </div>
60
 
        <div class="itemizedlist">
61
 
          <ul type="disc">
62
 
            <li>
63
 
              <p>
64
 
          The Blend Tool can be called in the following
65
 
          order, from the image-menu:
66
 
          <span class="guimenuitem"><span class="accel">T</span>ools</span>/
67
 
          <span class="guimenuitem"><span class="accel">P</span>aint Tools</span>/
68
 
          <span class="guimenuitem">Blen<span class="accel">d</span></span>. 
69
 
        </p>
70
 
            </li>
71
 
            <li>
72
 
              <p>
73
 
          The Tool can also be called by clicking the tool icon:
74
 
          <span class="guiicon">
75
 
            <img src="../images/toolbox/gradient.png" />
76
 
          </span>
77
 
        </p>
78
 
            </li>
79
 
          </ul>
80
 
        </div>
81
 
      </div>
82
 
      <div class="simplesect" lang="en" xml:lang="en">
83
 
        <div class="titlepage">
84
 
          <div>
85
 
            <div>
86
 
              <h5 class="title"><a id="id2949723"></a>Key modifiers (Defaults)</h5>
87
 
            </div>
88
 
          </div>
89
 
          <div></div>
90
 
        </div>
91
 
        <div class="variablelist">
92
 
          <dl>
93
 
            <dt>
94
 
              <span class="term">Shortcut</span>
95
 
            </dt>
96
 
            <dd>
97
 
              <p>
98
 
            The <span><b class="keycap">L</b></span>
99
 
            key will change the active tool to Gradient Fill.
100
 
          </p>
101
 
            </dd>
102
 
            <dt>
103
 
              <span class="term">
104
 
          <span><b class="keycap">Ctrl</b></span>
105
 
        </span>
106
 
            </dt>
107
 
            <dd>
108
 
              <p>
109
 
            <span><b class="keycap">Ctrl</b></span> is used to create straight lines that are
110
 
            constrained to 15 degree absolute angles.
111
 
          </p>
112
 
            </dd>
113
 
          </dl>
114
 
        </div>
115
 
      </div>
116
 
      <div class="simplesect" lang="en" xml:lang="en">
117
 
        <div class="titlepage">
118
 
          <div></div>
119
 
          <div></div>
120
 
        </div>
121
 
        <div class="variablelist">
122
 
          <p class="title">
123
 
            <b>Options</b>
124
 
          </p>
125
 
          <dl>
126
 
            <dt>
127
 
              <span class="term">Overview</span>
128
 
            </dt>
129
 
            <dd>
130
 
              <p>
131
 
          The available tool options can be accessed
132
 
          by double clicking the Gradient Tool icon.
133
 
          <span class="guiicon">
134
 
            <img src="../images/toolbox/gradient.png" />
135
 
          </span>
136
 
        </p>
137
 
            </dd>
138
 
            <dt>
139
 
              <span class="term">Opacity</span>
140
 
            </dt>
141
 
            <dd>
142
 
              <p>
143
 
          The Opacity slider sets the transparency level for the gradient. A
144
 
          higher opacity setting results in a more opaque fill and a lower
145
 
          setting results in a more transparent fill.
146
 
        </p>
147
 
            </dd>
148
 
            <dt>
149
 
              <span class="term">Mode</span>
150
 
            </dt>
151
 
            <dd>
152
 
              <p>
153
 
          The Mode dropdown list provides a selection of paint application
154
 
          modes. A list of these modes can be found in the glossary. 
155
 
        </p>
156
 
            </dd>
157
 
            <dt>
158
 
              <span class="term">Gradient</span>
159
 
            </dt>
160
 
            <dd>
161
 
              <p>
162
 
          A variety of gradient patterns can be selected from the
163
 
          drop-down list.  The tool causes a shading pattern that
164
 
          transitions from foreground to background color, in the
165
 
          direction the user determines by drawing a line in the
166
 
          image.  For the purposes of drawing the gradient, the
167
 
          <span class="guilabel">Reverse</span> checkbox switches foreground
168
 
          and background.
169
 
        </p>
170
 
            </dd>
171
 
            <dt>
172
 
              <span class="term">Offset</span>
173
 
            </dt>
174
 
            <dd>
175
 
              <p>
176
 
          The <span class="guilabel">Offset</span> Value is the "slope" of the
177
 
          gradient.
178
 
        </p>
179
 
            </dd>
180
 
            <dt>
181
 
              <span class="term">Shape</span>
182
 
            </dt>
183
 
            <dd>
184
 
              <p>
185
 
          The <span class="acronym">Gimp</span> provides 11 shapes, which can be
186
 
          selected from the drop-down list.  Details on each of the
187
 
          shapes are given below.
188
 
        </p>
189
 
              <p>
190
 
          </p>
191
 
              <div class="variablelist">
192
 
                <dl>
193
 
                  <dt>
194
 
                    <span class="term">Linear</span>
195
 
                  </dt>
196
 
                  <dd>
197
 
                    <p>
198
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-linear.png" /></span>
199
 
                </p>
200
 
                    <p>
201
 
                  The <span class="guilabel">Linear</span>gradient begins 
202
 
                  with the foreground color at the starting point of the
203
 
                  drawn line and transitions linearly to the
204
 
                  background color at the ending point.
205
 
                </p>
206
 
                  </dd>
207
 
                  <dt>
208
 
                    <span class="term">Bi-Linear</span>
209
 
                  </dt>
210
 
                  <dd>
211
 
                    <p>
212
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-bilinear.png" /></span>
213
 
                </p>
214
 
                    <p>
215
 
                  The <span class="guilabel">Bi-Linear</span> shape proceeds in both directions from the
216
 
                  starting point, for a distance determined by the
217
 
                  lenth of the drawn line.  It is useful, for example, for giving
218
 
                  the appearance of a cylinder.
219
 
                </p>
220
 
                  </dd>
221
 
                  <dt>
222
 
                    <span class="term">Radial</span>
223
 
                  </dt>
224
 
                  <dd>
225
 
                    <p>
226
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-radial.png" /></span>
227
 
                </p>
228
 
                    <p>
229
 
                  The <span class="guilabel">Radial</span> gradient gives a
230
 
                  circle, with foreground color at the center and
231
 
                  background color outside the circle.  It gives the
232
 
                  appearance of a sphere without directional lighting.
233
 
                </p>
234
 
                  </dd>
235
 
                  <dt>
236
 
                    <span class="term">Square</span>
237
 
                  </dt>
238
 
                  <dd>
239
 
                    <p>
240
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-square.png" /></span>
241
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-ang-shapeburst.png" /></span>
242
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-spher-shapeburst.png" /></span>
243
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-dim-shapeburst.png" /></span>
244
 
                </p>
245
 
                    <p>
246
 
                  There are four shapes that are some variant on a
247
 
                  square: <span class="guilabel">Square</span>,
248
 
                  <span class="guilabel">Shapeburst(angular)</span>,
249
 
                  <span class="guilabel">Shapeburst(spherical)</span>, and
250
 
                  <span class="guilabel">Shapeburst(dimpled)</span>.  They all
251
 
                  put the foreground color at the center of a square,
252
 
                  whose center is at the start of the drawn line, and
253
 
                  whose half-diagonal is the length of the drawn line.
254
 
                  The four options provide a variety in the manner in
255
 
                  which the gradient is calculated; experimentation is
256
 
                  the best means of seeing the differences.
257
 
                </p>
258
 
                  </dd>
259
 
                  <dt>
260
 
                    <span class="term">Conical (symmetric)</span>
261
 
                  </dt>
262
 
                  <dd>
263
 
                    <p>
264
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-sym-conical.png" /></span>
265
 
                </p>
266
 
                    <p>
267
 
                  The <span class="guilabel">Conical(symmetrical)</span> shape
268
 
                  gives the sensation of looking down at the tip of a
269
 
                  cone, which appears to be illuminated with the
270
 
                  background color from a direction determined by the
271
 
                  direction of the drawn line.
272
 
                </p>
273
 
                  </dd>
274
 
                  <dt>
275
 
                    <span class="term">Conical (asymmetric)</span>
276
 
                  </dt>
277
 
                  <dd>
278
 
                    <p>
279
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-asym-conical.png" /></span>
280
 
                  </p>
281
 
                    <p>
282
 
                  <span class="guilabel">Conical(asymmetric)</span> is similar
283
 
                  to <span class="guilabel">Conical(symmetric)</span> except
284
 
                  that the "cone" appears to have a ridge where the
285
 
                  line is drawn.
286
 
                </p>
287
 
                  </dd>
288
 
                  <dt>
289
 
                    <span class="term">Spiral (clockwise)</span>
290
 
                  </dt>
291
 
                  <dd>
292
 
                    <p>
293
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-clock-spiral.png" /></span>
294
 
                  <span class="inlinemediaobject"><img src="../images/tool-options/gradient-anticlock-spiral.png" /></span>
295
 
                </p>
296
 
                    <p>
297
 
                  The <span class="guilabel">Spiral</span> tools provide spirals
298
 
                  whose repeat width is determined by the length of
299
 
                  the drawn line.
300
 
                </p>
301
 
                  </dd>
302
 
                </dl>
303
 
              </div>
304
 
              <p>
305
 
        </p>
306
 
            </dd>
307
 
            <dt>
308
 
              <span class="term">Repeat</span>
309
 
            </dt>
310
 
            <dd>
311
 
              <p> 
312
 
          There are two repeat modes: <span class="guilabel">Sawtooth Wave</span>
313
 
          and <span class="guilabel">Triangular Wave</span>.  The Sawtooth
314
 
          pattern is achieved by beginning with the foreground,
315
 
          transitioning to the background, then starting over with the
316
 
          foreground.  The Triangular starts with the foreground,
317
 
          transitions to the background, then transitions back to the
318
 
          foreground.
319
 
        </p>
320
 
            </dd>
321
 
            <dt>
322
 
              <span class="term">Dithering</span>
323
 
            </dt>
324
 
            <dd>
325
 
              <p>
326
 
          Dithering is fully explained in the <a href="go01.html#glossary-dithering">Glossary</a>
327
 
        </p>
328
 
            </dd>
329
 
            <dt>
330
 
              <span class="term">Adaptive Supersampling</span>
331
 
            </dt>
332
 
            <dd>
333
 
              <p>
334
 
          <span class="guilabel">Adaptive Supersampling</span> is a more
335
 
          sophisticated means of smoothing the "jagged" effect of a
336
 
          sharp transiton of color along a slanted or curved line.
337
 
        </p>
338
 
            </dd>
339
 
          </dl>
340
 
        </div>
341
 
      </div>
342
 
    </div>
343
 
    <div class="navfooter">
344
 
      <hr />
345
 
      <table width="100%" summary="Navigation footer">
346
 
        <tr>
347
 
          <td width="40%" align="left"><a accesskey="p" href="ch03s03s03.html">Prev</a> </td>
348
 
          <td width="20%" align="center">
349
 
            <a accesskey="u" href="ch03s03s03.html">Up</a>
350
 
          </td>
351
 
          <td width="40%" align="right"> <a accesskey="n" href="ch03s03s03s03.html">Next</a></td>
352
 
        </tr>
353
 
        <tr>
354
 
          <td width="40%" align="left" valign="top">3.3. Paint Tools </td>
355
 
          <td width="20%" align="center">
356
 
            <a accesskey="h" href="index.html">Home</a>
357
 
          </td>
358
 
          <td width="40%" align="right" valign="top"> 3.3.3. Pencil Tool</td>
359
 
        </tr>
360
 
      </table>
361
 
    </div>
362
 
  </body>
363
 
</html>