← Back to branch summary

~doruhushhush/ubuntu-desktop-course/ubuntu-desktop-course-romanian

« back to all changes in this revision

Viewing changes to chapter7/Managing_Graphics_and_Photos.xml

  • Committer: Torsten Spindler
  • Date: 2009-01-06 10:26:28 UTC
  • mfrom: (160.1.8 ubuntu-desktop-course)
  • Revision ID: torsten@canonical.com-20090106102628-vkshaock0a167066
Merged Belinda's branch, update for new Ubuntu version

Show diffs side-by-side

added added

removed removed

Lines of Context:
chapter7/Managing_Graphics_and_Photos.xml
1
1
<?xml version="1.0" encoding="UTF-8"?>
2
2
<!DOCTYPE chapter PUBLIC "-//OASIS//DTD DocBook XML V4.3//EN"
3
3
"http://docbook.org/xml/4.3/docbookx.dtd">
4
 
<chapter>
 
4
<chapter id="lesson7">
5
5
  <title>Making The Most of Images and Photos</title>
6
6
 
7
7
  <formalpara>
8
8
    <title>Objectives</title>
9
9
 
10
 
    <para>In this lesson, you will learn to: <itemizedlist>
 
10
    <para>In this lesson, you will learn to:</para></formalpara>
 
11
        <itemizedlist>
11
12
        <listitem>
12
13
          <para>View and edit images</para>
13
14
        </listitem>
15
16
        <listitem>
16
17
          <para>Scan and send images</para>
17
18
        </listitem>
18
 
      </itemizedlist></para>
19
 
  </formalpara>
 
19
       
 
20
      </itemizedlist>
 
21
  
20
22
 
21
23
  <note userlevel="instructor">
22
24
    <title>Instructor Notes:</title>
23
25
 
24
26
    <para><emphasis role="italic">It is advisable to cover all the topics
25
27
    during the training. However, if you fall short of time then cover only
26
 
    the following topics:</emphasis> <itemizedlist>
 
28
    the following topics:</emphasis> 
 
29
    <itemizedlist>
27
30
        <listitem>
28
31
          <para><emphasis role="italic">Introducing Graphics
29
32
          Applications</emphasis></para>
30
33
        </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
 
34
                 <listitem>
 
35
          <para><emphasis role="italic">Managing and Viewing Photos with
39
36
          F-Spot</emphasis></para>
40
37
        </listitem>
41
38
 
67
64
      <para>The following applications are included in the Ubuntu installation
68
65
      package: <itemizedlist>
69
66
          <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
67
            <para><emphasis role="strong">GIMP Image Editor:</emphasis> An
78
68
            image editor used for advanced image creation and editing such as
79
69
            changing the contrast, colour or the texture of an image.</para>
235
225
    graphics applications and how to use them.</para>
236
226
  </sect1>
237
227
 
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>
 
228
  <sect1>  
 
229
 
 
230
    <title>Viewing and Managing Photos with F-Spot</title>
725
231
 
726
232
    <note userlevel="instructor">
727
233
      <title>Instructor Notes:</title>
1025
531
          </listitem>
1026
532
        </itemizedlist></para>
1027
533
    </sect2>
1028
 
  </sect1>
1029
 
 
 
534
    <sect2>
 
535
      <title>Removing Red Eye</title>
 
536
 
 
537
      <para>In some cameras, the proximity of the flash to the lens causes the
 
538
      light from the flash to reflect from the subject's retina to the lens,
 
539
      leaving a red eye mark on the image. Referred to as a red eye, the size
 
540
      of the mark depends on the amount of light reflected. F-Spot Photo Manager
 
541
      software can be used to remove the red eye from images.</para>
 
542
      
 
543
          <figure float="0">
 
544
            <title>Image with a Red Eye</title>
 
545
 
 
546
            <mediaobject>
 
547
              <imageobject>
 
548
                <imagedata fileref="images/Lesson08_images_014.png"
 
549
                           format="PNG" width="7cm" />
 
550
              </imageobject>
 
551
            </mediaobject>
 
552
          </figure>
 
553
          
 
554
      <procedure>
 
555
        <title>To remove red eye from an image:</title>
 
556
          
 
557
        <step performance="required">
 
