1
=== modified file 'docs/graphics/C/graphics.xml'
2
--- docs/graphics/C/graphics.xml	2010-07-25 16:40:35 +0000
3
+++ docs/graphics/C/graphics.xml	2012-03-25 19:33:19 +0000
4
@@ -23,191 +23,217 @@
5
23
23
6
24
<para>
24
<para>
7
25
There are many free and open source graphics and image editing applications
25
There are many free and open source graphics and image editing applications
10
26
available for Kubuntu such as <application>GIMP</application>,
26
available for &kubuntu; such as <application>GIMP</application>,
11
27
<application>Blender</application>, <application>InkScape</application> and
27
<application>Blender</application>, <application>InkScape</application>, and
12
28
more. These applications are not part of a default &kubuntu; installation.
28
more. These applications are not part of a default &kubuntu; installation.
17
29
However, they can be installed easily with the package manager
29
They can, however, be installed easily with the <application>Muon</application> 
18
30
<application>KpackageKit</application>. This topic is an introduction to common
30
package manager, which can be started by going to &menumuon;. This topic is an 
19
31
tasks in graphics editing applications, such as editing images, creating new
31
introduction to common tasks in graphics editing applications, such as editing 
20
32
images, saving your work, and so forth.
32
images, creating new images, saving your work, and so forth.
21
33
</para>
33
</para>
22
34
</sect1>
34
</sect1>
23
35
35
24
36
25
37
<sect1 id="gimp-introduction">
36
<sect1 id="gimp-introduction">
26
38
<title>GIMP (GNU Image Manipulation Program)</title>
37
<title>GIMP (GNU Image Manipulation Program)</title>
27
39
<para>
38
<para>
42
40
GIMP (The GNU Image Manipulation Program) is a free raster graphics editor
39
<application>GIMP</application> (The <trademark>GNU</trademark> Image 
43
41
licensed under GPL. It is primarily used as an image retouching and editing
40
Manipulation Program) is a free raster graphics editor licensed under the 
44
42
tool. GIMP is built upon the GTK+ framework and thus can run on a variety of
41
<acronym>GPL</acronym>. It is primarily used as an image retouching and editing 
45
43
platforms. It is used for graphics editing tasks such as photo editing,
42
tool. <application>GIMP</application> is built upon the 
46
44
image composition and image creation.
43
<trademark>GTK+</trademark> framework and can run on a variety of platforms. It 
47
45
</para>
44
is used for graphics editing tasks such as photo editing, image composition, 
48
46
45
and image creation.
49
47
<para>
46
</para>
50
48
GIMP can be enhanced by the use of plugins and scripts that perform complex
47
51
49
operations. It can also be used to convert different image formats. 
48
<para>
52
50
</para>
49
<application>GIMP</application> can be enhanced by the use of plugins and 
53
51
50
scripts that perform complex operations. It can also be used to convert 
54
52
<para>
51
different image formats.
55
53
Some of the features and capabilities offered by GIMP include:
52
</para>
56
53
57
54
<para>
58
55
Some of the features and capabilities offered by 
59
56
<application>GIMP</application> include:
60
54
57
61
55
<itemizedlist>
58
<itemizedlist>
77
56
<listitem><para>A full suite of painting tools including brushes, a pencil, an
59
  <listitem>
78
57
airbrush, cloning, healing, dodge and burn, and more</para></listitem>
60
    <para>
79
58
<listitem><para>Full Alpha channel support for working with transparency</para></listitem>
61
      A full suite of painting tools, including brushes, a pencil, an airbrush, 
80
59
<listitem><para>Layers and channels</para></listitem>
62
      cloning, healing, dodge and burn, and more.
81
60
<listitem><para>Advanced scripting capabilities</para></listitem>
63
    </para>
82
61
<listitem><para>Multiple undo/redo (limited only by disk
64
  </listitem>
83
62
space)</para></listitem>
65
  <listitem>
84
63
<listitem><para>Transformation tools including rotate, scale, shear and
66
    <para>
85
64
flip</para></listitem>
67
      Full Alpha channel support for working with transparency.
86
65
<listitem><para>Support for a wide range of file formats, including GIF, JPEG, PNG,
68
    </para>
87
66
XPM, TIFF, TGA, MPEG, PS, PDF, PCX, BMP and many others</para></listitem>
69
  </listitem>
88
67
<listitem><para>Selection tools, including rectangle, ellipse, free, fuzzy,
70
  <listitem>
89
68
bezier and intelligent scissors</para></listitem>
71
    <para>
90
69
<listitem><para>Plug-ins to add new file formats and new effect
72
      Layers and channels.
91
70
filters.</para></listitem>
73
    </para>
92
74
  </listitem>
93
75
  <listitem>
94
76
    <para>
95
77
      Advanced scripting capabilities.
96
78
    </para>
97
79
  </listitem>
98
80
  <listitem>
99
81
    <para>
100
82
      Multiple undo/redo (limited only by disk space).
101
83
    </para>
102
84
  </listitem>
103
85
  <listitem>
104
86
    <para>
105
87
      Transformation tools, including rotate, scale, shear, and flip.
106
88
    </para>
107
89
  </listitem>
108
90
  <listitem>
109
91
    <para>
