~gumara/ubuntu-desktop-course/ubuntu-desktop-course-th

« back to all changes in this revision

Viewing changes to chapter7/Managing_Graphics_and_Photos.xml

Modify Introduction

Show diffs side-by-side

added added

removed removed

Lines of Context:
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'