558
          <para>In the <emphasis role="strong">F-spot Photo Manager</emphasis> window,
 
559
          click the thumbnail of the image that has a red eye. Click the <emphasis
 
560
          role="strong">Edit</emphasis> button in the navigation toolbar.  Use your mouse to select the area
 
561
          you wish to correct on the image.  You can zoom in on the area by using the slider bar in the bottom 
 
562
          of the work area.</para>
 
563
 
 
564
 
 
565
          <figure float="0">
 
566
            <title>Removing Red Eye</title>
 
567
 
 
568
            <mediaobject>
 
569
              <imageobject>
 
570
                <imagedata fileref="images/Lesson08_images_015.png"
 
571
                           format="PNG" width="10cm" />
 
572
              </imageobject>
 
573
            </mediaobject>
 
574
          </figure>
 
575
          </step>
 
576
        
 
577
        <step performance="required">
 
578
          <para>Click the <emphasis
 
579
          role="strong">Redeye Removal</emphasis> icon underneath the image. F-spot automatically corrects
 
580
          the image.</para>
 
581
          <note>
 
582
            <title>Note:</title>
 
583
 
 
584
            <para>The edited image also replaces the image stored on your
 
585
            computer. Ensure that you save a copy of the image before editing
 
586
            it.</para>
 
587
          
 
588
          </note>
 
589
          </step>
 
590
      </procedure>
 
591
    </sect2>
 
592
  </sect1>
 
593
<sect1>
 
594
    <title>The GIMP</title>
 
595
 
 
596
    <para>GNU Image Manipulation Programme (GIMP) is the default graphic
 
597
    application in Ubuntu, licensed under the GNU General Public License. It
 
598
    is an open-source multi-platform image manipulation tool, available in
 
599
    many languages. You can use GIMP to re-touch photos, compose and create
 
600
    images, re-size, crop, manipulate colours and convert image
 
601
    formats.</para>
 
602
 
 
603
    <para>GIMP has a number of useful features: <itemizedlist>
 
604
        <listitem>
 
605
          <para>A full suite of painting tools, including brushes, a pencil
 
606
          and an airbrush</para>
 
607
        </listitem>
 
608
 
 
609
        <listitem>
 
610
          <para>Selection tools such as rectangle, ellipse, free, fuzzy and
 
611
          bezier</para>
 
612
        </listitem>
 
613
 
 
614
        <listitem>
 
615
          <para>Transformation tools such as rotate, scale, shear and
 
616
          flip</para>
 
617
        </listitem>
 
618
 
 
619
        <listitem>
 
620
          <para>Tile-based memory management so that the image size is limited
 
621
          only by available disk space</para>
 
622
        </listitem>
 
623
 
 
624
        <listitem>
 
625
          <para>Multiple undo/re-do operations limited only by disk
 
626
          space</para>
 
627
        </listitem>
 
628
 
 
629
        <listitem>
 
630
          <para>Advanced scripting capabilities</para>
 
631
        </listitem>
 
632
 
 
633
        <listitem>
 
634
          <para>Layers and channels for complex drawings</para>
 
635
        </listitem>
 
636
 
 
637
        <listitem>
 
638
          <para>Sub-pixel sampling for all paint tools to minimise distortion
 
639
          while representing high-resolution images in lower resolution or
 
640
          stretched mode</para>
 
641
        </listitem>
 
642
 
 
643
        <listitem>
 
644
          <para>Full alpha channel support to simulate transparency in
 
645
          images</para>
 
646
        </listitem>
 
647
 
 
648
        <listitem>
 
649
          <para>Support for multiple file formats, including GIF, JPEG, PNG,
 
650
          XPM, TIFF, TGA, MPEG, PS, PDF, PCX and BMP</para>
 
651
        </listitem>
 
652
      </itemizedlist></para>
 
653
 
 
654
    <procedure>
 
655
      <title>To launch GIMP from the desktop:</title>
 
656
 
 
657
      <step performance="required">
 
658
        <para>On the <emphasis role="strong">Applications</emphasis> menu,
 
659
        point to <emphasis role="strong">Graphics</emphasis> and click
 
660
        <emphasis role="strong">GIMP Image Editor</emphasis>. The <emphasis
 