110
92
      Support for a wide range of file formats, including 
111
93
      <acronym>GIF</acronym>, <acronym>JPEG</acronym>, <acronym>PNG</acronym>, 
112
94
      <acronym>XPM</acronym>, <acronym>TIFF</acronym>, <acronym>TGA</acronym>, 
113
95
      <acronym>MPEG</acronym>, <acronym>PS</acronym>, <acronym>PDF</acronym>, 
114
96
      <acronym>PCX</acronym>, <acronym>BMP</acronym>, and many others.
115
97
    </para>
116
98
  </listitem>
117
99
  <listitem>
118
100
    <para>
119
101
      Selection tools, including rectangle, ellipse, free, fuzzy, bezier, and 
120
102
      intelligent scissors.
121
103
    </para>
122
104
  </listitem>
123
105
  <listitem>
124
106
    <para>
125
107
      Plug-ins to add new file formats and new effect filters.
126
108
    </para>
127
109
  </listitem>
128
71
</itemizedlist>
110
</itemizedlist>
129
72
</para>
111
</para>
130
73
112
131
74
<sect2 id="gimp-editing-graphics">
113
<sect2 id="gimp-editing-graphics">
136
75
<title>Editing Graphics In Gimp</title>
114
<title>Editing Graphics In <application>GIMP</application></title>
137
76
<para>For editing images you can use <application>GIMP</application>, a
115
<para>
138
77
powerful and feature-packed application similar to Adobe's Photoshop.
116
For editing images, you can use <application>GIMP</application>, a powerful and 
139
78
Here's how to edit graphics in GIMP:
117
feature-packed application similar to <trademark>Adobe</trademark>'s 
140
118
<trademark>Photoshop</trademark>. Here's how to edit graphics in 
141
119
<application>GIMP</application>:
142
79
</para>
120
</para>
143
80
121
144
81
<procedure>
122
<procedure>
196
82
<step>
123
  <step>
197
83
<para>
124
    <para>
198
84
Install Gimp from the package manager.
125
      Install <application>GIMP</application> from the 
199
85
</para>
126
      <application>Muon</application> package manager, which can be started by 
200
86
</step>
127
      going to &menumuon;.
201
87
128
    </para>
202
88
<step>
129
  </step>
203
89
<para>
130
  <step>
204
90
To run <application>Gimp</application>, go to &menugimp;.
131
    <para>
205
91
</para>
132
      To run <application>GIMP</application>, go to &menugimp;.
206
92
</step>
133
    </para>
207
93
134
  </step>
208
94
<step>
135
  <step>
209
95
<para>
136
    <para>
210
96
In <application>Gimp</application>, go to
137
      In <application>GIMP</application>, go to <menuchoice>
211
97
<menuchoice>
138
      <guimenu>File</guimenu><guisubmenu>Open</guisubmenu></menuchoice>, 
212
98
<guimenu>File</guimenu>
139
      navigate to the folder where the image is stored, and open it.
213
99
<guisubmenu>Open</guisubmenu>
140
    </para>
214
100
</menuchoice> and navigate to the folder where the image is stored and open it.
141
    <para>
215
101
</para>
142
      <example>
216
102
143
        <title>Opening an image in <application>GIMP</application></title>
217
103
<para>
144
        <mediaobject>
218
104
<example>
145
        <imageobject> 
219
105
<title>Opening an image in Gimp</title>
146
        <imagedata fileref="help:/images/C/gimp-open.png" format="PNG"/>
220
106
<mediaobject>
147
        </imageobject>
221
107
<imageobject> 
148
        </mediaobject>
222
108
<imagedata fileref="help:/images/C/gimp-open.png" format="PNG"/>
149
      </example>
223
109
</imageobject>
150
    </para>  
224
110
</mediaobject>
151
  </step>
225
111
</example>
152
  <step>
226
112
</para>  
153
    <para>
227
113
154
      There are several tools available in <application>GIMP</application> for 
228
114
</step>
155
      editing images, such as the 'Brush' and the 'Eraser' tools.
229
115
156
    </para>
230
116
<step>
157
  </step>
231
117
<para>
158
  <step>
232
118
There are several tools available in <application>Gimp</application> for editing
159
    <para>
233
119
the image, such as the 'Brush' and the 'Eraser' tools.
160
      When the editing is complete, go to <menuchoice><guimenu>File</guimenu> 
234
120
</para>
161
      <guisubmenu>Save</guisubmenu></menuchoice> to save your file, or use 
235
121
</step>
162
      <guisubmenu>Save As</guisubmenu> to avoid overwriting the original image.
236
122
163
    </para>
237
123
<step>
164
  </step>
