~gumara/ubuntu-desktop-course/ubuntu-desktop-course-th-gumara
» Revision
158
: chapter7/Managing_Graphics_and_Photos.xml
« back to all changes in this revision
Viewing changes to chapter7/Managing_Graphics_and_Photos.xml
- browse files at revision 158
- compare with another revision
- compare with revision 141
- download diff
- download tarball
- view history from revision 158
- Committer: gumara
- Date: 2008-04-21 08:43:14 UTC
- mfrom: (157.1.1 ubuntu-desktop-course)
- Revision ID: gumara@banana-20080421084314-errsa6ej2arncgul
Modify Introduction
- files added:
- chapter4/images/Lesson05_images_010.png
- files modified:
- Introduction.xml
added
removed
chapter7/Managing_Graphics_and_Photos.xml
1
1
<?xml version="1.0" encoding="UTF-8"?>
2
<!DOCTYPE chapter PUBLIC "-//OASIS//DTD DocBook XML V4.2//EN" "http://docbook.org/xml/4.2/docbookx.dtd">
2
<!DOCTYPE chapter PUBLIC "-//OASIS//DTD DocBook XML V4.3//EN"
3
"http://docbook.org/xml/4.3/docbookx.dtd">
3
4
<chapter>
4
<title>Making The Most of Images and Photos</title>
5
<para><emphasis role="strong">Objectives</emphasis></para>
6
<para>In this lesson, you will learn to:
7
<itemizedlist>
8
<listitem><para>View and edit images</para></listitem>
9
<listitem><para>Scan and send images</para></listitem>
10
</itemizedlist>
11
</para>
12
<instructornote><title>Instructor Notes:</title><para><emphasis role="italic">It is advisable to cover all the
13
topics during the training. However, if you fall short of time then cover only the following topics:</emphasis>
14
<itemizedlist>
15
<listitem><para><emphasis role="italic">Introducing Graphics Applications</emphasis></para></listitem>
16
<listitem><para><emphasis role="italic">Viewing Images with gThumb</emphasis></para></listitem>
17
<listitem><para><emphasis role="italic">Managing Photos with F-Spot</emphasis></para></listitem>
18
<listitem><para><emphasis role="italic">3D Effects</emphasis></para></listitem>
19
</itemizedlist>
20
</para>
21
<para><emphasis role="italic">Try and take photographs of the class (students) before this session and then demonstrate
22
the applications using those photographs. This lesson should be very hands on as opposed to just a demonstration.</emphasis></para>
23
</instructornote>
24
<sect1>
25
<title>Introducing Graphics Applications</title>
26
<para>Graphics applications form an integral part of Ubuntu. They enable you to organise your photo collection,
27
create and edit photos and images, scan and send objects and more.</para>
28
<para>In this lesson, you will learn about the various graphics applications
29
available on Ubuntu and which one to use when. These graphics applications are available either with the
30
Ubuntu installation or in repositories (those libraries we mentioned earlier).</para>
31
<para><emphasis role="strong">Applications Available with the Ubuntu
32
Installation</emphasis></para>
33
<para>The following applications are included in the Ubuntu installation package:
34
<itemizedlist>
35
<listitem><para><emphasis role="strong">gThumb Image Viewer:</emphasis> An
36
image viewer and a browser for the GNOME desktop which enables
37
you to import pictures from a digital camera, create photo CDs and display
38
photos as slide shows.</para></listitem>
39
<listitem><para><emphasis role="strong">GIMP Image Editor:</emphasis> An
40
image editor used for advanced image creation and
41
editing such as changing the contrast, colour or the texture of an
42
image.</para></listitem>
43
<listitem><para><emphasis role="strong">F-Spot Photo Manager:</emphasis> A
44
photo manager used to organise and manage
45
photos. F-Spot enables you to tag (label), categorise and sort
46
photos.</para></listitem>
47
<listitem><para><emphasis role="strong">XSane Image Scanner:</emphasis> An
48
image scanner which also enables you to photocopy documents and fax or e-mail scanned
49
images.</para></listitem>
50
</itemizedlist>
51
</para>
52
<para><emphasis role="strong">Applications Available in Repositories</emphasis></para>
53
<para>In addition to the default applications, you can search through the repositories and install
54
applications using the Synaptic Package Manager or the Command Line Interface (CLI).</para>
55
<instructornote><title>Instructor Notes:</title><para><emphasis role="italic">Thousands of applications are
56
available in the repositories; this topic covers only a few of them. If students want
57
more information about a specific application, show them the way to view application details in the Synaptic Package Manager.</emphasis></para>
58
</instructornote>
59
<para>Some of the graphics applications are available in Ubuntu software repositories:
60
<itemizedlist>
61
<listitem>
62
<imagedata fileref="images/Lesson08_images_001.png" format="PNG" />
63
<para><emphasis role="strong">Agave:</emphasis>
64
A colour scheme designer. After you select a base colour, Agave suggests the
65
appropriate complementary colours or shades of the same base colour. You can
66
also drag and drop a colour from another application, such as GIMP. Whether
67
you are designing a Web page or a pamphlet or painting your house, this
68
programme enables you to identify the appropriate colour scheme. Visit the Web
69
site <ulink url="http://home.gna.org/colorscheme/">http://home.gna.org/colorscheme/</ulink>
70
for more information on Agave.</para></listitem>
71
<listitem>
72
<imagedata fileref="images/Lesson08_images_002.png" format="PNG" />
73
<para><emphasis role="strong">Blender:</emphasis> An
74
open-source 3D content creation suite. You can create 3D models and
75
animations, add post-production effects or use it as a graphics editor to
76
define interactive behaviour without programming. Blender has a distinctive
77
user interface that is implemented entirely in Open GL and designed for speed.
78
Python bindings for scripting and import/export features for popular file
79
formats such as 3D Studio are available in Blender. Products of Blender may
80
be stills, animations, models for games or other third-party engines and
81
interactive content in the form of standalone binaries and/or a Web plug-ins.
82
Visit the Web site <ulink url="http://www.blender.org/">http://www.blender.org/</ulink>
83
for more information on Blender.</para></listitem>
84
<listitem>
85
<imagedata fileref="images/Lesson08_images_003.png" format="PNG" />
86
<para><emphasis role="strong">Dia:</emphasis> A diagram
87
editor similar to Microsoft Visio. Dia offers
88
the capability to produce precise and professional-level graphics. You can
89
draw entity relationship diagrams, flowcharts and network diagrams and export
90
them to various formats, including EPS, SVG, XFIG, WMF and PNG. You can also
91
print diagrams spanning multiple pages. Visit the Web site
92
<ulink url="http://live.gnome.org/Dia">http://live.gnome.org/Dia</ulink> for
93
more information.</para></listitem>
94
<listitem>
95
<imagedata fileref="images/Lesson08_images_004.png" format="PNG" />
96
<para><emphasis role="strong">Gcolor2: </emphasis>
97
A simple colour selector and picker that facilitate quick and easy selection of
98
colours. It also enables you to save new colours and delete existing ones.
99
Visit the Web site <ulink url="http://gcolor2.sourceforge.net/">http://gcolor2.sourceforge.net/</ulink>
100
for more information.</para></listitem>
101
<listitem>
102
<imagedata fileref="images/Lesson08_images_005.png" format="PNG" />
103
<para><emphasis role="strong">GNU paint:</emphasis>
104
A user-friendly painting programme for GNOME. It offers easy-to-use
105
drawing tools to perform various image-processing operations. Visit the Web
106
site <ulink url="http://gpaint.sourceforge.net/">http://gpaint.sourceforge.net/</ulink>
107
for more information.</para></listitem>
108
</itemizedlist>
109
</para>
110
<para>In addition, several third-party applications, such as Picasa, a free software
111
download from Google, are compatible with Ubuntu.</para>
112
<para>Picasa enables you to locate and organise all the photos on your
113
computer, edit and add effects to your photos and share your photos through e-mail and print and
114
post images on the Web. You can download Picasa from the following Web site
115
<ulink url="http://picasa.google.com/linux/download.html">
116
http://picasa.google.com/linux/download.html</ulink>.</para>
117
<para>The following section outlines the features of some of these graphics applications and how to
118
use them.</para>
119
</sect1>
120
<sect1>
121
<title>Viewing Images with gThumb</title>
122
<para>An advanced image viewer developed for the GNOME environment, gThumb enables
123
you to browse and locate image files, organise images in catalogues, print images,
124
view slide shows and export Web-based albums with various graphic themes. This
125
application also offers the typical features of an image viewer, such as copying,
126
moving, deleting, printing, zooming and converting image formats.</para>
127
<sect2>
128
<title>Viewing Images</title>
129
<para>Images can be viewed in various formats, such as BMP, JPEG, GIF, PNG, TIFF, ICO and XPM.
130
You can also view GIF animations.</para>
131
<para>To view an image:</para>
132
<orderedlist numeration="arabic">
133
<listitem><para>On the <emphasis role="strong">Applications</emphasis>
134
menu, point to <emphasis role="strong">Graphics</emphasis> and click
135
<emphasis role="strong">gThumb Image Viewer</emphasis>. The
136
<emphasis role="strong">gThumb</emphasis> window opens.</para>
137
<figure><title><emphasis role="italic">Launching gThumb Image Viewer</emphasis></title>
138
<mediaobject><imageobject>
139
<imagedata fileref="images/Lesson08_images_006.png" format="PNG" />
140
</imageobject></mediaobject>
141
</figure>
142
</listitem>
143
<listitem><para>In the left pane of the <emphasis role="strong">gThumb</emphasis>
144
window, click <emphasis role="strong">Images</emphasis> and navigate
145
to the folder that contains the images. Alternatively, if you know
146
the name of the image, type the image name and click
147
<emphasis role="strong">Search</emphasis> on the toolbar. The right
148
pane of the <emphasis role="strong">gThumb</emphasis> window displays
149
the selected image as a thumbnail.</para>
150
<figure><title><emphasis role="italic">gThumb Window</emphasis></title>
151
<mediaobject><imageobject>
152
<imagedata fileref="images/Lesson08_images_007.png" format="PNG" />
153
</imageobject></mediaobject>
154
</figure>
155
</listitem>
156
<listitem><para>If there are too many images displayed in the right pane,
157
it may be difficult for you to find the image you want. The
158
<emphasis role="strong">Show</emphasis> option at the bottom in the
159
right pane limits the range of visible images. For example, you can
160
specify a criterion, such as <emphasis role="strong">Date</emphasis>,
161
to display images stored on your computer on a specific date or
162
<emphasis role="strong">Size</emphasis>, to display images of a
163
specific size. Click the <emphasis role="strong">Show</emphasis>
164
arrow and select the appropriate option from the
165
<emphasis role="strong">Show</emphasis> list.</para>
166
<figure><title><emphasis role="italic">Selecting Image Display Options</emphasis></title>
167
<mediaobject><imageobject>
168
<imagedata fileref="images/Lesson08_images_008.png" format="PNG" />
169
</imageobject></mediaobject>
170
</figure>
171
</listitem>
172
<listitem><para>To view images in their original order of arrangement,
173
click <emphasis role="strong">Fullscreen</emphasis> on the toolbar. Ensure
174
not to select a thumbnail. The first image in the series opens in a
175
fullscreen window.</para>
176
<figure><title><emphasis role="italic">Viewing Image in Fullscreen Mode</emphasis></title>
177
<mediaobject><imageobject>
178
<imagedata fileref="images/Lesson08_images_009.png" format="PNG" />
179
</imageobject></mediaobject>
180
</figure>
181
<para>The toolbar in the fullscreen window provides the following options:
182
<itemizedlist>
183
<listitem><para><emphasis role="strong">Leave Fullscreen:</emphasis>
184
Click <emphasis role="strong">Leave Fullscreen</emphasis> to exit
185
fullscreen mode and return to the gThumb window.</para></listitem>
186
<listitem><para><emphasis role="strong">Zoom In and Out:</emphasis>
187
Click the zoom options to adjust the display size of an image.
188
Use <emphasis role="strong">In</emphasis> to increase the size
189
and <emphasis role="strong">Out</emphasis> to decrease the size
190
of the image.</para></listitem>
191
<listitem><para><emphasis role="strong">Image properties:</emphasis>
192
Click <emphasis role="strong">Properties</emphasis> to view the
193
properties of an image, such as the dimensions, size or the date
194
on which the image was saved on the computer.</para>
195
</listitem>
196
<listitem><para><emphasis role="strong">Next</emphasis> or
197
<emphasis role="strong">Previous:</emphasis> Click these buttons
198
to navigate through and view the images in the series.</para>
199
</listitem>
200
</itemizedlist>
201
</para>
202
<note><title>Note:</title>
203
<para>For the first image, <emphasis role="strong">Previous</emphasis>
204
is disabled and for the last image, <emphasis role="strong">Next</emphasis>
205
is disabled.</para></note></listitem>
206
<listitem><para>To view images in random order, in the gThumb window,
207
click the thumbnail of any image and then click
208
<emphasis role="strong">Fullscreen</emphasis> to view the image in
209
fullscreen mode.</para>
210
<instructornote><title>Instructor Notes:</title><para><emphasis role="italic">If time permits,
211
provide a brief description of the catalogues, comment and category options in the gThumb window
212
toolbar. These options will help users better organise their images.</emphasis></para>
213
</instructornote>
214
</listitem>
215
</orderedlist>
216
<para><emphasis role="strong">Running Slide Shows</emphasis></para>
217
<para>You can create slide shows to save clicking through your photos.
218
A slide show is a display of a series of chosen images.</para>
219
<para>To run a slide show:
220
<orderedlist numeration="arabic">
221
<listitem><para>Select the images you want to include in your slide show.
222
In the <emphasis role="strong">gThumb</emphasis> window, click
223
<emphasis role="strong">Slide Show</emphasis> to start a slide show of
224
all the images in the right pane, in the order of arrangement. To view
225
a slide show of a few selected images, hold down the
226
<emphasis role="strong">Ctrl</emphasis> key, click the images you want
227
to view, release the <emphasis role="strong">Ctrl</emphasis> key and
228
click <emphasis role="strong">Slide Show</emphasis>. The slide show
229
begins, displaying all the images, beginning with either the first image
230
in the pane or the one you selected.</para>
231
<figure><title><emphasis role="italic">Starting a Slide Show</emphasis></title>
232
<mediaobject><imageobject>
233
<imagedata fileref="images/Lesson08_images_010.png" format="PNG" />
234
</imageobject></mediaobject>
235
</figure>
236
<figure><title><emphasis role="italic">Viewing Image in Slide Show Mode</emphasis></title>
237
<mediaobject><imageobject>
238
<imagedata fileref="images/Lesson08_images_011.png" format="PNG" />
239
</imageobject></mediaobject>
240
</figure>
241
</listitem>
242
<listitem><para>The gThumb slide show uses the default settings of a
243
4-second delay between images, one-time play forward and fading effects
244
as transition between images. To change the default slide show settings,
245
on the <emphasis role="strong">Edit</emphasis> menu, click the
246
<emphasis role="strong">Preferences option</emphasis>. The
247
<emphasis role="strong">gThumb Preferences</emphasis> dialogue box opens.</para>
248
<figure><title><emphasis role="italic">Modifying gThumb Preferences</emphasis></title>
249
<mediaobject><imageobject>
250
<imagedata fileref="images/Lesson08_images_012.png" format="PNG" />
251
</imageobject></mediaobject>
252
</figure>
253
</listitem>
254
<listitem><para>In the <emphasis role="strong">gThumb Preferences</emphasis>
255
dialogue box, click the <emphasis role="strong">Slide Show</emphasis>
256
tab and change the slide show settings. Click
257
<emphasis role="strong">Close</emphasis>.
258
</para>
259
<figure><title><emphasis role="italic">Modifying Slide Show Preferences</emphasis></title>
260
<mediaobject><imageobject>
261
<imagedata fileref="images/Lesson08_images_013.png" format="PNG" />
262
</imageobject></mediaobject>
263
</figure>
264
</listitem>
265
</orderedlist>
266
</para>
267
</sect2>
268
<sect2>
269
<title>Removing Red Eye</title>
270
<para>In some cameras, the proximity of the flash to the lens causes the light
271
from the flash to reflect from the subject's retina to the lens, leaving a red
272
eye mark on the image. Referred to as a red eye, the size of the mark depends
273
on the amount of light reflected. The gThumb software can be used to remove the
274
red eye from images.</para>
275
<para>To remove red eye from an image:
276
<orderedlist numeration="arabic">
277
<listitem><para>In the <emphasis role="strong">gThumb</emphasis> window,
278
double-click the thumbnail of the image that has a red eye. The image
279
opens in a new window.</para>
280
<figure><title><emphasis role="italic">Image with a Red Eye</emphasis></title>
281
<mediaobject><imageobject>
282
<imagedata fileref="images/Lesson08_images_014.png" format="PNG" />
283
</imageobject></mediaobject>
284
</figure>
285
</listitem>
286
<listitem><para>In the edit window, click
287
<emphasis role="strong">Image</emphasis> and then click the
288
<emphasis role="strong">Redeye Removal</emphasis>
289
option. The <emphasis role="strong">Red-Eye Removal</emphasis>
290
dialogue box opens.</para>
291
<figure><title><emphasis role="italic">Launching Redeye Removal Dialogue Box</emphasis></title>
292
<mediaobject><imageobject>
293
<imagedata fileref="images/Lesson08_images_015.png" format="PNG" />
294
</imageobject></mediaobject>
295
</figure>
296
</listitem>
297
<listitem><para>Click on or near the affected region, to replace the red
298
eye with black. If you are not happy with the result, you can click the
299
<emphasis role="strong">Undo</emphasis> icon in the
300
<emphasis role="strong">Red-Eye Removal</emphasis> dialogue box.
301
Click <emphasis role="strong">Save</emphasis> to replace the affected
302
image with the edited one in the <emphasis role="strong">gThumb</emphasis>
303
window.</para>
304
<figure><title><emphasis role="italic">Removing Red Eye</emphasis></title>
305
<mediaobject><imageobject>
306
<imagedata fileref="images/Lesson08_images_016.png" format="PNG" />
307
</imageobject></mediaobject>
308
</figure>
309
<note><title>Note:</title>
310
<para>The edited image also replaces the image stored on your computer.
311
Ensure that you save a copy of the image before editing it.</para></note>
312
</listitem>
313
</orderedlist>
314
</para>
315
</sect2>
316
</sect1>
317
<sect1>
318
<title>The GIMP</title>
319
<para>GNU Image Manipulation Programme (GIMP) is the default graphic application in
320
Ubuntu, licensed under the GNU General Public License. It is an open-source
321
multi-platform image manipulation tool, available in many languages. You can use
322
GIMP to perform tasks such as re-touch photos, compose and author images, re-size
323
and crop images, manipulate colours and convert image formats.</para>
324
<para>GIMP has a number of useful features:
325
<itemizedlist>
326
<listitem><para>A full suite of painting tools, including brushes, a pencil
327
and an airbrush</para></listitem>
328
<listitem><para>Selection tools such as rectangle, ellipse, free, fuzzy and
329
bezier</para></listitem>
330
<listitem><para>Transformation tools such as rotate, scale, shear and
331
flip</para></listitem>
332
<listitem><para>Tile-based memory management so that the image size is
333
limited only by available disk space</para></listitem>
334
<listitem><para>Multiple undo/re-do operations limited only by disk
335
space</para></listitem>
336
<listitem><para>Advanced scripting capabilities</para></listitem>
337
<listitem><para>Layers and channels for complex drawings</para></listitem>
338
<listitem><para>Sub-pixel sampling for all paint tools to minimise distortion
339
while representing high-resolution images in lower resolution or stretched
340
mode</para></listitem>
341
<listitem><para>Full alpha channel support to simulate transparency in
342
images</para></listitem>
343
<listitem><para>Support for multiple file formats, including GIF, JPEG, PNG,
344
XPM, TIFF, TGA, MPEG, PS, PDF, PCX and BMP</para></listitem>
345
</itemizedlist>
346
</para>
347
<para>To launch GIMP from the desktop:
348
<orderedlist numeration="arabic">
349
<listitem><para>On the <emphasis role="strong">Applications</emphasis> menu,
350
point to <emphasis role="strong">Graphics</emphasis> and click
351
<emphasis role="strong">GIMP Image Editor</emphasis>. The
352
<emphasis role="strong">GIMP Tip of the Day</emphasis> prompt is
353
displayed. Click <emphasis role="strong">Close</emphasis> on the <emphasis role="strong">GIMP Tip of the Day</emphasis> prompt. The
354
<emphasis role="strong">GIMP</emphasis> window opens.</para>
355
<figure><title><emphasis role="italic">GIMP Tip of the Day Dialogue Box</emphasis></title>
356
<mediaobject><imageobject>
357
<imagedata fileref="images/Lesson08_images_017.png" format="PNG" />
358
</imageobject></mediaobject>
359
</figure>
360
<tip><title>Nice to Know:</title>
361
<para>The GIMP mascot is a coyote named Wilber. He provides useful tips
362
while you use the application. If you do not want to see the tips, clear
363
the <emphasis role="strong">Show tip next time GIMP starts</emphasis> check
364
box.</para></tip>
365
</listitem>
366
<listitem><para>To open an image for modification, on the
367
<emphasis role="strong">File</emphasis> menu, click
368
<emphasis role="strong">Open</emphasis> and select the image you want to
369
modify.</para>
370
<figure><title><emphasis role="italic">Opening an Image for Editing</emphasis></title>
371
<mediaobject><imageobject>
372
<imagedata fileref="images/Lesson08_images_018.png" format="PNG" />
373
</imageobject></mediaobject>
374
</figure>
375
</listitem>
376
<listitem><para>The selected image opens in the
377
<emphasis role="strong">Image</emphasis> window.</para>
378
<figure><title><emphasis role="italic">Editing Image</emphasis></title>
379
<mediaobject><imageobject>
380
<imagedata fileref="images/Lesson08_images_019.png" format="PNG" />
381
</imageobject></mediaobject>
382
</figure>
383
<para>You can now modify the image by using the tools available in the
384
<emphasis role="strong">GIMP</emphasis> window.</para>
385
<tip><title>Nice to Know:</title>
386
<para>You can drag and drop a colour from the toolbox or from a colour
387
palette onto an image. This fills the current image or selection with
388
the selected colour.</para></tip>
389
<instructornote><title>Instructor Notes:</title><para><emphasis role="italic">If time permits, allow students to familiarise
390
themselves with GIMP. Ask students to open an image and perform basic
391
operations such as cropping the image, inserting text into the image,
392
rotating the layer and smudging the image by using the available
393
tools.</emphasis></para></instructornote>
394
</listitem>
395
</orderedlist>
396
</para>
397
</sect1>
398
<sect1>
399
<title>Managing Photos with F-Spot</title>
400
<instructornote><title>Instructor Notes:</title><para><emphasis role="italic">
401
After a brief explanation of F-Spot and its features, refrain from lengthy explanation of the tasks.
402
Perform a brief demo of the tasks covered in the lesson and ask students to follow.</emphasis></para>
403
</instructornote>
404
<para>F-Spot is a personal photo management application for the GNOME
405
desktop. You can import and view pictures from the hard disk on your computer, digital
406
camera or even the ipod. You can attach tags to your photos and categorise them,
407
build a photo CD, export photos over the Internet and share them online or perform
408
basic colour-correction and editing. F-Spot supports 16 common file types, including
409
JPEG, GIF, TIFF and RAW.</para>
410
<para>The following graphic shows the elements in the F-Spot interface:</para>
411
<figure><title><emphasis role="italic">F-Spot Window </emphasis></title>
412
<mediaobject><imageobject>
413
<imagedata fileref="images/Lesson08_images_020.png" format="PNG" />
414
</imageobject></mediaobject>
415
</figure>
416
<sect2>
417
<title>Importing Photos in F-Spot</title>
418
<para>After importing the photographs, you can categorise and tag them as you would to create a playlist in a music
419
player.</para>
420
<para><emphasis role="strong">Importing Photographs from the Hard Disk</emphasis></para>
421
<para>To import photographs into F-Spot from the hard disk of your computer:
422
<orderedlist numeration="arabic">
423
<listitem><para>On the <emphasis role="strong">Applications</emphasis>
424
menu, point to <emphasis role="strong">Graphics</emphasis> and click
425
<emphasis role="strong">F-Spot Photo Manager</emphasis>. The
426
<emphasis role="strong">F-Spot</emphasis> window opens.</para></listitem>
427
<listitem><para>Click the <emphasis role="strong">Import</emphasis> button
428
on the toolbar. The <emphasis role="strong">Import</emphasis> dialogue box opens.</para>
429
<figure><title><emphasis role="italic">Importing Photos</emphasis></title>
430
<mediaobject><imageobject>
431
<imagedata fileref="images/Lesson08_images_021.png" format="PNG" />
432
</imageobject></mediaobject>
433
</figure>
434
<note><title>Note:</title>
435
<para>You can also click <emphasis role="strong">Import</emphasis> on
436
the <emphasis role="strong">File</emphasis> menu to open the
437
<emphasis role="strong">Import</emphasis> dialogue box.</para></note>
438
</listitem>
439
<listitem><para>In the <emphasis role="strong">Import Source</emphasis>
440
box, the <emphasis role="strong">Select Folder</emphasis> option is
441
selected by default. Retain the option, navigate to the folder that
442
contains the photographs and click <emphasis role="strong">Open</emphasis>.
443
</para>
444
<figure><title><emphasis role="italic">Selecting Photo Import Source</emphasis></title>
445
<mediaobject><imageobject>
446
<imagedata fileref="images/Lesson08_images_022.png" format="PNG" />
447
</imageobject></mediaobject>
448
</figure>
449
<figure><title><emphasis role="italic">Displaying Images to Import</emphasis></title>
450
<mediaobject><imageobject>
451
<imagedata fileref="images/Lesson08_images_023.png" format="PNG" />
452
</imageobject></mediaobject>
453
</figure>
454
</listitem>
455
<listitem>
456
<para>Click <emphasis role="strong">Import</emphasis> in the
457
<emphasis role="strong">Import</emphasis> dialogue box.</para>
458
<figure><title><emphasis role="italic">Importing Photos</emphasis></title>
459
<mediaobject><imageobject>
460
<imagedata fileref="images/Lesson08_images_024.png" format="PNG" />
461
</imageobject></mediaobject>
462
</figure>
463
<para>The photographs are listed as thumbnails in the
464
<emphasis role="strong">F-Spot</emphasis> window. Notice that the
465
timeline slider is positioned according to the dates on which the
466
images were saved on the hard disk of your computer.</para>
467
<figure><title><emphasis role="italic">Browsing Photos</emphasis></title>
468
<mediaobject><imageobject>
469
<imagedata fileref="images/Lesson08_images_025.png" format="PNG" />
470
</imageobject></mediaobject>
471
</figure>
472
<note><title>Note:</title>
473
<para>The photographs listed in the F-Spot window are not associated
474
with any category or parent tag.</para></note>
475
</listitem>
476
</orderedlist>
477
</para>
478
<para><emphasis role="strong">Importing Photographs from a Digital Camera</emphasis></para>
479
<para>To import photographs into F-Spot from a digital camera:
480
<orderedlist numeration="arabic">
481
<listitem><para>Click the <emphasis role="strong">Import</emphasis> button
482
on the toolbar. The <emphasis role="strong">Import</emphasis> dialogue box opens.</para></listitem>
483
<listitem><para>Click the <emphasis role="strong">Import Source</emphasis>
484
box. Plug the camera on the computer. F-Spot detects the camera and
485
displays the model and type of the camera in the
486
<emphasis role="strong">Import Source</emphasis> box.</para>
487
<figure><title><emphasis role="italic">Selecting Photo Import Source</emphasis></title>
488
<mediaobject><imageobject>
489
<imagedata fileref="images/Lesson08_images_026.png" format="PNG" />
490
</imageobject></mediaobject>
491
</figure>
492
</listitem>
493
<listitem><para>Click the camera as the source for the photographs. The
494
<emphasis role="strong">Select Photos to Copy From Camera</emphasis>
495
dialogue box opens, which lists all the photos in the camera.
496
Select the photos you want to import and click <emphasis role="strong">Copy</emphasis>.</para>
497
<figure><title><emphasis role="italic">Selecting Images to Copy</emphasis></title>
498
<mediaobject><imageobject>
499
<imagedata fileref="images/Lesson08_images_027.png" format="PNG" />
500
</imageobject></mediaobject>
501
</figure>
502
</listitem>
503
<listitem><para>F-Spot copies the photographs to the specified location
504
and displays the copied photographs in the right pane of the
505
<emphasis role="strong">F-Spot</emphasis> window.</para></listitem>
506
</orderedlist>
507
</para>
508
</sect2>
509
<sect2>
510
<title>Viewing Photos</title>
511
<para>After importing, you can view all the photographs as thumbnails in the
512
right pane of the <emphasis role="strong">F-Spot</emphasis> window. You can view
513
photographs in F-Spot by:
514
<itemizedlist>
515
<listitem><para>Double-clicking each thumbnail to enlarge the
516
view</para></listitem>
517
<listitem><para>Select a thumbnail and click
518
<emphasis role="strong">Fullscreen</emphasis> on the toolbar</para>
519
</listitem>
520
</itemizedlist>
521
</para>
522
<para>The image opens in fullscreen mode.</para>
523
<figure><title><emphasis role="italic">Browsing Photos</emphasis></title>
524
<mediaobject><imageobject>
525
<imagedata fileref="images/Lesson08_images_028.png" format="PNG" />
526
</imageobject></mediaobject>
527
</figure>
528
<figure><title><emphasis role="italic">Viewing Photos in Full Screen Mode</emphasis></title>
529
<mediaobject><imageobject>
530
<imagedata fileref="images/Lesson08_images_029.png" format="PNG" />
531
</imageobject></mediaobject>
532
</figure>
533
<para>Click <emphasis role="strong">Exit fullscreen</emphasis> to return to the
534
<emphasis role="strong">F-Spot</emphasis> window.</para>
535
</sect2>
536
<sect2>
537
<title>Organising Photos</title>
538
<para>By default, F-Spot organises photographs based on the dates in which they
539
were saved on the computer. You can view photographs for a specific date and time
540
by clicking the corresponding year on the timeline slider or moving the slider
541
along the timeline. For example, assume that there are 100 images in the right
542
pane, 50 of which were saved in 2004 and 50 in 2007. To view the images for 2004,
543
position the slider on the timeline at the 2004 mark.</para>
544
<para>To organise the photographs differently, you can attach a tag or a label to
545
each photo and categorise them. You can then view photographs based on these
546
categories.</para>
547
<para>Some categories are already predefined and visible in the left pane of the
548
<emphasis role="strong">F-Spot</emphasis> window. You can group your photos under
549
these tags.</para>
550
<para>To add a tag to a photograph:
551
<itemizedlist>
552
<listitem><para>In the <emphasis role="strong">F-Spot</emphasis> window,
553
right-click a photograph, point to <emphasis role="strong">Attach a
554
Tag</emphasis> and click the tag with which you want to associate the
555
photograph. The tag is displayed at the bottom of the photograph.</para>
556
<figure><title><emphasis role="italic">Tagging an Image</emphasis></title>
557
<mediaobject><imageobject>
558
<imagedata fileref="images/Lesson08_images_030.png" format="PNG" />
559
</imageobject></mediaobject>
560
</figure>
561
<figure><title><emphasis role="italic">Viewing Tagged Images</emphasis></title>
562
<mediaobject><imageobject>
563
<imagedata fileref="images/Lesson08_images_031.png" format="PNG" />
564
</imageobject></mediaobject>
565
</figure>
566
<para>The tagged image is now displayed under the tagged category.</para>
567
</listitem>
568
</itemizedlist>
569
</para>
570
</sect2>
571
</sect1>
572
<sect1>
573
<title>Drawing with Inkscape</title>
574
<para>Inkscape helps you draw illustrations for the Web, graphics for mobile phones,
575
simple line drawings, cartoons, complex works of art, figures for chapters and books
576
or organization charts.</para>
577
<para>Inkscape is a high-end graphic tool with capabilities similar to Illustrator, CorelDraw or Xara
578
X. It is multi-platform software that is freely available for the Linux, Microsoft Windows, Solaris and Mac OS X
579
operating systems.</para>
580
<para>You can use it to rotate, re-size, skew, proportion, fill and stroke objects with a high level of
581
precision. Advanced visual effects such as gradient and transparency are also available.</para>
582
<para>Inkscape is not part of the default graphics package in Ubuntu however, you
583
can install this package from repositories.</para>
584
<sect2>
585
<title>Installing Inkscape</title>
586
<para>There are two ways to install Inkscape. You can install this application
587
from the repositories by using Synaptic Package Manager or from the Command Line
588
Interface (CLI).</para>
589
<note><title>Note:</title>
590
<para>Your computer should be connected to the Internet while
591
installing the application from the repositories.</para></note>
592
<para><emphasis role="strong">Installing Inkscape by Using Synaptic Package
593
Manager</emphasis></para>
594
<para>To install Inkscape by using Synaptic Package Manager:
595
<orderedlist numeration="arabic">
596
<listitem><para>On the <emphasis role="strong">System</emphasis> menu,
597
point to <emphasis role="strong">Administration</emphasis> and click
598
<emphasis role="strong">Synaptic Package Manager</emphasis>. The
599
<emphasis role="strong">Synaptic Package Manager</emphasis> window
600
opens.</para>
601
<figure><title><emphasis role="italic">Launching Synaptic Package Manager</emphasis></title>
602
<mediaobject><imageobject>
603
<imagedata fileref="images/Lesson08_images_032.png" format="PNG" />
604
</imageobject></mediaobject>
605
</figure>
606
</listitem>
607
<listitem><para>In the <emphasis role="strong">Synaptic Package
608
Manager</emphasis> window, the left pane lists the categories of software
609
and the right pane lists the packages in a category. Click
610
<emphasis role="strong">Search</emphasis>. The <emphasis role="strong">Find</emphasis>
611
dialogue box opens. Type <emphasis role="strong">Inkscape</emphasis> in
612
the <emphasis role="strong">Search</emphasis> field and click
613
<emphasis role="strong">Search</emphasis>.</para>
614
<note><title>Note:</title>
615
<para>To view installed and uninstalled packages, click <emphasis role="strong">Status</emphasis>.
616
For the source repository of the package, click <emphasis role="strong">Origin</emphasis>.
617
Click <emphasis role="strong">Custom Filters</emphasis> to determine
618
whether a package is broken or upgradeable. To return to the list of
619
categories after searching the packages, click <emphasis role="strong">Sections</emphasis>.</para>
620
</note>
621
<figure><title><emphasis role="italic">Searching Inkscape</emphasis></title>
622
<mediaobject><imageobject>
623
<imagedata fileref="images/Lesson08_images_033.png" format="PNG" />
624
</imageobject></mediaobject>
625
</figure>
626
</listitem>
627
<listitem><para>The <emphasis role="strong">Search</emphasis> results are
628
displayed in the right pane of the <emphasis role="strong">Synaptic
629
Package Manager</emphasis> window. Right-click
630
<emphasis role="strong">Inkscape</emphasis> and select
631
the <emphasis role="strong">Mark for Installation</emphasis>
632
check box.</para>
633
<figure><title><emphasis role="italic">Marking Inkscape for Installation</emphasis></title>
634
<mediaobject><imageobject>
635
<imagedata fileref="images/Lesson08_images_034.png" format="PNG" />
636
</imageobject></mediaobject>
637
</figure>
638
</listitem>
639
<listitem><para>Click <emphasis role="strong">Apply</emphasis> on the toolbar to begin the
640
installation process. A <emphasis role="strong">Summary</emphasis> dialogue box is
641
displayed, which prompts you to confirm the changes.
642
Click <emphasis role="strong">Apply</emphasis> to proceed with the
643
installation.</para>
644
<figure><title><emphasis role="italic">Confirming Changes</emphasis></title>
645
<mediaobject><imageobject>
646
<imagedata fileref="images/Lesson08_images_035.png" format="PNG" />
647
</imageobject></mediaobject>
648
</figure>
649
</listitem>
650
<listitem><para>After the installation is complete, click
651
<emphasis role="strong">Close</emphasis> in the
652
<emphasis role="strong">Changes applied</emphasis> dialogue box.</para>
653
<figure><title><emphasis role="italic">Changes Applied Confirmation</emphasis></title>
654
<mediaobject><imageobject>
655
<imagedata fileref="images/Lesson08_images_036.png" format="PNG" />
656
</imageobject></mediaobject>
657
</figure>
658
</listitem>
659
</orderedlist>
660
</para>
661
<para>To launch Inkscape, on the <emphasis role="strong">Applications</emphasis>
662
menu, point to <emphasis role="strong">Graphics</emphasis> and click
663
<emphasis role="strong">Inkscape Vector illustrator</emphasis>.</para>
664
</sect2>
665
<sect2>
666
<title>Creating Vector Graphic Images Using InkScape</title>
667
<instructornote><title>Instructor Notes:</title><para><emphasis role="italic">
668
To utilise the full potential of this application requires some hands-on experience on similar applications.
669
This topic introduces students to Inkscape and covers the basic concepts.
670
To engage students with some prior experience, use an example from the help manual and make them perform
671
the steps given in the manual.</emphasis></para>
672
</instructornote>
673
<para><emphasis role="strong">Page:</emphasis> This area enables you to specify
674
various options for the output. For example, you can specify the Page dimensions
675
for printing on A4 size paper. The Page adjusts accordingly and you can adjust
676
the proportion the drawing relative to the Page.</para>
677
<para><emphasis role="strong">Menu Bar:</emphasis> This toolbar provides menus
678
such as file save and zoom. You can perform all operations in Inkscape by using
679
the options listed on these menus.</para>
680
<para><emphasis role="strong">Command Bar:</emphasis> This toolbar provides
681
shortcuts to major operations on the menu bar.</para>
682
<para><emphasis role="strong">Drawing Toolbar:</emphasis> This toolbar provides
683
options to perform drawing operations. You can create basic shapes such as a
684
rectangle, a square or an ellipse.</para>
685
<para><emphasis role="strong">Tools Control Bar:</emphasis> This toolbar provides
686
options specific to a tool on the Drawing toolbar. For example, if you select the
687
polygon tool from the Drawing toolbar, the Tools Control Bar displays options to
688
set the corners in the polygon.</para>
689
<para><emphasis role="strong">Status Bar:</emphasis> This toolbar indicates the
690
status of objects such as dimensions and layers. For example, when you roll the
691
mouse over the window, the Status Bar indicates the position of the cursor
692
relative to the window.</para>
693
<note><title>Note:</title>
694
<para>Vector drawing software uses standard notation to refer to shapes
695
such as simple lines, rectangles and complicated shapes as objects.</para></note>
696
<para><emphasis role="strong">Creating and Saving Objects</emphasis></para>
697
<para>Creating a new object in Inkscape requires extensive use of the Drawing
698
toolbar. However, the options in this toolbar help you to create basic shapes.
699
To create complex objects, you need to further edit, combine and manipulate
700
these shapes.</para>
701
<para>To create an object by using the Drawing toolbar:
702
<orderedlist numeration="arabic">
703
<listitem><para>Click the object button associated with the shape you
704
want to draw. Point anywhere in the page where you want to start drawing
705
the object.</para></listitem>
706
<listitem><para>Drag the cursor to the desired size of the object. The
707
object is displayed in the page.</para>
708
<figure><title><emphasis role="italic">Drawing an Object</emphasis></title>
709
<mediaobject><imageobject>
710
<imagedata fileref="images/Lesson08_images_038.png" format="PNG" />
711
</imageobject></mediaobject>
712
</figure>
713
<para>The Tools Control Bar displays options to create the object.
714
For example, if you are creating a rectangle, the toolbar provides the
715
option to specify the height and the width of the rectangle.</para>
716
</listitem>
717
<listitem><para>After creating the shape, click <emphasis role="strong">Save</emphasis>
718
on the Command Bar. The <emphasis role="strong">Select file to Save to</emphasis>
719
dialogue box is displayed. Type the name of the file in the
720
<emphasis role="strong">Name</emphasis> text box, specify the location
721
where you want to save the file and click <emphasis role="strong">Save</emphasis>.
722
</para>
723
<figure><title><emphasis role="italic">Saving an Object</emphasis></title>
724
<mediaobject><imageobject>
725
<imagedata fileref="images/Lesson08_images_039.png" format="PNG" />
726
</imageobject></mediaobject>
727
</figure>
728
<note><title>Note:</title>
729
<para>Inkscape saves images as vector graphics. You can resize a
730
vector image without affecting the resolution of the image.</para></note>
731
</listitem>
732
</orderedlist>
733
</para>
734
</sect2>
735
</sect1>
736
<sect1>
737
<title>Using a Scanner</title>
738
<para>Scanning an object in Ubuntu is simple. If you have a USB scanner, plug the
739
scanner directly into your computer. Most plug-and-play devices are compatible with
740
Ubuntu, if however, the computer fails to detect the scanner, you need to check compatibility.</para>
741
<sect2>
742
<title>Checking Scanner Compatibility</title>
743
<para>You can check the compatibility of your scanner with Ubuntu in one of two
744
ways:
745
<itemizedlist>
746
<listitem><para>Visit this Web site for the list of scanners and drivers
747
compatible with Ubuntu:
748
<ulink url="https://wiki.ubuntu.com/HardwareSupportComponentsScanners">https://wiki.ubuntu.com/HardwareSupportComponentsScanners</ulink></para></listitem>
749
<listitem><para>Check the status of your scanner at the following Web site:
750
<ulink url="http://www.sane-project.org/sane-backends.html">http://www.sane-project.org/sane-backends.html</ulink>.
751
This site lists the drivers distributed with sane-backends-1.0.18 and
752
supported hardware and software.</para></listitem>
753
</itemizedlist>
754
</para>
755
</sect2>
756
<sect2>
757
<title>Scanning an Image</title>
758
<para>You can scan an image by using the scanner interface or the scanning
759
application XSane, which is available in Ubuntu.</para>
760
<para>To scan an image by using XSane:
761
<orderedlist numeration="arabic">
762
<listitem><para>On the <emphasis role="strong">Applications</emphasis>
763
menu, point to <emphasis role="strong">Graphics</emphasis> and click
764
<emphasis role="strong">XSane Image Scanner</emphasis>. XSane automatically
765
searches for a scanner attached to the computer. After your computer
766
detects the scanner, the <emphasis role="strong">XSane Options</emphasis>
767
dialogue box is displayed.</para></listitem>
768
<listitem><para>The <emphasis role="strong">XSane Options</emphasis>
769
dialogue box provides options to modify the default settings of the
770
output. You can specify the number of copies to be scanned, the name
771
of the output file, the output file type, and colour and contrast
772
options. After you specify the properties of the output file, place the
773
object on the scanner and click Scan to begin scanning the object.</para>
774
<figure><title><emphasis role="italic">Using XSane</emphasis></title>
775
<mediaobject><imageobject>
776
<imagedata fileref="images/Lesson08_images_040.png" format="PNG" />
777
</imageobject></mediaobject>
778
</figure>
779
</listitem>
780
<listitem><para>After the object is scanned, a viewer window displays the
781
output.</para>
782
<figure><title><emphasis role="italic">Viewing Scanned Output</emphasis></title>
783
<mediaobject><imageobject>
784
<imagedata fileref="images/Lesson08_images_041.png" format="PNG" />
785
</imageobject></mediaobject>
786
</figure>
787
<note><title>Note:</title>
788
<para>Before beginning the scanning operation, check the compatibility
789
of your scanner with Ubuntu. Sometimes, Ubuntu detects the scanner as
790
hardware but fails to scan if the required driver is missing.</para>
791
</note>
792
</listitem>
793
<listitem><para>Continue to scan other images or close the
794
<emphasis role="strong">XSane Options</emphasis> dialogue box to exit
795
the application.</para></listitem>
796
</orderedlist>
797
</para>
798
</sect2>
799
</sect1>
800
<sect1>
801
<title>Lesson Summary</title>
802
<para>In this lesson, you learned how to:
803
<itemizedlist>
804
<listitem><para>View and organise your photo collection by using the
805
default Ubuntu graphic applications:</para>
806
<itemizedlist>
807
<listitem><para>The <emphasis role="strong">gThumb Image Viewer</emphasis>
808
enables you to import pictures, create a photo CD, display photos as
809
a slide show and create albums of your photo collection for the
810
Web.</para></listitem>
811
<listitem><para><emphasis role="strong">F-Spot</emphasis> enables you
812
to tag, categorize and export your images to the Web.</para></listitem>
813
</itemizedlist>
814
</listitem>
815
<listitem><para>Use GIMP for advanced image manipulation and
816
creation.</para></listitem>
817
<listitem><para>Create graphics in the SVG format by using the
818
Inkscape vector graphics editor.</para></listitem>
819
<listitem><para>Scan your images and save them in various formats by
820
using XSane Image Scanner.</para></listitem>
821
</itemizedlist>
822
</para>
823
</sect1>
824
<questions>
825
<sect1>
826
<title>Review Exercise</title>
827
<para><emphasis role="strong">Question 1</emphasis></para>
828
<para>Which of the default graphics applications provides the option to display only a
829
category of images from a randomly stored pool of images? (Choose two).</para>
830
<para>a) Inkscape</para>
831
<para>b) gThumb</para>
832
<para>c) F-Spot</para>
833
<para>d) Xsane</para>
834
<para>e) GIMP</para>
835
<answer>
836
<para><emphasis role="strong">Answer 1</emphasis></para>
837
<para>b) gThumb and c) F-Spot</para>
838
</answer>
839
<para><emphasis role="strong">Question 2</emphasis></para>
840
<para>Which default graphics application in Ubuntu facilitates photo sharing over
841
the Internet?</para>
842
<answer>
843
<para><emphasis role="strong">Answer 2</emphasis></para>
844
<para>The F-Spot Photo Manager</para>
845
</answer>
846
<para><emphasis role="strong">Question 3</emphasis></para>
847
<para>Is there any additional software required to import images from a digital
848
camera?</para>
849
<answer>
850
<para><emphasis role="strong">Answer 3</emphasis></para>
851
<para>No, Ubuntu automatically identifies plug-and-play devices. F-Spot or gThumb
852
identify the connected device and enable you to import images directly from the
853
application interface.</para>
854
</answer>
855
</sect1>
856
</questions>
857
<sect1>
858
<title>Lab Exercise</title>
859
<para><emphasis role="strong">Exercise 1: Creating a Web Album by using
860
gThumb</emphasis></para>
861
<para>You have just returned from a vacation with your friends. You decide to write
862
about this experience on your blog and post some photographs of the trip. However,
863
uploading images one by one to the Web site involves a lot of effort and time. You
864
want to find a more convenient way to do this.</para>
865
<para>To perform the required task:
866
<orderedlist numeration="arabic">
867
<listitem><para>Launch <emphasis role="strong">gThumb</emphasis>. The
868
<emphasis role="strong">Desktop/Images</emphasis> window is
869
displayed.</para></listitem>
870
<listitem><para>Click <emphasis role="strong">Images</emphasis> on the left
871
navigation bar and navigate to the folder in which the images are stored.
872
Click <emphasis role="strong">Open</emphasis>. The workspace displays all the
873
images available in the folder.</para></listitem>
874
<listitem><para>Select the images you want to include in the Web
875
album.</para></listitem>
876
<listitem><para>On the <emphasis role="strong">Tools</emphasis> menu, click
877
<emphasis role="strong">Create Web Album</emphasis>. The
878
<emphasis role="strong">Web Album</emphasis> window <emphasis role="strong">is</emphasis>
879
displayed.</para></listitem>
880
<listitem><para>In the <emphasis role="strong">Web Album</emphasis> window,
881
enter the required information, including the destination folder, the index
882
file, the index page layout and the album style. Click
883
<emphasis role="strong">Save</emphasis>.</para></listitem>
884
<listitem><para>The gThumb software creates the album and saves it at the
885
specified location. Now, you can upload the Web album to a Web
886
server.</para></listitem>
887
</orderedlist>
888
</para>
889
<para><emphasis role="strong">Exercise 2: Exporting Images to the Web by using
890
F-Spot</emphasis></para>
891
<para>You now want to share the photographs you
892
uploaded only with friends. You also want to retain the photographs for a
893
longer period than is typically permitted by Web hosting sites. How can you do
894
this?</para>
895
<para>To perform the required task:
896
<orderedlist numeration="arabic">
897
<listitem><para>Launch <emphasis role="strong">F-Spot</emphasis>.</para></listitem>
898
<listitem><para>Click the <emphasis role="strong">Import</emphasis> button
899
on the toolbar. The <emphasis role="strong">Import</emphasis>
900
dialogue box is displayed.</para></listitem>
901
<listitem><para>In the <emphasis role="strong">Import</emphasis> dialogue box,
902
click <emphasis role="strong">Select Folder</emphasis> from the
903
<emphasis role="strong">Import Source</emphasis> box. Navigate to the source
904
folder and click <emphasis role="strong">Open</emphasis>. The images are
905
displayed.</para></listitem>
906
<listitem><para>Click <emphasis role="strong">Import</emphasis>
907
in the <emphasis role="strong">Import</emphasis> dialogue box.</para></listitem>
908
<listitem><para>Select the images you want to export.</para></listitem>
909
<listitem><para>On the <emphasis role="strong">File</emphasis> menu, point to
910
<emphasis role="strong">Export</emphasis> and click the destination.</para>
911
<note><title>Note:</title>
912
<para>To export images to the Web, you need to have an active account
913
with the target Web site.</para></note>
914
</listitem>
915
</orderedlist>
916
</para>
917
<para><emphasis role="strong">Exercise 3: Removing Red Eye from an
918
Image</emphasis></para>
919
<para>You took photographs at your recent birthday party but some of the people have red eye
920
marks which need to be removed.</para>
921
<para>To perform the required task:
922
<orderedlist numeration="arabic">
923
<listitem><para>Launch <emphasis role="strong">gThumb</emphasis> and import
924
the affected images.</para></listitem>
925
<listitem><para>Double-click an image with a red eye mark.</para></listitem>
926
<listitem><para>On the <emphasis role="strong">Image</emphasis> menu, click
927
<emphasis role="strong">Redeye Removal</emphasis>. The
928
<emphasis role="strong">Red-Eye Removal</emphasis> dialogue box is
929
displayed.</para></listitem>
930
<listitem><para>In the <emphasis role="strong">Red-Eye Removal</emphasis>
931
dialogue box, click on or near the red eye. This replaces the red eye with black
932
colour.</para></listitem>
933
<listitem><para>Click <emphasis role="strong">Undo</emphasis> if you are not
934
happy with the result. Save the edited version of the image.</para></listitem>
935
</orderedlist>
936
</para>
937
</sect1>
938
</chapter>
939
5
<title>Making The Most of Images and Photos</title>
6
7
<formalpara>
8
<title>Objectives</title>
9
10
<para>In this lesson, you will learn to: <itemizedlist>
11
<listitem>
12
<para>View and edit images</para>
13
</listitem>
14
15
<listitem>
16
<para>Scan and send images</para>
17
</listitem>
18
</itemizedlist></para>
19
</formalpara>
20
21
<note userlevel="instructor">
22
<title>Instructor Notes:</title>
23
24
<para><emphasis role="italic">It is advisable to cover all the topics
25
during the training. However, if you fall short of time then cover only
26
the following topics:</emphasis> <itemizedlist>
27
<listitem>
28
<para><emphasis role="italic">Introducing Graphics
29
Applications</emphasis></para>
30
</listitem>
31
32
<listitem>
33
<para><emphasis role="italic">Viewing Images with
34
gThumb</emphasis></para>
35
</listitem>
36
37
<listitem>
38
<para><emphasis role="italic">Managing Photos with
39
F-Spot</emphasis></para>
40
</listitem>
41
42
<listitem>
43
<para><emphasis role="italic">3D Effects</emphasis></para>
44
</listitem>
45
</itemizedlist></para>
46
47
<para>Try and take photographs of the class (students) before this session
48
and then demonstrate the applications using those photographs. This lesson
49
should be very hands on as opposed to just a demonstration.</para>
50
</note>
51
52
<sect1>
53
<title>Introducing Graphics Applications</title>
54
55
<para>Graphics applications form an integral part of Ubuntu. They enable
56
you to organise your photo collection, create and edit photos and images,
57
scan and send objects and more.</para>
58
59
<para>In this lesson, you will learn about the various graphics
60
applications available on Ubuntu and which one to use when. These graphics
61
applications are available either with the Ubuntu installation or in
62
repositories (those libraries we mentioned earlier).</para>
63
64
<formalpara>
65
<title>Applications Available with the Ubuntu Installation</title>
66
67
<para>The following applications are included in the Ubuntu installation
68
package: <itemizedlist>
69
<listitem>
70
<para><emphasis role="strong">gThumb Image Viewer:</emphasis> An
71
image viewer and a browser which enables you to import pictures
72
from a digital camera, create photo CDs and display photos as
73
slide shows.</para>
74
</listitem>
75
76
<listitem>
77
<para><emphasis role="strong">GIMP Image Editor:</emphasis> An
78
image editor used for advanced image creation and editing such as
79
changing the contrast, colour or the texture of an image.</para>
80
</listitem>
81
82
<listitem>
83
<para><emphasis role="strong">F-Spot Photo Manager:</emphasis> A
84
photo manager used to organise and manage photos. F-Spot enables
85
you to tag (label), categorise and sort photos.</para>
86
</listitem>
87
88
<listitem>
89
<para><emphasis role="strong">XSane Image Scanner:</emphasis> An
90
image scanner which also enables you to photocopy documents and
91
fax or e-mail scanned images.</para>
92
</listitem>
93
</itemizedlist></para>
94
</formalpara>
95
96
<formalpara>
97
<title>Applications Available in Repositories</title>
98
99
<para>In addition to the default applications, you can search through
100
the repositories and install applications using the Synaptic Package
101
Manager or the Command Line Interface (CLI).</para>
102
</formalpara>
103
104
<note userlevel="instructor">
105
<title>Instructor Notes:</title>
106
107
<para>Thousands of applications are available in the repositories; this
108
topic covers only a few of them. If students want more information about
109
a specific application, show them the way to view application details in
110
the Synaptic Package Manager.</para>
111
</note>
112
113
<para>Some of the graphics applications are available in Ubuntu software
114
repositories: <itemizedlist>
115
<listitem>
116
<mediaobject>
117
<imageobject>
118
<imagedata fileref="images/Lesson08_images_001.png" format="PNG"
119
width="1cm" />
120
</imageobject>
121
</mediaobject>
122
123
<formalpara>
124
<title>Agave:</title>
125
126
<para>A colour scheme designer. After you select a base colour,
127
Agave suggests the appropriate complementary colours or shades of
128
the same base colour. You can also drag and drop a colour from
129
another application, such as GIMP. Whether you are designing a Web
130
page or a pamphlet or painting your house, this programme enables
131
you to identify the appropriate colour scheme. Visit the Web site
132
<ulink
133
url="http://home.gna.org/colorscheme/">http://home.gna.org/colorscheme/</ulink>
134
for more information on Agave.</para>
135
</formalpara>
136
</listitem>
137
138
<listitem>
139
<mediaobject>
140
<imageobject>
141
<imagedata fileref="images/Lesson08_images_002.png" format="PNG"
142
width="1cm" />
143
</imageobject>
144
</mediaobject>
145
146
<formalpara>
147
<title>Blender:</title>
148
149
<para>An open-source 3D content creation suite. You can create 3D
150
models and animations, add post-production effects or use it as a
151
graphics editor to define interactive behaviour without
152
programming. Blender has a distinctive user interface that is
153
implemented entirely in Open GL and designed for speed. Python
154
bindings for scripting and import/export features for popular file
155
formats such as 3D Studio are available in Blender. Blender can
156
output still images, animations, models for games or other third
157
party engines and interactive content in the form of standalone
158
binaries or web plug-ins. Visit the Web site <ulink
159
url="http://www.blender.org/">http://www.blender.org/</ulink> for
160
more information on Blender.</para>
161
</formalpara>
162
</listitem>
163
164
<listitem>
165
<mediaobject>
166
<imageobject>
167
<imagedata fileref="images/Lesson08_images_003.png" format="PNG"
168
width="1cm" />
169
</imageobject>
170
</mediaobject>
171
172
<formalpara>
173
<title>Dia:</title>
174
175
<para>A diagram editor similar to Microsoft Visio. Dia offers the
176
capability to produce precise and professional-level graphics. You
177
can draw entity relationship diagrams, flowcharts and network
178
diagrams and export them to various formats, including EPS, SVG,
179
XFIG, WMF and PNG. You can also print diagrams spanning multiple
180
pages. Visit the Web site <ulink
181
url="http://live.gnome.org/Dia">http://live.gnome.org/Dia</ulink>
182
for more information.</para>
183
</formalpara>
184
</listitem>
185
186
<listitem>
187
<mediaobject>
188
<imageobject>
189
<imagedata fileref="images/Lesson08_images_004.png" format="PNG"
190
width="1cm" />
191
</imageobject>
192
</mediaobject>
193
194
<formalpara>
195
<title>Gcolor2:</title>
196
197
<para>A simple colour selector and picker that facilitates quick
198
and easy selection of colours. It also enables you to save new
199
colours and delete existing ones. Visit the Web site <ulink
200
url="http://gcolor2.sourceforge.net/">http://gcolor2.sourceforge.net/</ulink>
201
for more information.</para>
202
</formalpara>
203
</listitem>
204
205
<listitem>
206
<mediaobject>
207
<imageobject>
208
<imagedata fileref="images/Lesson08_images_005.png" format="PNG"
209
width="1cm" />
210
</imageobject>
211
</mediaobject>
212
213
<formalpara>
214
<title>GNU paint:</title>
215
216
<para>A user-friendly painting programme for GNOME. It offers
217
easy-to-use drawing tools to perform various image-processing
218
operations. Visit the Web site <ulink
219
url="http://gpaint.sourceforge.net/">http://gpaint.sourceforge.net/</ulink>
220
for more information.</para>
221
</formalpara>
222
</listitem>
223
</itemizedlist></para>
224
225
<para>In addition, several third-party applications, such as Picasa, a
226
free software download from Google, are compatible with Ubuntu.</para>
227
228
<para>Picasa enables you to locate and organise all the photos on your
229
computer, edit and add effects to your photos and share your photos
230
through e-mail and print and post images on the Web. You can download
231
Picasa from the following Web site <ulink
232
url="http://picasa.google.com/linux/download.html">http://picasa.google.com/linux/download.html</ulink>.</para>
233
234
<para>The following section outlines the features of some of these
235
graphics applications and how to use them.</para>
236
</sect1>
237
238
<sect1>
239
<title>Viewing Images with gThumb</title>
240
241
<para>gThumb enables you to browse and locate image files, organise images
242
in catalogues, print images, view slide shows and export Web-based albums
243
with various graphic themes. This application also offers the typical
244
features of an image viewer, such as copying, moving, deleting, printing,
245
zooming and converting image formats.</para>
246
247
<sect2>
248
<title>Viewing Images</title>
249
250
<para>Images can be viewed in various formats, such as BMP, JPEG, GIF,
251
PNG, TIFF, ICO, XPM and GIF animations.</para>
252
253
<procedure>
254
<title>To view an image:</title>
255
256
<step performance="required">
257
<para>On the <emphasis role="strong">Applications</emphasis> menu,
258
point to <emphasis role="strong">Graphics</emphasis> and click
259
<emphasis role="strong">gThumb Image Viewer</emphasis>. The
260
<emphasis role="strong">gThumb</emphasis> window opens.</para>
261
262
<figure float="0">
263
<title>Launching gThumb Image Viewer</title>
264
265
<mediaobject>
266
<imageobject>
267
<imagedata fileref="images/Lesson08_images_006.png"
268
format="PNG" width="11cm" />
269
</imageobject>
270
</mediaobject>
271
</figure>
272
</step>
273
274
<step performance="required">
275
<para>In the left pane of the <emphasis
276
role="strong">gThumb</emphasis> window, click <emphasis
277
role="strong">Images</emphasis> and navigate to the folder that
278
contains the images. Alternatively, if you know the name of the
279
image, type the image name and click <emphasis
280
role="strong">Search</emphasis> on the toolbar. The right pane of
281
the <emphasis role="strong">gThumb</emphasis> window displays the
282
selected image as a thumbnail.</para>
283
284
<figure float="0">
285
<title>gThumb Window</title>
286
287
<mediaobject>
288
<imageobject>
289
<imagedata fileref="images/Lesson08_images_007.png"
290
format="PNG" width="10cm" />
291
</imageobject>
292
</mediaobject>
293
</figure>
294
</step>
295
296
<step performance="required">
297
<para>If there are too many images displayed in the right pane, it
298
may be difficult for you to find the image you want. The <emphasis
299
role="strong">Show</emphasis> option at the bottom in the right pane
300
limits the range of visible images. For example, you can specify a
301
criterion, such as <emphasis role="strong">Date</emphasis>, to
302
display images stored on your computer on a specific date or
303
<emphasis role="strong">Size</emphasis>, to display images of a
304
specific size. Click the <emphasis role="strong">Show</emphasis>
305
arrow and select the appropriate option from the <emphasis
306
role="strong">Show</emphasis> list.</para>
307
308
<figure float="0">
309
<title>Selecting Image Display Options</title>
310
311
<mediaobject>
312
<imageobject>
313
<imagedata fileref="images/Lesson08_images_008.png"
314
format="PNG" width="10cm" />
315
</imageobject>
316
</mediaobject>
317
</figure>
318
</step>
319
320
<step performance="required">
321
<para>To view images in their original order of arrangement, click
322
<emphasis role="strong">Fullscreen</emphasis> on the toolbar. The
323
first image in the series opens in a fullscreen window.</para>
324
325
<figure float="0">
326
<title>Viewing Image in Fullscreen Mode</title>
327
328
<mediaobject>
329
<imageobject>
330
<imagedata fileref="images/Lesson08_images_009.png"
331
format="PNG" width="11cm" />
332
</imageobject>
333
</mediaobject>
334
</figure>
335
336
<para>The toolbar in the fullscreen window provides the following
337
options: <itemizedlist>
338
<listitem>
339
<formalpara>
340
<title>Leave Fullscreen:</title>
341
342
<para>Click <emphasis role="strong">Leave
343
Fullscreen</emphasis> to exit fullscreen mode and return to
344
the gThumb window.</para>
345
</formalpara>
346
</listitem>
347
348
<listitem>
349
<formalpara>
350
<title>Zoom In and Out:</title>
351
352
<para>Click the zoom options to adjust the display size of
353
an image. Use <emphasis role="strong">In</emphasis> to
354
increase the size and <emphasis role="strong">Out</emphasis>
355
to decrease the size of the image.</para>
356
</formalpara>
357
</listitem>
358
359
<listitem>
360
<formalpara>
361
<title>Image properties:</title>
362
363
<para>Click <emphasis role="strong">Properties</emphasis> to
364
view the properties of an image, such as the dimensions,
365
size or the date on which the image was saved on the
366
computer.</para>
367
</formalpara>
368
</listitem>
369
370
<listitem>
371
<formalpara>
372
<title>Next</title>
373
374
<para>or <emphasis role="strong">Previous:</emphasis> Click
375
these buttons to navigate through and view the images in the
376
series.</para>
377
</formalpara>
378
</listitem>
379
</itemizedlist></para>
380
381
<note>
382
<title>Note:</title>
383
384
<para>For the first image, <emphasis
385
role="strong">Previous</emphasis> is disabled and for the last
386
image, <emphasis role="strong">Next</emphasis> is disabled.</para>
387
</note>
388
</step>
389
390
<step performance="required">
391
<para>To view images in random order, in the gThumb window, click
392
the thumbnail of any image and then click <emphasis
393
role="strong">Fullscreen</emphasis> to view the image in fullscreen
394
mode.</para>
395
396
<note userlevel="instructor">
397
<title>Instructor Notes:</title>
398
399
<para>If time permits, provide a brief description of the
400
catalogues, comment and category options in the gThumb window
401
toolbar. These options will help users better organise their
402
images.</para>
403
</note>
404
</step>
405
</procedure>
406
407
<formalpara>
408
<title>Running Slide Shows</title>
409
410
<para>You can create slide shows to save clicking through your photos.
411
A slide show is a display of a series of chosen images.</para>
412
</formalpara>
413
414
<procedure>
415
<title>To run a slide show:</title>
416
417
<step performance="required">
418
<para>Select the images you want to include in your slide show. In
419
the <emphasis role="strong">gThumb</emphasis> window, click
420
<emphasis role="strong">Slide Show</emphasis> to start a slide show
421
of all the images in the right pane, in the order of arrangement. To
422
view a slide show of a few selected images, hold down the <emphasis
423
role="strong">Ctrl</emphasis> key, click the images you want to
424
view, release the <emphasis role="strong">Ctrl</emphasis> key and
425
click <emphasis role="strong">Slide Show</emphasis>. The slide show
426
begins, displaying all the images, beginning with either the first
427
image in the pane or the one you selected.</para>
428
429
<figure float="0">
430
<title>Starting a Slide Show</title>
431
432
<mediaobject>
433
<imageobject>
434
<imagedata fileref="images/Lesson08_images_010.png"
435
format="PNG" width="10cm" />
436
</imageobject>
437
</mediaobject>
438
</figure>
439
440
<figure float="0">
441
<title>Viewing Image in Slide Show Mode</title>
442
443
<mediaobject>
444
<imageobject>
445
<imagedata fileref="images/Lesson08_images_011.png"
446
format="PNG" width="11cm" />
447
</imageobject>
448
</mediaobject>
449
</figure>
450
</step>
451
452
<step performance="required">
453
<para>The gThumb slide show uses the default settings of a 4-second
454
delay between images, one-time play forward and fading effects as
455
transition between images. To change the default slide show
456
settings, on the <emphasis role="strong">Edit</emphasis> menu, click
457
the <emphasis role="strong">Preferences option</emphasis>. The
458
<emphasis role="strong">gThumb Preferences</emphasis> dialogue box
459
opens.</para>
460
461
<figure float="0">
462
<title>Modifying gThumb Preferences</title>
463
464
<mediaobject>
465
<imageobject>
466
<imagedata fileref="images/Lesson08_images_012.png"
467
format="PNG" width="10cm" />
468
</imageobject>
469
</mediaobject>
470
</figure>
471
</step>
472
473
<step performance="required">
474
<para>In the <emphasis role="strong">gThumb Preferences</emphasis>
475
dialogue box, click the <emphasis role="strong">Slide
476
Show</emphasis> tab and change the slide show settings. Click
477
<emphasis role="strong">Close</emphasis>.</para>
478
479
<figure float="0">
480
<title>Modifying Slide Show Preferences</title>
481
482
<mediaobject>
483
<imageobject>
484
<imagedata fileref="images/Lesson08_images_013.png"
485
format="PNG" width="6cm" />
486
</imageobject>
487
</mediaobject>
488
</figure>
489
</step>
490
</procedure>
491
</sect2>
492
493
<sect2>
494
<title>Removing Red Eye</title>
495
496
<para>In some cameras, the proximity of the flash to the lens causes the
497
light from the flash to reflect from the subject's retina to the lens,
498
leaving a red eye mark on the image. Referred to as a red eye, the size
499
of the mark depends on the amount of light reflected. The gThumb
500
software can be used to remove the red eye from images.</para>
501
502
<procedure>
503
<title>To remove red eye from an image:</title>
504
505
<step performance="required">
506
<para>In the <emphasis role="strong">gThumb</emphasis> window,
507
double-click the thumbnail of the image that has a red eye. The
508
image opens in a new window.</para>
509
510
<figure float="0">
511
<title>Image with a Red Eye</title>
512
513
<mediaobject>
514
<imageobject>
515
<imagedata fileref="images/Lesson08_images_014.png"
516
format="PNG" width="7cm" />
517
</imageobject>
518
</mediaobject>
519
</figure>
520
</step>
521
522
<step performance="required">
523
<para>In the edit window, click <emphasis
524
role="strong">Image</emphasis> and then click the <emphasis
525
role="strong">Redeye Removal</emphasis> option. The <emphasis
526
role="strong">Red-Eye Removal</emphasis> dialogue box opens.</para>
527
528
<figure float="0">
529
<title>Launching Redeye Removal Dialogue Box</title>
530
531
<mediaobject>
532
<imageobject>
533
<imagedata fileref="images/Lesson08_images_015.png"
534
format="PNG" width="10cm" />
535
</imageobject>
536
</mediaobject>
537
</figure>
538
</step>
539
540
<step performance="required">
541
<para>Click on or near the affected region, to replace the red eye
542
with black. If you are not happy with the result, you can click the
543
<emphasis role="strong">Undo</emphasis> icon in the <emphasis
544
role="strong">Red-Eye Removal</emphasis> dialogue box. Click
545
<emphasis role="strong">Save</emphasis> to replace the affected
546
image with the edited one in the <emphasis
547
role="strong">gThumb</emphasis> window.</para>
548
549
<figure float="0">
550
<title>Removing Red Eye</title>
551
552
<mediaobject>
553
<imageobject>
554
<imagedata fileref="images/Lesson08_images_016.png"
555
format="PNG" width="10cm" />
556
</imageobject>
557
</mediaobject>
558
</figure>
559
560
<note>
561
<title>Note:</title>
562
563
<para>The edited image also replaces the image stored on your
564
computer. Ensure that you save a copy of the image before editing
565
it.</para>
566
</note>
567
</step>
568
</procedure>
569
</sect2>
570
</sect1>
571
572
<sect1>
573
<title>The GIMP</title>
574
575
<para>GNU Image Manipulation Programme (GIMP) is the default graphic
576
application in Ubuntu, licensed under the GNU General Public License. It
577
is an open-source multi-platform image manipulation tool, available in
578
many languages. You can use GIMP to re-touch photos, compose and create
579
images, re-size, crop, manipulate colours and convert image
580
formats.</para>
581
582
<para>GIMP has a number of useful features: <itemizedlist>
583
<listitem>
584
<para>A full suite of painting tools, including brushes, a pencil
585
and an airbrush</para>
586
</listitem>
587
588
<listitem>
589
<para>Selection tools such as rectangle, ellipse, free, fuzzy and
590
bezier</para>
591
</listitem>
592
593
<listitem>
594
<para>Transformation tools such as rotate, scale, shear and
595
flip</para>
596
</listitem>
597
598
<listitem>
599
<para>Tile-based memory management so that the image size is limited
600
only by available disk space</para>
601
</listitem>
602
603
<listitem>
604
<para>Multiple undo/re-do operations limited only by disk
605
space</para>
606
</listitem>
607
608
<listitem>
609
<para>Advanced scripting capabilities</para>
610
</listitem>
611
612
<listitem>
613
<para>Layers and channels for complex drawings</para>
614
</listitem>
615
616
<listitem>
617
<para>Sub-pixel sampling for all paint tools to minimise distortion
618
while representing high-resolution images in lower resolution or
619
stretched mode</para>
620
</listitem>
621
622
<listitem>
623
<para>Full alpha channel support to simulate transparency in
624
images</para>
625
</listitem>
626
627
<listitem>
628
<para>Support for multiple file formats, including GIF, JPEG, PNG,
629
XPM, TIFF, TGA, MPEG, PS, PDF, PCX and BMP</para>
630
</listitem>
631
</itemizedlist></para>
632
633
<procedure>
634
<title>To launch GIMP from the desktop:</title>
635
636
<step performance="required">
637
<para>On the <emphasis role="strong">Applications</emphasis> menu,
638
point to <emphasis role="strong">Graphics</emphasis> and click
639
<emphasis role="strong">GIMP Image Editor</emphasis>. The <emphasis
640
role="strong">GIMP Tip of the Day</emphasis> prompt is displayed.
641
Click <emphasis role="strong">Close</emphasis> on the <emphasis
642
role="strong">GIMP Tip of the Day</emphasis> prompt. The <emphasis
643
role="strong">GIMP</emphasis> window opens.</para>
644
645
<figure float="0">
646
<title>GIMP Tip of the Day Dialogue Box</title>
647
648
<mediaobject>
649
<imageobject>
650
<imagedata fileref="images/Lesson08_images_017.png" format="PNG"
651
width="6cm" />
652
</imageobject>
653
</mediaobject>
654
</figure>
655
656
<tip>
657
<title>Nice to Know:</title>
658
659
<para>The GIMP mascot is a coyote named Wilber. He provides useful
660
tips while you use the application. If you do not want to see the
661
tips, clear the <emphasis role="strong">Show tip next time GIMP
662
starts</emphasis> check box.</para>
663
</tip>
664
</step>
665
666
<step performance="required">
667
<para>To open an image for modification, on the <emphasis
668
role="strong">File</emphasis> menu, click <emphasis
669
role="strong">Open</emphasis> and select the image you want to
670
modify.</para>
671
672
<figure float="0">
673
<title>Opening an Image for Editing</title>
674
675
<mediaobject>
676
<imageobject>
677
<imagedata fileref="images/Lesson08_images_018.png" format="PNG"
678
width="11cm" />
679
</imageobject>
680
</mediaobject>
681
</figure>
682
</step>
683
684
<step performance="required">
685
<para>The selected image opens in the <emphasis
686
role="strong">Image</emphasis> window.</para>
687
688
<figure float="0">
689
<title>Editing Image</title>
690
691
<mediaobject>
692
<imageobject>
693
<imagedata fileref="images/Lesson08_images_019.png" format="PNG"
694
width="11cm" />
695
</imageobject>
696
</mediaobject>
697
</figure>
698
699
<para>You can now modify the image by using the tools available in the
700
<emphasis role="strong">GIMP</emphasis> window.</para>
701
702
<tip>
703
<title>Nice to Know:</title>
704
705
<para>You can drag and drop a colour from the toolbox or from a
706
colour palette onto an image. This fills the current image or
707
selection with the selected colour.</para>
708
</tip>
709
710
<note userlevel="instructor">
711
<title>Instructor Notes:</title>
712
713
<para>If time permits, allow students to familiarise themselves with
714
GIMP. Ask students to open an image and perform basic operations
715
such as cropping the image, inserting text into the image, rotating
716
the layer and smudging the image by using the available
717
tools.</para>
718
</note>
719
</step>
720
</procedure>
721
</sect1>
722
723
<sect1>
724
<title>Managing Photos with F-Spot</title>
725
726
<note userlevel="instructor">
727
<title>Instructor Notes:</title>
728
729
<para>After a brief explanation of F-Spot and its features, refrain from
730
lengthy explanation of the tasks. Perform a brief demo of the tasks
731
covered in the lesson and ask students to follow.</para>
732
</note>
733
734
<para>F-Spot is a personal photo management application for the GNOME
735
desktop. You can import and view pictures from the hard disk on your
736
computer, digital camera or even the ipod. You can attach tags to your
737
photos and categorise them, build a photo CD, export photos over the
738
Internet and share them online or perform basic colour-correction and
739
editing. F-Spot supports 16 common file types, including JPEG, GIF, TIFF
740
and RAW.</para>
741
742
<para>The following graphic shows the elements in the F-Spot
743
interface:</para>
744
745
<figure float="0">
746
<title>F-Spot Window</title>
747
748
<mediaobject>
749
<imageobject>
750
<imagedata fileref="images/Lesson08_images_020.png" format="PNG"
751
width="12cm" />
752
</imageobject>
753
</mediaobject>
754
</figure>
755
756
<sect2>
757
<title>Importing Photos in F-Spot</title>
758
759
<para>After importing the photographs, you can categorise and tag them
760
as you would to create a playlist in a music player.</para>
761
762
<procedure>
763
<title>Importing Photographs from the Hard Disk</title>
764
765
<para>To import photographs into F-Spot from the hard disk of your
766
computer:</para>
767
768
<step performance="required">
769
<para>On the <emphasis role="strong">Applications</emphasis> menu,
770
point to <emphasis role="strong">Graphics</emphasis> and click
771
<emphasis role="strong">F-Spot Photo Manager</emphasis>. The
772
<emphasis role="strong">F-Spot</emphasis> window opens.</para>
773
</step>
774
775
<step performance="required">
776
<para>Click the <emphasis role="strong">Import</emphasis> button on
777
the toolbar. The <emphasis role="strong">Import</emphasis> dialogue
778
box opens.</para>
779
780
<figure float="0">
781
<title><emphasis role="italic">Importing Photos</emphasis></title>
782
783
<mediaobject>
784
<imageobject>
785
<imagedata fileref="images/Lesson08_images_021.png"
786
format="PNG" width="9cm" />
787
</imageobject>
788
</mediaobject>
789
</figure>
790
791
<note>
792
<title>Note:</title>
793
794
<para>You can also click <emphasis role="strong">Import</emphasis>
795
on the <emphasis role="strong">File</emphasis> menu to open the
796
<emphasis role="strong">Import</emphasis> dialogue box.</para>
797
</note>
798
</step>
799
800
<step performance="required">
801
<para>In the <emphasis role="strong">Import Source</emphasis> box,
802
the <emphasis role="strong">Select Folder</emphasis> option is
803
selected by default. Retain the option, navigate to the folder that
804
contains the photographs and click <emphasis
805
role="strong">Open</emphasis>.</para>
806
807
<figure float="0">
808
<title><emphasis role="italic">Selecting Photo Import
809
Source</emphasis></title>
810
811
<mediaobject>
812
<imageobject>
813
<imagedata fileref="images/Lesson08_images_022.png"
814
format="PNG" width="10cm" />
815
</imageobject>
816
</mediaobject>
817
</figure>
818
819
<figure float="0">
820
<title><emphasis role="italic">Displaying Images to
821
Import</emphasis></title>
822
823
<mediaobject>
824
<imageobject>
825
<imagedata fileref="images/Lesson08_images_023.png"
826
format="PNG" width="9cm" />
827
</imageobject>
828
</mediaobject>
829
</figure>
830
</step>
831
832
<step performance="required">
833
<para>Click <emphasis role="strong">Import</emphasis> in the
834
<emphasis role="strong">Import</emphasis> dialogue box.</para>
835
836
<figure float="0">
837
<title><emphasis role="italic">Importing Photos</emphasis></title>
838
839
<mediaobject>
840
<imageobject>
841
<imagedata fileref="images/Lesson08_images_024.png"
842
format="PNG" width="9cm" />
843
</imageobject>
844
</mediaobject>
845
</figure>
846
847
<para>The photographs are listed as thumbnails in the <emphasis
848
role="strong">F-Spot</emphasis> window. Notice that the timeline
849
slider is positioned according to the dates on which the images were
850
saved on the hard disk of your computer.</para>
851
852
<figure float="0">
853
<title><emphasis role="italic">Browsing Photos</emphasis></title>
854
855
<mediaobject>
856
<imageobject>
857
<imagedata fileref="images/Lesson08_images_025.png"
858
format="PNG" width="10cm" />
859
</imageobject>
860
</mediaobject>
861
</figure>
862
863
<note>
864
<title>Note:</title>
865
866
<para>The photographs listed in the F-Spot window are not
867
associated with any category or parent tag.</para>
868
</note>
869
</step>
870
</procedure>
871
872
<procedure>
873
<title>Importing Photographs from a Digital Camera</title>
874
875
<para>To import photographs into F-Spot from a digital camera:</para>
876
877
<step performance="required">
878
<para>Click the <emphasis role="strong">Import</emphasis> button on
879
the toolbar. The <emphasis role="strong">Import</emphasis> dialogue
880
box opens.</para>
881
</step>
882
883
<step performance="required">
884
<para>Click the <emphasis role="strong">Import Source</emphasis>
885
box. Plug the camera on the computer. F-Spot detects the camera and
886
displays the model and type of the camera in the <emphasis
887
role="strong">Import Source</emphasis> box.</para>
888
889
<figure float="0">
890
<title><emphasis role="italic">Selecting Photo Import
891
Source</emphasis></title>
892
893
<mediaobject>
894
<imageobject>
895
<imagedata fileref="images/Lesson08_images_026.png"
896
format="PNG" width="9cm" />
897
</imageobject>
898
</mediaobject>
899
</figure>
900
</step>
901
902
<step performance="required">
903
<para>Click the camera as the source for the photographs. The
904
<emphasis role="strong">Select Photos to Copy From Camera</emphasis>
905
dialogue box opens, which lists all the photos in the camera. Select
906
the photos you want to import and click <emphasis
907
role="strong">Copy</emphasis>.</para>
908
909
<figure float="0">
910
<title><emphasis role="italic">Selecting Images to
911
Copy</emphasis></title>
912
913
<mediaobject>
914
<imageobject>
915
<imagedata fileref="images/Lesson08_images_027.png"
916
format="PNG" width="7cm" />
917
</imageobject>
918
</mediaobject>
919
</figure>
920
</step>
921
922
<step performance="required">
923
<para>F-Spot copies the photographs to the specified location and
924
displays the copied photographs in the right pane of the <emphasis
925
role="strong">F-Spot</emphasis> window.</para>
926
</step>
927
</procedure>
928
</sect2>
929
930
<sect2>
931
<title>Viewing Photos</title>
932
933
<para>After importing, you can view all the photographs as thumbnails in
934
the right pane of the <emphasis role="strong">F-Spot</emphasis> window.
935
You can view photographs in F-Spot by: <itemizedlist>
936
<listitem>
937
<para>Double-clicking each thumbnail to enlarge the view</para>
938
</listitem>
939
940
<listitem>
941
<para>Select a thumbnail and click <emphasis
942
role="strong">Fullscreen</emphasis> on the toolbar</para>
943
</listitem>
944
</itemizedlist></para>
945
946
<para>The image opens in fullscreen mode.</para>
947
948
<figure float="0">
949
<title>Browsing Photos</title>
950
951
<mediaobject>
952
<imageobject>
953
<imagedata fileref="images/Lesson08_images_028.png" format="PNG"
954
width="10cm" />
955
</imageobject>
956
</mediaobject>
957
</figure>
958
959
<figure float="0">
960
<title>Viewing Photos in Full Screen Mode</title>
961
962
<mediaobject>
963
<imageobject>
964
<imagedata fileref="images/Lesson08_images_029.png" format="PNG"
965
width="11cm" />
966
</imageobject>
967
</mediaobject>
968
</figure>
969
970
<para>Click <emphasis role="strong">Exit fullscreen</emphasis> to return
971
to the <emphasis role="strong">F-Spot</emphasis> window.</para>
972
</sect2>
973
974
<sect2>
975
<title>Organising Photos</title>
976
977
<para>By default, F-Spot organises photographs based on the dates in
978
which they were saved on the computer. You can view photographs for a
979
specific date and time by clicking the corresponding year on the
980
timeline slider or moving the slider along the timeline. For example,
981
assume that there are 100 images in the right pane, 50 of which were
982
saved in 2004 and 50 in 2007. To view the images for 2004, position the
983
slider on the timeline at the 2004 mark.</para>
984
985
<para>To organise the photographs differently, you can attach a tag or a
986
label to each photo and categorise them. You can then view photographs
987
based on these categories.</para>
988
989
<para>Some categories are already predefined and visible in the left
990
pane of the <emphasis role="strong">F-Spot</emphasis> window. You can
991
group your photos under these tags.</para>
992
993
<para>To add a tag to a photograph: <itemizedlist>
994
<listitem>
995
<para>In the <emphasis role="strong">F-Spot</emphasis> window,
996
right-click a photograph, point to <emphasis role="strong">Attach
997
a Tag</emphasis> and click the tag with which you want to
998
associate the photograph. The tag is displayed at the bottom of
999
the photograph.</para>
1000
1001
<figure float="0">
1002
<title>Tagging an Image</title>
1003
1004
<mediaobject>
1005
<imageobject>
1006
<imagedata fileref="images/Lesson08_images_030.png"
1007
format="PNG" width="11cm" />
1008
</imageobject>
1009
</mediaobject>
1010
</figure>
1011
1012
<figure float="0">
1013
<title>Viewing Tagged Images</title>
1014
1015
<mediaobject>
1016
<imageobject>
1017
<imagedata fileref="images/Lesson08_images_031.png"
1018
format="PNG" width="10cm" />
1019
</imageobject>
1020
</mediaobject>
1021
</figure>
1022
1023
<para>The tagged image is now displayed under the tagged
1024
category.</para>
1025
</listitem>
1026
</itemizedlist></para>
1027
</sect2>
1028
</sect1>
1029
1030
<sect1>
1031
<title>Drawing with Inkscape</title>
1032
1033
<para>Inkscape helps you draw illustrations for the Web, graphics for
1034
mobile phones, simple line drawings, cartoons, complex works of art,
1035
figures for chapters and books or organization charts.</para>
1036
1037
<para>Inkscape is a high-end graphic tool with capabilities similar to
1038
Illustrator, CorelDraw or Xara X. It is multi-platform software that is
1039
freely available for the Linux, Microsoft Windows, Solaris and Mac OS X
1040
operating systems.</para>
1041
1042
<para>You can use it to rotate, re-size, skew, proportion, fill and stroke
1043
objects with a high level of precision. Advanced visual effects such as
1044
gradient and transparency are also available.</para>
1045
1046
<para>Inkscape is not part of the default graphics package in Ubuntu
1047
however, you can install this package from repositories.</para>
1048
1049
<sect2>
1050
<title>Installing Inkscape</title>
1051
1052
<para>There are two ways to install Inkscape. You can install this
1053
application from the repositories by using Synaptic Package Manager or
1054
from the Command Line Interface (CLI).</para>
1055
1056
<note>
1057
<title>Note:</title>
1058
1059
<para>Your computer should be connected to the Internet while
1060
installing the application from the repositories.</para>
1061
</note>
1062
1063
<procedure>
1064
<title>Installing Inkscape by Using Synaptic Package Manager</title>
1065
1066
<step performance="required">
1067
<para>On the <emphasis role="strong">System</emphasis> menu, point
1068
to <emphasis role="strong">Administration</emphasis> and click
1069
<emphasis role="strong">Synaptic Package Manager</emphasis>. The
1070
<emphasis role="strong">Synaptic Package Manager</emphasis> window
1071
opens.</para>
1072
1073
<figure float="0">
1074
<title><emphasis role="italic">Launching Synaptic Package
1075
Manager</emphasis></title>
1076
1077
<mediaobject>
1078
<imageobject>
1079
<imagedata fileref="images/Lesson08_images_032.png"
1080
format="PNG" width="11cm" />
1081
</imageobject>
1082
</mediaobject>
1083
</figure>
1084
</step>
1085
1086
<step performance="required">
1087
<para>In the <emphasis role="strong">Synaptic Package
1088
Manager</emphasis> window, the left pane lists the categories of
1089
software and the right pane lists the packages in a category. Click
1090
<emphasis role="strong">Search</emphasis>. The <emphasis
1091
role="strong">Find</emphasis> dialogue box opens. Type <emphasis
1092
role="strong">Inkscape</emphasis> in the <emphasis
1093
role="strong">Search</emphasis> field and click <emphasis
1094
role="strong">Search</emphasis>.</para>
1095
1096
<note>
1097
<title>Note:</title>
1098
1099
<para>To view installed and uninstalled packages, click <emphasis
1100
role="strong">Status</emphasis>. For the source repository of the
1101
package, click <emphasis role="strong">Origin</emphasis>. Click
1102
<emphasis role="strong">Custom Filters</emphasis> to determine
1103
whether a package is broken or upgradeable. To return to the list
1104
of categories after searching the packages, click <emphasis
1105
role="strong">Sections</emphasis>.</para>
1106
</note>
1107
1108
<figure float="0">
1109
<title><emphasis role="italic">Searching
1110
Inkscape</emphasis></title>
1111
1112
<mediaobject>
1113
<imageobject>
1114
<imagedata fileref="images/Lesson08_images_033.png"
1115
format="PNG" width="11cm" />
1116
</imageobject>
1117
</mediaobject>
1118
</figure>
1119
</step>
1120
1121
<step performance="required">
1122
<para>The <emphasis role="strong">Search</emphasis> results are
1123
displayed in the right pane of the <emphasis role="strong">Synaptic
1124
Package Manager</emphasis> window. Right-click <emphasis
1125
role="strong">Inkscape</emphasis> and select the <emphasis
1126
role="strong">Mark for Installation</emphasis> check box.</para>
1127
1128
<figure float="0">
1129
<title><emphasis role="italic">Marking Inkscape for
1130
Installation</emphasis></title>
1131
1132
<mediaobject>
1133
<imageobject>
1134
<imagedata fileref="images/Lesson08_images_034.png"
1135
format="PNG" width="9cm" />
1136
</imageobject>
1137
</mediaobject>
1138
</figure>
1139
</step>
1140
1141
<step performance="required">
1142
<para>Click <emphasis role="strong">Apply</emphasis> on the toolbar
1143
to begin the installation process. A <emphasis
1144
role="strong">Summary</emphasis> dialogue box is displayed, which
1145
prompts you to confirm the changes. Click <emphasis
1146
role="strong">Apply</emphasis> to proceed with the
1147
installation.</para>
1148
1149
<figure float="0">
1150
<title><emphasis role="italic">Confirming
1151
Changes</emphasis></title>
1152
1153
<mediaobject>
1154
<imageobject>
1155
<imagedata fileref="images/Lesson08_images_035.png"
1156
format="PNG" width="9cm" />
1157
</imageobject>
1158
</mediaobject>
1159
</figure>
1160
</step>
1161
1162
<step performance="required">
1163
<para>After the installation is complete, click <emphasis
1164
role="strong">Close</emphasis> in the <emphasis
1165
role="strong">Changes applied</emphasis> dialogue box.</para>
1166
1167
<figure float="0">
1168
<title><emphasis role="italic">Changes Applied
1169
Confirmation</emphasis></title>
1170
1171
<mediaobject>
1172
<imageobject>
1173
<imagedata fileref="images/Lesson08_images_036.png"
1174
format="PNG" width="9cm" />
1175
</imageobject>
1176
</mediaobject>
1177
</figure>
1178
</step>
1179
</procedure>
1180
1181
<para>To launch Inkscape, on the <emphasis
1182
role="strong">Applications</emphasis> menu, point to <emphasis
1183
role="strong">Graphics</emphasis> and click <emphasis
1184
role="strong">Inkscape Vector illustrator</emphasis>.</para>
1185
</sect2>
1186
1187
<sect2>
1188
<title>Creating Vector Graphic Images Using InkScape</title>
1189
1190
<note userlevel="instructor">
1191
<title>Instructor Notes:</title>
1192
1193
<para>To utilise the full potential of this application requires some
1194
hands-on experience on similar applications. This topic introduces
1195
students to Inkscape and covers the basic concepts. To engage students
1196
with some prior experience, use an example from the help manual and
1197
make them perform the steps given in the manual.</para>
1198
</note>
1199
1200
<formalpara>
1201
<title>Page:</title>
1202
1203
<para>This area enables you to specify various options for the output.
1204
For example, you can specify the Page dimensions for printing on A4
1205
size paper. The Page adjusts accordingly and you can adjust the
1206
proportion the drawing relative to the Page.</para>
1207
</formalpara>
1208
1209
<formalpara>
1210
<title>Menu Bar:</title>
1211
1212
<para>This toolbar provides menus such as file save and zoom. You can
1213
perform all operations in Inkscape by using the options listed on
1214
these menus.</para>
1215
</formalpara>
1216
1217
<formalpara>
1218
<title>Command Bar:</title>
1219
1220
<para>This toolbar provides shortcuts to major operations on the menu
1221
bar.</para>
1222
</formalpara>
1223
1224
<formalpara>
1225
<title>Drawing Toolbar:</title>
1226
1227
<para>This toolbar provides options to perform drawing operations. You
1228
can create basic shapes such as a rectangle, a square or an
1229
ellipse.</para>
1230
</formalpara>
1231
1232
<formalpara>
1233
<title>Tools Control Bar:</title>
1234
1235
<para>This toolbar provides options specific to a tool on the Drawing
1236
toolbar. For example, if you select the polygon tool from the Drawing
1237
toolbar, the Tools Control Bar displays options to set the corners in
1238
the polygon.</para>
1239
</formalpara>
1240
1241
<formalpara>
1242
<title>Status Bar:</title>
1243
1244
<para>This toolbar indicates the status of objects such as dimensions
1245
and layers. For example, when you roll the mouse over the window, the
1246
Status Bar indicates the position of the cursor relative to the
1247
window.</para>
1248
</formalpara>
1249
1250
<note>
1251
<title>Note:</title>
1252
1253
<para>Vector drawing software uses standard notation to refer to
1254
shapes such as simple lines, rectangles and complicated shapes as
1255
objects.</para>
1256
</note>
1257
1258
<formalpara>
1259
<title>Creating and Saving Objects</title>
1260
1261
<para>Creating a new object in Inkscape requires extensive use of the
1262
Drawing toolbar. However, the options in this toolbar help you to
1263
create basic shapes. To create complex objects, you need to further
1264
edit, combine and manipulate these shapes.</para>
1265
</formalpara>
1266
1267
<procedure>
1268
<title>To create an object by using the Drawing toolbar:</title>
1269
1270
<step performance="required">
1271
<para>Click the object button associated with the shape you want to
1272
draw. Point anywhere in the page where you want to start drawing the
1273
object.</para>
1274
</step>
1275
1276
<step performance="required">
1277
<para>Drag the cursor to the desired size of the object. The object
1278
is displayed in the page.</para>
1279
1280
<figure float="0">
1281
<title>Drawing an Object</title>
1282
1283
<mediaobject>
1284
<imageobject>
1285
<imagedata fileref="images/Lesson08_images_038.png"
1286
format="PNG" width="13cm" />
1287
</imageobject>
1288
</mediaobject>
1289
</figure>
1290
1291
<para>The Tools Control Bar displays options to create the object.
1292
For example, if you are creating a rectangle, the toolbar provides
1293
the option to specify the height and the width of the
1294
rectangle.</para>
1295
</step>
1296
1297
<step performance="required">
1298
<para>After creating the shape, click <emphasis
1299
role="strong">Save</emphasis> on the Command Bar. The <emphasis
1300
role="strong">Select file to Save to</emphasis> dialogue box is
1301
displayed. Type the name of the file in the <emphasis
1302
role="strong">Name</emphasis> text box, specify the location where
1303
you want to save the file and click <emphasis
1304
role="strong">Save</emphasis>.</para>
1305
1306
<figure float="0">
1307
<title>Saving an Object</title>
1308
1309
<mediaobject>
1310
<imageobject>
1311
<imagedata fileref="images/Lesson08_images_039.png"
1312
format="PNG" width="15cm" />
1313
</imageobject>
1314
</mediaobject>
1315
</figure>
1316
1317
<note>
1318
<title>Note:</title>
1319
1320
<para>Inkscape saves images as vector graphics. You can resize a
1321
vector image without affecting the resolution of the image.</para>
1322
</note>
1323
</step>
1324
</procedure>
1325
</sect2>
1326
</sect1>
1327
1328
<sect1>
1329
<title>Using a Scanner</title>
1330
1331
<para>Scanning an object in Ubuntu is simple. If you have a USB scanner,
1332
plug the scanner directly into your computer. Most plug-and-play devices
1333
are compatible with Ubuntu, if however, the computer fails to detect the
1334
scanner, you will need to check its compatibility with Ubuntu.</para>
1335
1336
<sect2>
1337
<title>Checking Scanner Compatibility</title>
1338
1339
<para>You can check the compatibility of your scanner with Ubuntu in one
1340
of two ways: <itemizedlist>
1341
<listitem>
1342
<para>Visit this Web site for the list of scanners and drivers
1343
compatible with Ubuntu: <ulink
1344
url="https://wiki.ubuntu.com/HardwareSupportComponentsScanners">https://wiki.ubuntu.com/HardwareSupportComponentsScanners</ulink>.</para>
1345
</listitem>
1346
1347
<listitem>
1348
<para>Check the status of your scanner at the following Web site:
1349
<ulink
1350
url="http://www.sane-project.org/sane-backends.html">http://www.sane-project.org/sane-backends.html</ulink>.
1351
This site lists the drivers distributed with sane-backends-1.0.18
1352
and supported hardware and software.</para>
1353
</listitem>
1354
</itemizedlist></para>
1355
</sect2>
1356
1357
<sect2>
1358
<title>Scanning an Image</title>
1359
1360
<para>You can scan an image by using the scanner interface or the
1361
scanning application XSane, which is available in Ubuntu.</para>
1362
1363
<procedure>
1364
<title>To scan an image by using XSane:</title>
1365
1366
<step performance="required">
1367
<para>On the <emphasis role="strong">Applications</emphasis> menu,
1368
point to <emphasis role="strong">Graphics</emphasis> and click
1369
<emphasis role="strong">XSane Image Scanner</emphasis>. XSane
1370
automatically searches for a scanner attached to the computer. After
1371
your computer detects the scanner, the <emphasis role="strong">XSane
1372
Options</emphasis> dialogue box is displayed.</para>
1373
</step>
1374
1375
<step performance="required">
1376
<para>The <emphasis role="strong">XSane Options</emphasis> dialogue
1377
box provides options to modify the default settings of the output.
1378
You can specify the number of copies to be scanned, the name of the
1379
output file, the output file type, and colour and contrast options.
1380
After you specify the properties of the output file, place the
1381
object on the scanner and click Scan to begin scanning the
1382
object.</para>
1383
1384
<figure float="0">
1385
<title>Using XSane</title>
1386
1387
<mediaobject>
1388
<imageobject>
1389
<imagedata fileref="images/Lesson08_images_040.png"
1390
format="PNG" width="10cm" />
1391
</imageobject>
1392
</mediaobject>
1393
</figure>
1394
</step>
1395
1396
<step performance="required">
1397
<para>After the object is scanned, a viewer window displays the
1398
output.</para>
1399
1400
<figure float="0">
1401
<title>Viewing Scanned Output</title>
1402
1403
<mediaobject>
1404
<imageobject>
1405
<imagedata fileref="images/Lesson08_images_041.png"
1406
format="PNG" width="9cm" />
1407
</imageobject>
1408
</mediaobject>
1409
</figure>
1410
1411
<note>
1412
<title>Note:</title>
1413
1414
<para>Before beginning the scanning operation, check the
1415
compatibility of your scanner with Ubuntu. Sometimes, Ubuntu
1416
detects the scanner as hardware but fails to scan if the required
1417
driver is missing.</para>
1418
</note>
1419
</step>
1420
1421
<step performance="required">
1422
<para>Continue to scan other images or close the <emphasis
1423
role="strong">XSane Options</emphasis> dialogue box to exit the
1424
application.</para>
1425
</step>
1426
</procedure>
1427
</sect2>
1428
</sect1>
1429
1430
<sect1>
1431
<title>Lesson Summary</title>
1432
1433
<para>In this lesson, you learned how to: <itemizedlist>
1434
<listitem>
1435
<para>View and organise your photo collection by using the default
1436
Ubuntu graphic applications:</para>
1437
1438
<itemizedlist>
1439
<listitem>
1440
<para>The <emphasis role="strong">gThumb Image Viewer</emphasis>
1441
enables you to import pictures, create a photo CD, display
1442
photos as a slide show and create albums of your photo
1443
collection for the Web.</para>
1444
</listitem>
1445
1446
<listitem>
1447
<formalpara>
1448
<title>F-Spot</title>
1449
1450
<para>enables you to tag, categorize and export your images to
1451
the Web.</para>
1452
</formalpara>
1453
</listitem>
1454
</itemizedlist>
1455
</listitem>
1456
1457
<listitem>
1458
<para>Use GIMP for advanced image manipulation and creation.</para>
1459
</listitem>
1460
1461
<listitem>
1462
<para>Create graphics in the SVG format by using the Inkscape vector
1463
graphics editor.</para>
1464
</listitem>
1465
1466
<listitem>
1467
<para>Scan your images and save them in various formats by using
1468
XSane Image Scanner.</para>
1469
</listitem>
1470
</itemizedlist></para>
1471
</sect1>
1472
1473
<sect1 role="questions">
1474
<title>Review Exercise</title>
1475
1476
<qandaset>
1477
<qandaentry>
1478
<question>
1479
<para>Which of the default graphics applications provides the option
1480
to display only a category of images from a randomly stored pool of
1481
images? (Choose two).</para>
1482
1483
<para>a) Inkscape</para>
1484
1485
<para>b) gThumb</para>
1486
1487
<para>c) F-Spot</para>
1488
1489
<para>d) Xsane</para>
1490
1491
<para>e) GIMP</para>
1492
</question>
1493
1494
<answer>
1495
<para>b) gThumb and c) F-Spot</para>
1496
</answer>
1497
</qandaentry>
1498
1499
<qandaentry>
1500
<question>
1501
<para>Which default graphics application in Ubuntu facilitates photo
1502
sharing over the Internet?</para>
1503
</question>
1504
1505
<answer>
1506
<para>The F-Spot Photo Manager</para>
1507
</answer>
1508
</qandaentry>
1509
1510
<qandaentry>
1511
<question>
1512
<para>Is there any additional software required to import images
1513
from a digital camera?</para>
1514
</question>
1515
1516
<answer>
1517
<para>No, Ubuntu automatically identifies plug-and-play devices.
1518
F-Spot or gThumb identify the connected device and enable you to
1519
import images directly from the application interface.</para>
1520
</answer>
1521
</qandaentry>
1522
</qandaset>
1523
</sect1>
1524
1525
<sect1>
1526
<title>Lab Exercise</title>
1527
1528
<formalpara>
1529
<title>Exercise 1: Creating a Web Album by using gThumb</title>
1530
1531
<para>You have just returned from a vacation with your friends. You
1532
decide to write about this experience on your blog and post some
1533
photographs of the trip. However, uploading images one by one to the Web
1534
site involves a lot of effort and time. You want to find a more
1535
convenient way to do this.</para>
1536
</formalpara>
1537
1538
<procedure>
1539
<title>To perform the required task:</title>
1540
1541
<step performance="required">
1542
<para>Launch <emphasis role="strong">gThumb</emphasis>. The <emphasis
1543
role="strong">Desktop/Images</emphasis> window is displayed.</para>
1544
</step>
1545
1546
<step performance="required">
1547
<para>Click <emphasis role="strong">Images</emphasis> on the left
1548
navigation bar and navigate to the folder in which the images are
1549
stored. Click <emphasis role="strong">Open</emphasis>. The workspace
1550
displays all the images available in the folder.</para>
1551
</step>
1552
1553
<step performance="required">
1554
<para>Select the images you want to include in the Web album.</para>
1555
</step>
1556
1557
<step performance="required">
1558
<para>On the <emphasis role="strong">Tools</emphasis> menu, click
1559
<emphasis role="strong">Create Web Album</emphasis>. The <emphasis
1560
role="strong">Web Album</emphasis> window <emphasis
1561
role="strong">is</emphasis> displayed.</para>
1562
</step>
1563
1564
<step performance="required">
1565
<para>In the <emphasis role="strong">Web Album</emphasis> window,
1566
enter the required information, including the destination folder, the
1567
index file, the index page layout and the album style. Click <emphasis
1568
role="strong">Save</emphasis>.</para>
1569
</step>
1570
1571
<step performance="required">
1572
<para>The gThumb software creates the album and saves it at the
1573
specified location. Now, you can upload the Web album to a Web
1574
server.</para>
1575
</step>
1576
</procedure>
1577
1578
<formalpara>
1579
<title>Exercise 2: Exporting Images to the Web by using F-Spot</title>
1580
1581
<para>You now want to share the photographs you uploaded only with
1582
friends. You also want to retain the photographs for a longer period
1583
than is typically permitted by Web hosting sites. How can you do
1584
this?</para>
1585
</formalpara>
1586
1587
<procedure>
1588
<title>To perform the required task:</title>
1589
1590
<step performance="required">
1591
<para>Launch <emphasis role="strong">F-Spot</emphasis>.</para>
1592
</step>
1593
1594
<step performance="required">
1595
<para>Click the <emphasis role="strong">Import</emphasis> button on
1596
the toolbar. The <emphasis role="strong">Import</emphasis> dialogue
1597
box is displayed.</para>
1598
</step>
1599
1600
<step performance="required">
1601
<para>In the <emphasis role="strong">Import</emphasis> dialogue box,
1602
click <emphasis role="strong">Select Folder</emphasis> from the
1603
<emphasis role="strong">Import Source</emphasis> box. Navigate to the
1604
source folder and click <emphasis role="strong">Open</emphasis>. The
1605
images are displayed.</para>
1606
</step>
1607
1608
<step performance="required">
1609
<para>Click <emphasis role="strong">Import</emphasis> in the <emphasis
1610
role="strong">Import</emphasis> dialogue box.</para>
1611
</step>
1612
1613
<step performance="required">
1614
<para>Select the images you want to export.</para>
1615
</step>
1616
1617
<step performance="required">
1618
<para>On the <emphasis role="strong">File</emphasis> menu, point to
1619
<emphasis role="strong">Export</emphasis> and click the
1620
destination.</para>
1621
1622
<note>
1623
<title>Note:</title>
1624
1625
<para>To export images to the Web, you need to have an active
1626
account with the target Web site.</para>
1627
</note>
1628
</step>
1629
</procedure>
1630
1631
<formalpara>
1632
<title>Exercise 3: Removing Red Eye from an Image</title>
1633
1634
<para>You took photographs at your recent birthday party but some of the
1635
people have red eye marks which need to be removed.</para>
1636
</formalpara>
1637
1638
<procedure>
1639
<title>To perform the required task:</title>
1640
1641
<step performance="required">
1642
<para>Launch <emphasis role="strong">gThumb</emphasis> and import the
1643
affected images.</para>
1644
</step>
1645
1646
<step performance="required">
1647
<para>Double-click an image with a red eye mark.</para>
1648
</step>
1649
1650
<step performance="required">
1651
<para>On the <emphasis role="strong">Image</emphasis> menu, click
1652
<emphasis role="strong">Redeye Removal</emphasis>. The <emphasis
1653
role="strong">Red-Eye Removal</emphasis> dialogue box is
1654
displayed.</para>
1655
</step>
1656
1657
<step performance="required">
1658
<para>In the <emphasis role="strong">Red-Eye Removal</emphasis>
1659
dialogue box, click on or near the red eye. This replaces the red eye
1660
with black colour.</para>
1661
</step>
1662
1663
<step performance="required">
1664
<para>Click <emphasis role="strong">Undo</emphasis> if you are not
1665
happy with the result. Save the edited version of the image.</para>
1666
</step>
1667
</procedure>
1668
</sect1>
1669
</chapter>
b'\\ No newline at end of file'
Loggerhead is a web-based interface for Breezy
Version: 2.0.1