661
        role="strong">GIMP Tip of the Day</emphasis> prompt is displayed.
 
662
        Click <emphasis role="strong">Close</emphasis> on the <emphasis
 
663
        role="strong">GIMP Tip of the Day</emphasis> prompt. The <emphasis
 
664
        role="strong">GIMP</emphasis> window opens.</para>
 
665
 
 
666
        <figure float="0">
 
667
          <title>GIMP Tip of the Day Dialogue Box</title>
 
668
 
 
669
          <mediaobject>
 
670
            <imageobject>
 
671
              <imagedata fileref="images/Lesson08_images_017.png" format="PNG"
 
672
                         width="6cm" />
 
673
            </imageobject>
 
674
          </mediaobject>
 
675
        </figure>
 
676
 
 
677
        <tip>
 
678
          <title>Nice to Know:</title>
 
679
 
 
680
          <para>The GIMP mascot is a coyote named Wilber. He provides useful
 
681
          tips while you use the application. If you do not want to see the
 
682
          tips, clear the <emphasis role="strong">Show tip next time GIMP
 
683
          starts</emphasis> check box.</para>
 
684
        </tip>
 
685
      </step>
 
686
 
 
687
      <step performance="required">
 
688
        <para>To open an image for modification, on the <emphasis
 
689
        role="strong">File</emphasis> menu, click <emphasis
 
690
        role="strong">Open</emphasis> and select the image you want to
 
691
        modify.</para>
 
692
 
 
693
        <figure float="0">
 
694
          <title>Opening an Image for Editing</title>
 
695
 
 
696
          <mediaobject>
 
697
            <imageobject>
 
698
              <imagedata fileref="images/Lesson08_images_018.png" format="PNG"
 
699
                         width="11cm" />
 
700
            </imageobject>
 
701
          </mediaobject>
 
702
        </figure>
 
703
      </step>
 
704
 
 
705
      <step performance="required">
 
706
        <para>The selected image opens in the <emphasis
 
707
        role="strong">Image</emphasis> window.</para>
 
708
 
 
709
        <figure float="0">
 
710
          <title>Editing Image</title>
 
711
 
 
712
          <mediaobject>
 
713
            <imageobject>
 
714
              <imagedata fileref="images/Lesson08_images_019.png" format="PNG"
 
715
                         width="11cm" />
 
716
            </imageobject>
 
717
          </mediaobject>
 
718
        </figure>
 
719
 
 
720
        <para>You can now modify the image by using the tools available in the
 
721
        <emphasis role="strong">GIMP</emphasis> window.</para>
 
722
 
 
723
        <tip>
 
724
          <title>Nice to Know:</title>
 
725
 
 
726
          <para>You can drag and drop a colour from the toolbox or from a
 
727
          colour palette onto an image. This fills the current image or
 
728
          selection with the selected colour.</para>
 
729
        </tip>
 
730
 
 
731
        <note userlevel="instructor">
 
732
          <title>Instructor Notes:</title>
 
733
 
 
734
          <para>If time permits, allow students to familiarise themselves with
 
735
          GIMP. Ask students to open an image and perform basic operations
 
736
          such as cropping the image, inserting text into the image, rotating
 
737
          the layer and smudging the image by using the available
 
738
          tools.</para>
 
739
        </note>
 
740
      </step>
 
741
    </procedure>
 
742
  </sect1>
 
743
 
 
744
 
1030
745
  <sect1>
1031
746
    <title>Drawing with Inkscape</title>
1032
747
 
1056
771
      <note>
1057
772
        <title>Note:</title>
1058
773
 
1059
 
        <para>Your computer should be connected to the Internet while
 
774
        <para>Your computer must be connected to the Internet while
1060
775
        installing the application from the repositories.</para>
1061
776
      </note>
1062
777
 
1437
1152
 
1438
1153
          <itemizedlist>
1439
1154
            <listitem>
1440
 
              <para>The <emphasis role="strong">gThumb Image Viewer</emphasis>
1441
 
              enables you to import pictures, create a photo CD, display
 
1155
              <para>The <emphasis role="strong">F-Spot Photo Manager</emphasis>
 