187
124
<para>
188
125
When the editing is complete, go to
189
126
<menuchoice>
190
127
<guimenu>File</guimenu>
191
128
<guisubmenu>Save</guisubmenu>
192
129
</menuchoice> to save your file, or use <guisubmenu>Save As</guisubmenu> to
193
130
avoid overwriting the original image.
194
131
</para>
195
132
</step>
238
133
</procedure>
165
</procedure>
239
134
</sect2>
166
</sect2>
240
135
167
241
136
<sect2 id="creating-graphics-gimp">
168
<sect2 id="creating-graphics-gimp">
242
137
<title>Creating Gaphics</title>
169
<title>Creating Gaphics</title>
247
138
<para>Creating graphics can be accomplished in <application>Gimp</application>
170
<para>
248
139
easily. There are many filters and tools available that can be used to create
171
Creating graphics can easily be accomplished in 
249
140
stunning graphics.
172
<application>GIMP</application>. There are many filters and tools available 
250
141
Here's how to create graphics:</para>
173
that can be used to create stunning graphics. Here's how to create graphics:
251
174
</para>
252
142
<procedure>
175
<procedure>
321
143
<step>
176
  <step>
322
144
<para>
177
    <para>
323
145
To create images/graphics, start with an empty image in
178
      To create images/graphics, start with an empty image in 
324
146
<application>Gimp</application>. To do this, go to
179
      <application>GIMP</application>. To do this, go to <menuchoice> 
325
147
<menuchoice>
180
      <guimenu>File</guimenu> <guisubmenu>New</guisubmenu> </menuchoice> and 
326
148
<guimenu>File</guimenu>
181
      enter the dimensions of the new image. Press <guibutton>OK</guibutton>.
327
149
<guisubmenu>New</guisubmenu>
182
    </para>
328
150
</menuchoice> and enter the <acronym>dimensions</acronym> of the new image.
183
    <para>
329
151
Press <guibutton>OK</guibutton>.
184
      <example>
330
152
</para>
185
      <title>Creating a new image in <application>GIMP</application></title>
331
153
186
      <mediaobject>
332
154
<para>
187
      <imageobject> 
333
155
<example>
188
      <imagedata fileref="help:/images/C/gimp-new.png" format="PNG"/>
334
156
<title>Creating a new image in Gimp</title>
189
      </imageobject>
335
157
<mediaobject>
190
      </mediaobject>
336
158
<imageobject> 
191
      </example>
337
159
<imagedata fileref="help:/images/C/gimp-new.png" format="PNG"/>
192
    </para>
338
160
</imageobject>
193
  </step>
339
161
</mediaobject>
194
  <step>
340
162
</example>
195
    <para>
341
163
</para>
196
      With an empty image, any of the numerous tools available in 
342
164
</step>
197
      <application>GIMP</application> can be used to create a masterpiece! For 
343
165
198
      example, use the text tool, marked with an 'A' in the toolbox window, to 
344
166
<step>
199
      add some text to the image. The text can then be manipulated by using 
345
167
<para>
200
      filters and adding more color to it.
346
168
With an empty image, any of the numerous tools available in
201
      <example>
347
169
<application>Gimp</application> can be used to create a masterpiece!
202
      <title>Adding some text to the image</title>
348
170
For example, use the text tool, marked with a &apos;A&apos; in the toolbox
203
      <mediaobject>
349
171
window, to add some text to the image. The text can then be manipulated by using
204
      <imageobject>
350
172
filters and adding more color to it. 
205
      <imagedata fileref="help:/images/C/gimp-text.png" format="PNG"/>
351
173
<example>
206
      </imageobject>
352
174
<title>Adding some text to the image</title>
207
      </mediaobject>
353
175
<mediaobject>
208
      </example>
354
176
<imageobject>
209
    </para>                              
355
177
<imagedata fileref="help:/images/C/gimp-text.png" format="PNG"/>
210
  </step>
356
178
</imageobject>
211
  <step>
357
179
</mediaobject>
212
    <para>
358
180
</example>
213
      When the image has been created, it can be saved. To save a file in 
359
181
</para>                              
214
      <application>GIMP</application>, go to <menuchoice> 
360
182
</step>
215
      <guimenu>File</guimenu> <guisubmenu>Save</guisubmenu> </menuchoice> and 
361
183
216
      choose a location where the file will be saved. 
362
184
<step>
217
      <application>GIMP</application> requires that that a file type be 
363
185
<para>
218
      selected for the image being saved (<acronym>png</acronym>, 
364
186
When the image has been created, it can be saved. To save a file in Gimp,
219
      <acronym>jpg</acronym>, <abbrev>etc.</abbrev>), so the file extension 
365
187
go to
220
      must be specified. The <acronym>.xcf</acronym> choice is considered to be 
366
188
<menuchoice>
221
      the default extension for <application>GIMP</application>. It is the 
367
189
<guimenu>File</guimenu>
222
      preferred file type that maintains the edit history of the image, which 
368
190
<guisubmenu>Save</guisubmenu>
223
      is helpful if the file is expected to be edited further in 
369
191
</menuchoice> and choose a location where the file will be saved.
224
      <application>GIMP</application>.
370
192
<application>Gimp</application> requires that that a file type be selected for
225
    </para>
371
193
the image being saved (png, jpg etc.). So the file extension must be specified
226
    <para>
372
194
for the image being saved. One of the choices, .xcf, is the default
227
      <example>
373
195
extension for <application>Gimp</application>. It is the preferred file type
228
      <title>Saving the image</title>
374
196
that maintains the edit history of the image, which is helpful if the file is
229
      <mediaobject>
375
197
expected to be edited further in Gimp.
230
      <imageobject>
376
198
</para>
231
      <imagedata fileref="help:/images/C/gimp-save.png" format="PNG"/>