1156
              enables you to import pictures, organise your photos using tags, create a photo CD, display
1442
1157
              photos as a slide show and create albums of your photo
1443
1158
              collection for the Web.</para>
1444
1159
            </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
1160
          </itemizedlist>
1455
1161
        </listitem>
1456
1162
 
1478
1184
        <question>
1479
1185
          <para>Which of the default graphics applications provides the option
1480
1186
          to display only a category of images from a randomly stored pool of
1481
 
          images? (Choose two).</para>
 
1187
          images?.</para>
1482
1188
 
1483
1189
          <para>a) Inkscape</para>
1484
1190
 
1485
 
          <para>b) gThumb</para>
1486
 
 
1487
 
          <para>c) F-Spot</para>
1488
 
 
1489
 
          <para>d) Xsane</para>
1490
 
 
1491
 
          <para>e) GIMP</para>
 
1191
          <para>b) F-Spot</para>
 
1192
 
 
1193
          <para>c) Xsane</para>
 
1194
 
 
1195
          <para>d) GIMP</para>
1492
1196
        </question>
1493
1197
 
1494
1198
        <answer>
1495
 
          <para>b) gThumb and c) F-Spot</para>
 
1199
          <para>b) F-Spot</para>
1496
1200
        </answer>
1497
1201
      </qandaentry>
1498
1202
 
1515
1219
 
1516
1220
        <answer>
1517
1221
          <para>No, Ubuntu automatically identifies plug-and-play devices.
1518
 
          F-Spot or gThumb identify the connected device and enable you to
 
1222
          F-Spot Photo Manager can identify the connected device and enable you to
1519
1223
          import images directly from the application interface.</para>
1520
1224
        </answer>
1521
1225
      </qandaentry>
1526
1230
    <title>Lab Exercise</title>
1527
1231
 
1528
1232
    <formalpara>
1529
 
      <title>Exercise 1: Creating a Web Album by using gThumb</title>
 
1233
      <title>Exercise 1: Creating a Web Album by using F-Spot</title>
1530
1234
 
1531
1235
      <para>You have just returned from a vacation with your friends. You
1532
1236
      decide to write about this experience on your blog and post some
1539
1243
      <title>To perform the required task:</title>
1540
1244
 
1541
1245
      <step performance="required">
1542
 
        <para>Launch <emphasis role="strong">gThumb</emphasis>. The <emphasis
1543
 
        role="strong">Desktop/Images</emphasis> window is displayed.</para>
 
1246
        <para>Launch <emphasis role="strong">F-Spot Photo Manager</emphasis>. The default 
 
1247
        window is displayed.</para>
1544
1248
      </step>
1545
1249
 
1546
1250
      <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>
 
1251
        <para>Click <emphasis role="strong">Import</emphasis> on the
 
1252
        navigation bar. Navigate to the folder containing the photos <emphasis role="strong">Open</emphasis>. 
 
1253
        The workspace displays all the images available in the folder.</para>
1551
1254
      </step>
1552
1255
 
1553
1256
      <step performance="required">
1555
1258
      </step>
1556
1259
 
1557
1260
      <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>
 
1261
        <para>Click <emphasis role="strong">Copy</emphasis> to import the selected photos. F-Spot 
 
1262
        displays the photos in the preview window.</para>
 
1263
      </step>
 
1264
 
 
1265
      <step performance="required">
 
1266
        <para>In the preview window,select the photos you want include or use <emphasis
 
1267
        role="strong">Select All</emphasis> from the <emphasis
 
1268
        role="strong">Edit</emphasis> menu.</para>
 
1269
      </step>
 
1270
 
 
1271
      <step performance="required">
 
1272
        <para>In the <emphasis
 
1273
        role="strong">Photo menu</emphasis>, select the <emphasis
 
1274
        role="strong">Export to</emphasis> and then <emphasis
 
1275
        role="strong">Web Gallery</emphasis>. </para>
 
1276
      </step>
 
1277
      <step performance="required">
 
1278
        <para>You will need to enter the name of the Gallery, as well as the URL and log-in information for
 
1279
        the site. F-Spot will then upload the selected items to the website.</para>
1666
1280
      </step>
1667
1281
    </procedure>
1668
1282
  </sect1>