377
199
232
      </imageobject>
378
200
<para>
233
      </mediaobject>
379
201
<example>
234
      </example>
380
202
<title>Saving the image</title>
235
    </para>
381
203
<mediaobject>
236
  </step>
314
204
<imageobject>
315
205
<imagedata fileref="help:/images/C/gimp-save.png" format="PNG"/>
316
206
</imageobject>
317
207
</mediaobject>
318
208
</example>
319
209
</para>
320
210
</step>
382
211
</procedure>
237
</procedure>
383
212
</sect2>
238
</sect2>
384
213
239
385
@@ -215,15 +241,28 @@
386
215
<title>References</title>
241
<title>References</title>
387
216
<para>
242
<para>
388
217
For a complete guide to editing and creating images and graphics in
243
For a complete guide to editing and creating images and graphics in
390
218
<application>Gimp</application>, please see the <ulink
244
<application>GIMP</application>, please see the <ulink
391
219
url="http://www.gimp.org/tutorials/">tutorials</ulink> and the official <ulink
245
url="http://www.gimp.org/tutorials/">tutorials</ulink> and the official <ulink
394
220
url="http://www.gimp.org/docs/">documentation</ulink> from the Gimp website.
246
url="http://www.gimp.org/docs/">documentation</ulink> from the 
395
221
More resources for learning GIMP include:
247
<application>GIMP</application> web site. More resources for learning 
396
248
<application>GIMP</application> include:
397
222
<itemizedlist>
249
<itemizedlist>
402
223
<listitem><para><ulink url="http://www.gimp.org/tutorials/">Official Gimp Tutorials</ulink></para></listitem>
250
  <listitem>
403
224
<listitem><para><ulink url="http://www.gimp-tutorials.net">Gimp-Tutorials.net</ulink></para></listitem>
251
    <para>
404
225
<listitem><para><ulink url="http://www.gimpguru.org/Tutorials/">Gimp Guru</ulink></para></listitem>
252
      <ulink url="http://www.gimp-tutorials.net">Gimp-Tutorials.net</ulink>
405
226
<listitem><para><ulink url="http://gimp-savvy.com/BOOK/index.html">Grokking The GIMP (Book)</ulink></para></listitem>
253
    </para>
406
254
  </listitem>
407
255
  <listitem>
408
256
    <para>
409
257
      <ulink url="http://www.gimpguru.org/Tutorials/">Gimp Guru</ulink>
410
258
    </para>
411
259
  </listitem>
412
260
  <listitem>
413
261
    <para>
414
262
      <ulink url="http://gimp-savvy.com/BOOK/index.html">Grokking The GIMP 
415
263
      (Book)</ulink>
416
264
    </para>
417
265
  </listitem>
418
227
</itemizedlist>
266
</itemizedlist>
419
228
</para>
267
</para>
420
229
</sect2>
268
</sect2>
421
@@ -233,81 +272,139 @@
422
233
<title>Inkscape</title>
272
<title>Inkscape</title>
423
234
<para>
273
<para>
424
235
<application>Inkscape</application> is a vector graphics editor application. It
274
<application>Inkscape</application> is a vector graphics editor application. It
429
236
uses Scalable Vector Graphics (SVG), an open XML-based W3C standard, as its
275
uses Scalable Vector Graphics (<acronym>SVG</acronym>), an open 
430
237
native format. Inkscape is built on GTK+ and therefore can run on a variety of
276
<acronym>XML</acronym>-based <trademark>W3C</trademark> standard, as its native 
431
238
different platforms.To run Inkscape, install it with the package manager
277
format. <application>Inkscape</application> is built on 
432
239
and go to &menuinkscape;
278
<trademark>GTK+</trademark>, and can therefore run on a variety of different 
433
279
platforms.
434
280
</para>
435
281
<para>
436
282
Install <application>Inkscape</application> from the 
437
283
<application>Muon</application> package manager, which can be started by going 
438
284
to &menumuon;.
439
285
</para>
440
286
<para>
441
287
To run <application>Inkscape</application>, go to &menuinkscape;.
442
240
</para>
288
</para>
443
241
<para>
289
<para>
444
242
Some features of <application>Inkscape</application> are:
290
Some features of <application>Inkscape</application> are:
445
243
<itemizedlist>
291
<itemizedlist>
453
244
<listitem><para>Create ellipses, rectangles, circles, paths, text using the
292
  <listitem>
454
245
different types of tools available.</para></listitem>
293
    <para>
455
246
<listitem><para>Manipulate, style, rotate and edit objects.</para></listitem>
294
      Create ellipses, rectangles, circles, paths, and text using the different 
456
247
<listitem><para>Command-line interface, primarily for format conversion
295
      types of tools available.
457
248
functions.</para></listitem>
296
    </para>
458
249
<listitem><para>XML tree editor for manipulating SVG
297
  </listitem>
459
250
documents.</para></listitem>
298
  <listitem>
460
299
    <para>
461
300
      Manipulate, style, rotate, and edit objects.
462
301
    </para>
463
302
  </listitem>
464
303
  <listitem>
465
304
    <para>
466
305
      Command-line interface, primarily for format conversion functions.
467
306
    </para>
468
307
  </listitem>
469
308
  <listitem>
470
309
    <para>
471
310
      <acronym>XML</acronym> tree editor for manipulating 
472
311
      <acronym>SVG</acronym> documents.
473
312
    </para>
474
313
  </listitem>
475
251
</itemizedlist>
314
</itemizedlist>
476
252
</para>
315
</para>
477
253
316
478
254
<sect2 id="inkscape-creating-images">
317
<sect2 id="inkscape-creating-images">
479
255
<title>Creating Vector Images With Inkscape</title>
318
<title>Creating Vector Images With Inkscape</title>
480
256
<procedure>
319
<procedure>
523
257
<step><para>Open Inkscape by going to &menuinkscape;</para></step>
320
  <step>
524
258
<step><para>
321
    <para>
525
259
Set the image size by changing the 'width' and 'height' of the
322
      Open Inkscape by going to &menuinkscape;.
526
260
document in <menuchoice><guimenu>File</guimenu><guisubmenu>Document
323
    </para>
527
261
Properties</guisubmenu></menuchoice>
324
  </step>
528
262
<example>
325
  <step>
529
263
<title>Document Properties</title>
326
    <para>
530
264
<mediaobject>
327
      Set the image size by changing the 'width' and 'height' of the document 
531
265
<imageobject>
328
      in <menuchoice><guimenu>File</guimenu><guisubmenu>Document 
532
266
<imagedata fileref="help:/images/C/inkscape-doc-properties.png" format="PNG"/>
329
      Properties</guisubmenu></menuchoice>.
533
267
</imageobject>
330
      <example>
534
268
</mediaobject>
331
      <title>Document Properties</title>
535
269
</example>
332
      <mediaobject>
536
270
</para></step>
333
      <imageobject>
537
271
334
      <imagedata fileref="help:/images/C/inkscape-doc-properties.png" 
538
272
<step><para>
335
      format="PNG"/>
539
273
Draw circles, rectangles, polygons etc. by selecting the appropriate tool from
336
      </imageobject>
540
274
the toolbox and then click the mouse and drag in the image.
337
      </mediaobject>
541
275
<example>
338
      </example>
542
276
<title>Drawing Shapes</title>
339
    </para>
543
277
<mediaobject><imageobject><imagedata fileref="help:/images/C/inkscape-draw.png" format="PNG"/></imageobject></mediaobject>
340
  </step>
544
278
</example>
341
  <step>
545
279
</para></step>
342
    <para>
546
280
343
      Draw circles, rectangles, polygons, <abbrev>etc.</abbrev>, by selecting 
547
281
<step><para>
344
      the appropriate tool from the toolbox and then 
548
282
Text can be added to the image by selecting the 'Text' tool (marked with an 'T'
345
      <mousebutton>left</mousebutton>-clicking the mouse and dragging in the 
549
283
symbol in the toolbox) or by pressing <keycap>T</keycap> on the keyboard and
346
      image.
550
284
clicking once in the image where the text will be placed.
347
      <example>
551
285
<example>
348
      <title>Drawing Shapes</title>
552
286
<title>Adding Text</title>
349
      <mediaobject><imageobject><imagedata fileref="help:/images/C/inkscape-draw.png" format="PNG"/></imageobject></mediaobject>
553
287
<mediaobject><imageobject><imagedata fileref="help:/images/C/inkscape-text.png" format="PNG"/></imageobject></mediaobject>
350
      </example>
554
288
</example>
351
    </para>
555
289
</para></step>
352
  </step>
556
290
353
  <step>
557
291
<step><para>
354
    <para>
558
292
When the editing is complete, save the image by going to
355
      Text can be added to the image by selecting the 'Text' tool (marked with 
559
293
<menuchoice><guimenu>File</guimenu><guisubmenu>Save</guisubmenu></menuchoice>.
356
      a <symbol>T</symbol> symbol in the toolbox) or by pressing 
560
294
Navigate to the folder where the file should be saved, enter a filename, and hit
357
      <keycap>T</keycap> on the keyboard and <mousebutton>left</mousebutton>-
561
295
<guibutton>Save</guibutton>. Files can be saved as Plain SVG or as Inkscape
358
      clicking once in the image where the text should be placed.
562
296
SVG. There is additional information in Inkscape SVG images that is not used by
359
      <example>
563
297
other SVG image editors.
360
      <title>Adding Text</title>
564
298
</para></step>
361
      <mediaobject><imageobject><imagedata fileref="help:/images/C/inkscape-text.png" format="PNG"/></imageobject></mediaobject>
565
362
      </example>
566
363
    </para>
567
364
  </step>
568
365
  <step>
569
366
    <para>
570
367
      When the editing is complete, save the image by going to 
571
368
      <menuchoice><guimenu>File</guimenu><guisubmenu>Save</guisubmenu>
572
369
      </menuchoice>. Navigate to the folder where the file should be saved, 
573
370
      enter a <userinput>filename</userinput>, and 
574
371
      <mousebutton>left</mousebutton>-click the <guibutton>Save</guibutton> 
575
372
      button. Files can be saved as Plain <acronym>SVG</acronym> or as 
576
373
      <application>Inkscape</application> <acronym>SVG</acronym>. There is 
577
374
      additional information inside <application>Inkscape</application> 
578
375
      <acronym>SVG</acronym> images that is not used by other 
579
376
      <acronym>SVG</acronym> image editors.
580
377
    </para>
581
378
  </step>
582
299
</procedure>
379
</procedure>
583
300
</sect2>
380
</sect2>
584
301
381
585
302
<sect2 id="inkscape-reference">
382
<sect2 id="inkscape-reference">
586
303
<title>References</title>
383
<title>References</title>
589
304
<para>The "Help" menu in Inkscape includes tutorials. Additional information
384
<para>
590
305
about using <application>Inkscape</application> is available:
385
The "Help" menu in <application>Inkscape</application> includes tutorials. 
591
386
Additional information about using <application>Inkscape</application> is 
592
387
available:
593
306
<itemizedlist>
388
<itemizedlist>
598
307
<listitem><para><ulink url="http://www.inkscape.org/doc/basic/tutorial-basic.html">Inkscape Basic Tutorial</ulink></para></listitem>
389
  <listitem>
599
308
<listitem><para><ulink url="http://inkscapetutorials.wordpress.com/">The Inkscape Tutorials Weblog</ulink></para></listitem>
390
    <para>
600
309
<listitem><para><ulink url="http://www.inkscapetutorials.net/">InkscapeTutorials.net</ulink></para></listitem>
391
      <ulink 
601
310
<listitem><para><ulink url="http://www.inkscape.org/doc/keys046.html">Inkscape Keys and Mouse Reference</ulink></para></listitem>
392
      url="http://www.inkscape.org/doc/basic/tutorial-basic.html">Inkscape 
602
393
      Basic Tutorial</ulink>
603
394
    </para>
604
395
  </listitem>
605
396
  <listitem>
606
397
    <para>
607
398
      <ulink url="http://inkscapetutorials.wordpress.com">The Inkscape 
608
399
      Tutorials Weblog</ulink>
609
400
    </para>
610
401
  </listitem>
611
402
  <listitem>
612
403
    <para>
613
404
      <ulink url="http://www.inkscape.org/doc/keys046.html">Inkscape Keys and 
614
405
      Mouse Reference</ulink>
615
406
    </para>
616
407
  </listitem>
617
311
</itemizedlist>
408
</itemizedlist>
618
312
</para>
409
</para>
619
313
</sect2>
410
</sect2>
620
@@ -317,10 +414,12 @@
621
317
<title>An Introduction To Blender</title>
414
<title>An Introduction To Blender</title>
622
318
<para>
415
<para>
623
319
<application>Blender</application> is a 3D graphics application, released under
416
<application>Blender</application> is a 3D graphics application, released under
628
320
the GNU General Public License. Blender provides a broad spectrum of modeling,
417
the <trademark>GNU</trademark> General Public License. 
629
321
texturing, lighting, animation and video post-processing functionality in one
418
<application>Blender</application> provides a broad spectrum of modeling, 
630
322
package. Blender can be installed from the package manager
419
texturing, lighting, animation, and video post-processing functionality in one
631
323
<application>KPackageKit</application>; &menukpackagekit;
420
package. Install <application>Blender</application> from the 
632
421
<application>Muon</application> package manager, which can be started by going 
633
422
to &menumuon;.
634
324
</para>
423
</para>
635
325
424
636
326
<sect2 id="blender-basics">
425
<sect2 id="blender-basics">
637
@@ -328,98 +427,128 @@
638
328
<para>
427
<para>
639
329
<application>Blender</application> is a powerful application that can be used to
428
<application>Blender</application> is a powerful application that can be used to
640
330
perform advanced and complex tasks, such as video editing, 3D modeling and
429
perform advanced and complex tasks, such as video editing, 3D modeling and
643
331
animation. This guide is an introduction to the Blender interface, and also
430
animation. This guide is an introduction to the 
644
332
covers basic functions like Exporting and Importing an image.
431
<application>Blender</application> interface, and also covers basic functions 
645
432
like exporting and importing an image.
646
333
</para>
433
</para>
647
334
434
648
335
<procedure>
435
<procedure>
736
336
<step><para>Open blender by going to &menublender;</para></step>
436
  <step>
737
337
<step><para>The <application>Blender</application>'s splash screen will appear,
437
    <para>
738
338
followed by a window similar to the one below:
438
      Open <application>Blender</application> by going to &menublender;
739
339
<example>
439
    </para>
740
340
<title>Blender Window</title>
440
  </step>
741
341
<mediaobject>
441
  <step>
742
342
<imageobject><imagedata fileref="help:/images/C/blender-main.png" format="PNG"/></imageobject>
442
    <para>
743
343
</mediaobject>
443
      <application>Blender</application>'s splash screen will appear, followed 
744
344
</example>
444
      by a window similar to the one below:
745
345
</para></step>
445
      <example>
746
346
446
      <title>Blender Window</title>
747
347
<step><para>The center of the screen is the main view for creating and viewing
447
      <mediaobject>
748
348
3D models. The bottom portion of the screen is the 'Panel', which has controls
448
      <imageobject><imagedata fileref="help:/images/C/blender-main.png" format="PNG"/></imageobject>
749
349
to modify mesh models.
449
      </mediaobject>
750
350
</para></step>
450
      </example>
751
351
451
    </para>
752
352
<step><para>By default there is a square in the center of the main view. With
452
  </step>
753
353
the cursor in the main window, the view can be rotated by pressing the middle
453
  <step>
754
354
mouse button and dragging the mouse. As the mouse is dragged, the object can be
454
    <para>
755
355
viewed from different angles. Three arrows represent the three axes: X, Y
455
      The center of the screen is the main view for creating and viewing 
756
356
and Z.
456
      <acronym>3D</acronym> models. The bottom portion of the screen is the 
757
357
<example>
457
      <interface>Panel</interface>, which has controls to modify mesh models.
758
358
<title>Rotating View</title>
458
    </para>
759
359
<mediaobject>
459
  </step>
760
360
<imageobject><imagedata fileref="help:/images/C/blender-drag.png" format="PNG"/></imageobject>
460
  <step>
761
361
</mediaobject>
461
    <para>
762
362
</example>
462
      There is a square in the center of the main view by default. With the 
763
363
</para></step>
463
      cursor in the main window, the view can be rotated by pressing the 
764
364
464
      <mousebutton>middle</mousebutton> mouse button and dragging the mouse. As 
765
365
<step><para>
465
      the mouse is dragged, the object can be viewed from different angles. 
766
366
Views can also be changed by pressing the keys in the number keypad. 
466
      Three arrows represent X, Y, and Z axes.
767
367
Pressing the "1" key in the number keypad changes the view. Pressing the "7"
467
      <example>
768
368
key returns to the default view.
468
      <title>Rotating View</title>
769
369
</para></step>
469
      <mediaobject>
770
370
470
      <imageobject><imagedata fileref="help:/images/C/blender-drag.png" format="PNG"/></imageobject>
771
371
<step><para>
471
      </mediaobject>
772
372
Objects are selected by clicking the 'Right Mouse Button'. All objects can be
472
      </example>
773
373
selected or deselected by pressing the <keycap>A</keycap> key on the keyboard.
473
    </para>
774
374
</para></step>
474
  </step>
775
375
475
  <step>
776
376
<step><para>
476
    <para>
777
377
Delete the default cube in the main window by pressing the <keycap>X</keycap>
477
      Views can also be changed by pressing the keys in the number keypad. 
778
378
key on the keyboard and then pressing <keycap>Enter</keycap>.
478
      Pressing the <keycap>1</keycap> key in the number keypad changes the 
779
379
</para></step>
479
      view. Pressing the <keycap>7</keycap> key returns to the default view.
780
380
480
    </para>
781
381
<step><para>
481
  </step>
782
382
Next, add a new mesh/object in the scene by pressing <keycap>Spacebar</keycap> and
482
  <step>
783
383
selecting
483
    <para>
784
384
<menuchoice><guimenu>Add</guimenu><guisubmenu>Mesh</guisubmenu><guisubmenu>UVSphere</guisubmenu></menuchoice>
484
      Objects are selected by clicking the <mousebutton>right</mousebutton>. 
785
385
Choose the default settings in the dialog and press
485
      All objects can be selected or deselected by pressing the 
786
386
<guibutton>OK</guibutton>.
486
      <keycap>A</keycap> key on the keyboard.
787
387
<example>
487
    </para>
788
388
<title>Adding a new mesh</title>
488
  </step>
789
389
<mediaobject>
489
  <step>
790
390
<imageobject><imagedata fileref="help:/images/C/blender-uvsphere.png" format="PNG"/></imageobject>
490
    <para>
791
391
</mediaobject>
491
      Delete the default cube in the main window by pressing the 
792
392
</example>
492
      <keycap>X</keycap> key on the keyboard and then pressing the 
793
393
</para></step>
493
      <keycap>Enter</keycap> key.
794
394
494
    </para>
795
395
<step><para>
495
  </step>
796
396
To move the new object, first select it (by clicking on it with the Right Mouse
496
  <step>
797
397
Button), and press 'G' on the keyboard. Now drag the mouse in any direction to
497
    <para>
798
398
move the object in that direction. To move the object in a specific direction,
498
      Next, add a new mesh/object in the scene by pressing the 
799
399
press <keycap>G</keycap> followed by the axis of that direction. For example:
499
      <keycap>Spacebar</keycap> and selecting <menuchoice>
800
400
To move an object in the Z axis, press <keycap>G</keycap> and then
500
      <guimenu>Add</guimenu><guisubmenu>Mesh</guisubmenu>
801
401
<keycap>Z</keycap>.
501
      <guisubmenu>UVSphere</guisubmenu></menuchoice> Choose the default 
802
402
</para></step>
502
      settings in the dialog and <mousebutton>left</mousebutton>-click the 
803
403
503
      <guibutton>OK</guibutton> button.
804
404
<step><para>
504
      <example>
805
405
To rotate the object, press <keycap>R</keycap> and rotate using the mouse. The
505
      <title>Adding a new mesh</title>
806
406
object can be rotated around a specific axis by pressing <keycap>X</keycap>,
506
      <mediaobject>
807
407
<keycap>Y</keycap> or <keycap>Z</keycap> after pressing <keycap>R</keycap>.
507
      <imageobject><imagedata fileref="help:/images/C/blender-uvsphere.png" format="PNG"/></imageobject>
808
408
</para></step>
508
      </mediaobject>
809
409
509
      </example>
810
410
<step><para>
510
    </para>
811
411
When all objects have been added, the scene can be rendered by going to
511
  </step>
812
412
<menuchoice><guimenu>Render</guimenu><guisubmenu>Render
512
  <step>
813
413
Current Frame</guisubmenu></menuchoice> or by pressing <keycap>F12</keycap>.
513
    <para>
814
414
</para></step>
514
      To move the new object, first select it (by 
815
415
515
      <mousebutton>right</mousebutton>-clicking it), and then press the 
816
416
<step><para>
516
      <keycap>G</keycap> key on the keyboard. Now drag the mouse in any 
817
417
Save the finished image by selecting
517
      direction to move the object in that direction. To move the object in a 
818
418
<menuchoice><guimenu>File</guimenu><guisubmenu>Save</guisubmenu></menuchoice>.
518
      specific direction, press the <keycap>G</keycap> key followed by the axis 
819
419
or press <keycombo><keycap>Ctrl</keycap><keycap>W</keycap></keycombo>. Enter the
519
      of that direction. For example:
820
420
filename, choose a path and press the <guibutton>OK</guibutton> button.
520
    </para>
821
421
</para></step>
521
    <para>
822
422
522
      To move an object in the Z axis, press the <keycap>G</keycap> key and 
823
523
      then the <keycap>Z</keycap> key.
824
524
    </para>
825
525
  </step>
826
526
  <step>
827
527
    <para>
828
528
      To rotate the object, press the <keycap>R</keycap> key and rotate using 
829
529
      the mouse. The object can be rotated around a specific axis by pressing 
830
530
      the <keycap>X</keycap> key, the <keycap>Y</keycap> key, or the 
831
531
      <keycap>Z</keycap> key after pressing the <keycap>R</keycap> key.
832
532
    </para>
833
533
  </step>
834
534
  <step>
835
535
    <para>
836
536
      When all objects have been added, the scene can be rendered by going to
837
537
      <menuchoice><guimenu>Render</guimenu><guisubmenu>Render Current 
838
538
      Frame</guisubmenu></menuchoice> or by pressing the <keycap>F12</keycap> 
839
539
      key.
840
540
    </para>
841
541
  </step>
842
542
  <step>
843
543
    <para>
844
544
      Save the finished image by selecting <menuchoice><guimenu>File</guimenu>
845
545
      <guisubmenu>Save</guisubmenu></menuchoice> or pressing <keycombo>
846
546
      <keycap>Ctrl</keycap><keycap>W</keycap></keycombo>. Enter the 
847
547
      <userinput>filename</userinput>, choose a path, and 
848
548
      <mousebutton>left</mousebutton>-click the <guibutton>OK</guibutton> 
849
549
      button.
850
550
    </para>
851
551
  </step>
852
423
</procedure>
552
</procedure>
853
424
</sect2>
553
</sect2>
854
425
554
855
@@ -427,10 +556,24 @@
856
427
<title>References</title>
556
<title>References</title>
857
428
<para>Blender resources:
557
<para>Blender resources:
858
429
<itemizedlist>
558
<itemizedlist>
863
430
<listitem><para><ulink url="http://www.blender.org/education-help/tutorials/">Blender Tutorials Archive</ulink></para></listitem>
559
  <listitem>
864
431
<listitem><para><ulink url="http://www.ibiblio.org/bvidtute/">Blender Video Tutorials</ulink></para></listitem>
560
    <para>
865
432
<listitem><para><ulink url="http://blenderunderground.com/">Blender Underground Video Tutorials</ulink></para></listitem>
561
      <ulink url="http://www.blender.org/education-help/tutorials/">Blender 
866
433
<listitem><para><ulink url="http://www.blender.org/education-help/manuals-books/">Blender Books</ulink></para></listitem>
562
      Tutorials Archive</ulink>
867
563
    </para>
868
564
  </listitem>
869
565
  <listitem>
870
566
    <para>
871
567
      <ulink url="http://www.ibiblio.org/bvidtute/">Blender Video 
872
568
      Tutorials</ulink>
873
569
    </para>
874
570
  </listitem>
875
571
  <listitem>
876
572
    <para>
877
573
      <ulink url="http://blenderunderground.com">Blender Underground Video 
878
574
      Tutorials</ulink>
879
575
    </para>
880
576
  </listitem>
881
434
</itemizedlist>
577
</itemizedlist>
882
435
</para>
578
</para>
883
436
</sect2>
579
</sect2>
Status:	Merged
Merged at revision:	268
Proposed branch:	lp:~littlergirl/kubuntu-docs/graphics
Merge into:	lp:kubuntu-docs/precise
Diff against target:	883 lines (+469/-326) 1 file modified docs/graphics/C/graphics.xml (+469/-326)
To merge this branch:	bzr merge lp:~littlergirl/kubuntu-docs/graphics
Related bugs:	Link a bug report
Reviewer	Review Type	Date Requested	Status
David Wonderly		2012-03-25	Pending
Review via email: mp+99220@code.launchpad.net