[gimp-help-2] Cleaned quickies and images
- From: Julien Hardlin <jhardlin src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gimp-help-2] Cleaned quickies and images
- Date: Thu, 14 Apr 2011 06:24:51 +0000 (UTC)
commit f07b48e9121d49181acfcc50107fc9b80056c671
Author: Julien Hardelin <jm hard wanadoo fr>
Date: Thu Apr 14 08:24:24 2011 +0200
Cleaned quickies and images
.../tutorials/quickie-background-alpha-result.png | Bin 17484 -> 17062 bytes
.../tutorials/quickie-background-color-result.png | Bin 17244 -> 17269 bytes
.../quickie-background-desaturate-result.png | Bin 53557 -> 53642 bytes
.../C/tutorials/quickie-background-desaturate.png | Bin 34383 -> 0 bytes
.../quickie-background-foreground-select.jpg | Bin 0 -> 22958 bytes
.../quickie-background-foreground-select.png | Bin 52099 -> 0 bytes
.../C/tutorials/quickie-background-free-select.jpg | Bin 0 -> 26860 bytes
.../C/tutorials/quickie-background-free-select.png | Bin 55455 -> 0 bytes
images/C/tutorials/quickie-background-scissors.jpg | Bin 0 -> 27808 bytes
images/C/tutorials/quickie-background-scissors.png | Bin 53657 -> 0 bytes
.../tutorials/quickie-background-select-invert.png | Bin 55599 -> 0 bytes
images/C/tutorials/quickie-background-selected.png | Bin 57348 -> 0 bytes
images/C/tutorials/quickie-crop-step1.png | Bin 56570 -> 56393 bytes
images/C/tutorials/quickie-crop-step2.png | Bin 56158 -> 55982 bytes
.../quickie-export-image-dialog-file-type.png | Bin 36867 -> 0 bytes
images/C/tutorials/quickie-export-jpeg-dialog1.png | Bin 31299 -> 0 bytes
images/C/tutorials/quickie-info-dialog.png | Bin 37651 -> 0 bytes
images/C/tutorials/quickie-info-menu.png | Bin 62041 -> 61878 bytes
images/C/tutorials/quickie-jpeg-dialog.png | Bin 31084 -> 30853 bytes
images/C/tutorials/quickie-jpeg-dialog2.png | Bin 36628 -> 36404 bytes
images/C/tutorials/quickie-mode-indexed.png | Bin 43044 -> 0 bytes
images/C/tutorials/quickie-print-size.png | Bin 34606 -> 0 bytes
.../tutorials/quickie-remove-background-source.jpg | Bin 25315 -> 142673 bytes
.../quickie-save-image-dialog-file-type.png | Bin 36775 -> 36575 bytes
images/C/tutorials/quickie-scale-menu.png | Bin 87671 -> 87543 bytes
src/tutorial/quickies.xml | 230 +++++++++++++-------
26 files changed, 147 insertions(+), 83 deletions(-)
---
diff --git a/images/C/tutorials/quickie-background-alpha-result.png b/images/C/tutorials/quickie-background-alpha-result.png
index 8092d7d..5d515a0 100644
Binary files a/images/C/tutorials/quickie-background-alpha-result.png and b/images/C/tutorials/quickie-background-alpha-result.png differ
diff --git a/images/C/tutorials/quickie-background-color-result.png b/images/C/tutorials/quickie-background-color-result.png
index 4470c2d..eb70a1e 100644
Binary files a/images/C/tutorials/quickie-background-color-result.png and b/images/C/tutorials/quickie-background-color-result.png differ
diff --git a/images/C/tutorials/quickie-background-desaturate-result.png b/images/C/tutorials/quickie-background-desaturate-result.png
index 4a404f2..be7f47f 100644
Binary files a/images/C/tutorials/quickie-background-desaturate-result.png and b/images/C/tutorials/quickie-background-desaturate-result.png differ
diff --git a/images/C/tutorials/quickie-background-foreground-select.jpg b/images/C/tutorials/quickie-background-foreground-select.jpg
new file mode 100644
index 0000000..76c9f66
Binary files /dev/null and b/images/C/tutorials/quickie-background-foreground-select.jpg differ
diff --git a/images/C/tutorials/quickie-background-free-select.jpg b/images/C/tutorials/quickie-background-free-select.jpg
new file mode 100644
index 0000000..30160cd
Binary files /dev/null and b/images/C/tutorials/quickie-background-free-select.jpg differ
diff --git a/images/C/tutorials/quickie-background-scissors.jpg b/images/C/tutorials/quickie-background-scissors.jpg
new file mode 100644
index 0000000..bbf78d4
Binary files /dev/null and b/images/C/tutorials/quickie-background-scissors.jpg differ
diff --git a/images/C/tutorials/quickie-crop-step1.png b/images/C/tutorials/quickie-crop-step1.png
index be21ee8..47c228f 100644
Binary files a/images/C/tutorials/quickie-crop-step1.png and b/images/C/tutorials/quickie-crop-step1.png differ
diff --git a/images/C/tutorials/quickie-crop-step2.png b/images/C/tutorials/quickie-crop-step2.png
index b687139..4992ff2 100644
Binary files a/images/C/tutorials/quickie-crop-step2.png and b/images/C/tutorials/quickie-crop-step2.png differ
diff --git a/images/C/tutorials/quickie-info-menu.png b/images/C/tutorials/quickie-info-menu.png
index 35c8e99..6cd20d3 100644
Binary files a/images/C/tutorials/quickie-info-menu.png and b/images/C/tutorials/quickie-info-menu.png differ
diff --git a/images/C/tutorials/quickie-jpeg-dialog.png b/images/C/tutorials/quickie-jpeg-dialog.png
index 6328a45..9aa6484 100644
Binary files a/images/C/tutorials/quickie-jpeg-dialog.png and b/images/C/tutorials/quickie-jpeg-dialog.png differ
diff --git a/images/C/tutorials/quickie-jpeg-dialog2.png b/images/C/tutorials/quickie-jpeg-dialog2.png
index 5e51081..3237231 100644
Binary files a/images/C/tutorials/quickie-jpeg-dialog2.png and b/images/C/tutorials/quickie-jpeg-dialog2.png differ
diff --git a/images/C/tutorials/quickie-remove-background-source.jpg b/images/C/tutorials/quickie-remove-background-source.jpg
index f84baa0..444ea27 100644
Binary files a/images/C/tutorials/quickie-remove-background-source.jpg and b/images/C/tutorials/quickie-remove-background-source.jpg differ
diff --git a/images/C/tutorials/quickie-save-image-dialog-file-type.png b/images/C/tutorials/quickie-save-image-dialog-file-type.png
index 000ad0e..9fd9d24 100644
Binary files a/images/C/tutorials/quickie-save-image-dialog-file-type.png and b/images/C/tutorials/quickie-save-image-dialog-file-type.png differ
diff --git a/images/C/tutorials/quickie-scale-menu.png b/images/C/tutorials/quickie-scale-menu.png
index 2b24069..bf17504 100644
Binary files a/images/C/tutorials/quickie-scale-menu.png and b/images/C/tutorials/quickie-scale-menu.png differ
diff --git a/src/tutorial/quickies.xml b/src/tutorial/quickies.xml
index 7c19107..4410385 100644
--- a/src/tutorial/quickies.xml
+++ b/src/tutorial/quickies.xml
@@ -20,11 +20,12 @@
<acronym>GIMP</acronym> is a powerful image editing program with many
options and tools. However, it is also well suited for smaller tasks. The
following tutorials are meant for those who want to achieve these common
- tasks without having to learn all the intricacies of GIMP and computer
- graphics in general.</para>
+ tasks without having to learn all the intricacies of <acronym>GIMP</acronym>
+ and computer graphics in general.</para>
<para>Hopefully, these tutorials will not only help you with your current
task, but also get you ready to learn more complex tools and methods later,
when you have the time and inspiration.</para>
+
<para>All you need to know to start this tutorial, is how to find and open
your image. (
<menuchoice moreinfo="none">
@@ -32,6 +33,7 @@
<guimenuitem moreinfo="none">Open</guimenuitem>
</menuchoice> from the Image window).</para>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-scale">
<title>Change the Size of an Image for the screen</title>
<indexterm significance="normal">
@@ -39,11 +41,13 @@
</indexterm>
<indexterm significance="normal">
<primary>Image</primary>
- <secondary>scale</secondary>
+ <secondary>Scale</secondary>
</indexterm>
+
<para>You have a huge image, possibly from a digital camera, and you want
to resize it so that it displays nicely on a web page, online board or
email message.</para>
+
<figure float="0">
<title>Example Image for Scaling</title>
<mediaobject>
@@ -53,6 +57,7 @@
</imageobject>
</mediaobject>
</figure>
+
<para>The first thing that you might notice after opening the image, is
that
<acronym>GIMP</acronym> opens the image at a logical size for viewing. If
@@ -60,10 +65,12 @@
<acronym>GIMP</acronym> sets the zoom so that it displays nicely on the
screen. The zoom level is shown in the status area at the bottom of the
Image window. This does not change the actual image.</para>
+
<para>The other thing to look at in the title-bar is the mode. If the mode
- shows as RGB in the title bar, you are fine. If the mode says Indexed or
- grayscale, read the
+ shows as RGB in the title bar, you are fine. If the mode says <guilabel>
+ Indexed</guilabel> or <guilabel>Grayscale</guilabel>, read the
<xref linkend="gimp-tutorial-quickie-change-mode" />.</para>
+
<figure float="0">
<title>GIMP Used for Image Scaling</title>
<mediaobject>
@@ -73,14 +80,17 @@
</imageobject>
</mediaobject>
</figure>
+
<para>Use
<menuchoice moreinfo="none">
<guimenu moreinfo="none">Image</guimenu>
<guimenuitem moreinfo="none">Scale Image</guimenuitem>
- </menuchoice> to open the Scale Image dialog. You can right click on the
+ </menuchoice> to open the <quote>Scale Image</quote> dialog. You can right
+ click on the
image to open the menu, or use the menu along the top of the Image window.
- Notice that the Scale Image menu item contains three dots, which is a hint
- that a dialog will be opened.</para>
+ Notice that the <quote>Scale Image</quote> menu item contains three dots,
+ which is a hint that a dialog will be opened.</para>
+
<figure float="0">
<title>Dialog for Image Scaling in Pixels</title>
<mediaobject>
@@ -90,6 +100,7 @@
</imageobject>
</mediaobject>
</figure>
+
<para>The unit of size for the purpose of displaying an image on a screen
is the pixel. You can see the dialog has two sections: one for
<guilabel moreinfo="none">width</guilabel> and
@@ -103,6 +114,7 @@
purpose of displaying an image on a screen, you can ignore the resolution
parameter. For the same reason, do not use any size unit other than the
pixel in the height / width fields.</para>
+
<para>If you know the desired width, enter it in the dialog at the top
where it says
<guilabel moreinfo="none">Width</guilabel>. This is shown in the figure
@@ -112,6 +124,7 @@
display and 1920 pixels for an HD screen. for the purpose of displaying an
image on-line, a width of 600 to 800 pixels offers a good
compromise.</para>
+
<para>When you change one of the image's dimensions,
<acronym>GIMP</acronym> changes the other dimension proportionally. To
change the other dimension, see
@@ -119,6 +132,7 @@
change the two dimensions arbitrarily, the image might become stretched or
squashed.</para>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-scale-print">
<title>Change the Size of an Image for print</title>
<indexterm significance="normal">
@@ -128,6 +142,7 @@
<primary>Image</primary>
<secondary>scale</secondary>
</indexterm>
+
<para>As discussed before, pixels don't have a set size in the real world.
When you set out to print an image on paper,
<acronym>GIMP</acronym> needs to know how big each pixels is. We use a
@@ -138,33 +153,35 @@
screens in the past, and means that when printed, every pixel is 1/72 of an
inch wide. When printing images are taken with modern digital cameras, this
produces very large but chunky images with visible pixels. What we want to
- do is tell
- <acronym>GIMP</acronym> to print it with the size we have in mind, but not
- alter the pixel data so as not to lose quality.</para>
+ do is tell <acronym>GIMP</acronym> to print it with the size we have in
+ mind, but not alter the pixel data so as not to lose quality.</para>
+
<para>To change the print size use
<menuchoice moreinfo="none">
<guimenu moreinfo="none">Image</guimenu>
<guimenuitem moreinfo="none">Print Size</guimenuitem>
- </menuchoice> to open the Print Size dialog. Select a size unit you are
- comfortable with, such as <quote>inches</quote>. Set one dimension, and let
- <acronym>GIMP</acronym> change the other one proportionally. Now examine the
- change in resolution. If the resolution is 300 pixels per Inch or over, the
- printed image's quality will be very high and pixels will not be
- noticeable. With a resolution of between 200 and 150 ppi, pixels will be
- somewhat noticeable, but the image will be fine as long as its not
- inspected too closely. Values lower than 100 are visibly coarse and should
- only be used for material that is seen from a distance, such as signs or
- large posters.</para>
+ </menuchoice> to open the <quote>Print Size</quote> dialog. Select a size
+ unit you are comfortable with, such as <quote>inches</quote>. Set one
+ dimension, and let <acronym>GIMP</acronym> change the other one
+ proportionally. Now examine the change in resolution. If the resolution is
+ 300 pixels per Inch or over, the printed image's quality will be very high
+ and pixels will not be noticeable. With a resolution of between 200 and
+ 150 ppi, pixels will be somewhat noticeable, but the image will be fine as
+ long as its not inspected too closely. Values lower than 100 are visibly
+ coarse and should only be used for material that is seen from a distance,
+ such as signs or large posters.</para>
+
<figure float="0">
<title>Dialog for Setting Print Size</title>
<mediaobject>
<imageobject>
<imagedata format="PNG"
- fileref="images/tutorials/quickie-print-size.png" />
+ fileref="images/menus/image/print-size.png" />
</imageobject>
</mediaobject>
</figure>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-jpeg">
<title>Compressing Images</title>
<indexterm significance="normal">
@@ -183,23 +200,26 @@
</imageobject>
</mediaobject>
</figure>
+
<para>If you have images that take up a large space on disk, you can reduce
that space even without changing the image dimensions. The best image
- compression is achieved by using the
- <acronym>JPG</acronym> format, but even if the image is already in this
- format, you can usually still make it take up less space, as the JPG format
- has an adaptive compression scheme that allows saving in varying levels of
- compression. The trade-off is that the less space an image takes, the more
- detail from the original image you lose. You should also be aware that
- repeated saving in the JPG format causes more and more image degradation.
+ compression is achieved by using the <acronym>JPG</acronym> format, but
+ even if the image is already in this format, you can usually still make it
+ take up less space, as the JPG format has an adaptive compression
+ scheme that allows saving in varying levels of compression. The trade-off
+ is that the less space an image takes, the more detail from the original
+ image you lose. You should also be aware that repeated saving in the JPG
+ format causes more and more image degradation.
</para>
+
<para>To save you image as a JPG file, therefore, use
<menuchoice moreinfo="none">
<guimenu moreinfo="none">File</guimenu>
<guimenuitem moreinfo="none">Save As</guimenuitem>
- </menuchoice> to open the Save As dialog.</para>
+ </menuchoice> to open the <quote>Save As</quote> dialog.</para>
+
<figure float="0">
- <title>Save As Dialog</title>
+ <title><quote>Save As</quote> Dialog</title>
<mediaobject>
<imageobject>
<imagedata format="PNG"
@@ -207,24 +227,24 @@
</imageobject>
</mediaobject>
</figure>
+
<para>The dialog opens with the file name already typed in the Name box.
- If the image is not a
- <acronym>JPG</acronym> image, delete the existing extension and type JPG
- instead, and
- <acronym>GIMP</acronym> will determine the file type from the file
- extension. Use the file extension list, circled in the figure above, to see
- the types supported by
+ If the image is not a <acronym>JPG</acronym> image, delete the existing
+ extension and type JPG instead, and <acronym>GIMP</acronym> will determine
+ the file type from the file extension. Use the file extension list,
+ circled in the figure above, to see the types supported by
<acronym>GIMP</acronym>. The supported extensions change depending on your
- installed libraries. If
- <acronym>GIMP</acronym> complains, or if
+ installed libraries. If <acronym>GIMP</acronym> complains, or if
<quote>JPEG</quote> is grayed out in the Extensions menu, cancel out of
everything and step through the
<xref linkend="gimp-tutorial-quickie-change-mode" />. Once you have done
- this, click Save. This opens the Save as JPEG dialog that contains the
- quality control.</para>
+ this, click <guibutton>Save</guibutton>. This opens the <quote>Save as"
+ </quote> JPEG dialog that contains the quality control.</para>
+
<para>The <quote>Save as JPEG</quote> dialog uses default values that
reduce size while retaining good visual quality; this is the safest and
quickest thing to do.</para>
+
<figure float="0">
<title><quote>Save as JPEG</quote> dialog with poor quality.</title>
<mediaobject>
@@ -234,15 +254,17 @@
</imageobject>
</mediaobject>
</figure>
+
<para>Reduce the image <guilabel>Quality</guilabel> to make the image even
- smaller. Reduced quality degrades the image, so be certain to check
+ smaller. Reduced quality degrades the image, so be certain to check
<quote>Show preview in image window</quote> to visually gauge the
- degradation. As shown in the figure above, a Quality setting of 10 produces
- a very poor quality image that uses very little disk space. The figure
- below shows a more reasonable image. A quality of 75 produces a reasonable
- image using much less disk space, which will, in turn, load much faster on
- a web page. Although the image is somewhat degraded, it is acceptable for
- the intended purpose.</para>
+ degradation. As shown in the figure above, a <guilabel>Quality</guilabel>
+ setting of 10 produces a very poor quality image that uses very little
+ disk space. The figure below shows a more reasonable image. A quality of
+ 75 produces a reasonable image using much less disk space, which will, in
+ turn, load much faster on a web page. Although the image is somewhat
+ degraded, it is acceptable for the intended purpose.</para>
+
<figure float="0">
<title>Dialog for Image Saving as JPEG</title>
<mediaobject>
@@ -252,8 +274,10 @@
</imageobject>
</mediaobject>
</figure>
+
<para>Finally, here is a comparison of the same picture with varying
degrees of compression:</para>
+
<figure float="0">
<title>Example for High JPEG Compression</title>
<mediaobject>
@@ -297,6 +321,7 @@
</mediaobject>
</figure>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-crop">
<title>Crop An Image</title>
<indexterm significance="normal">
@@ -306,6 +331,7 @@
<primary>Image</primary>
<secondary>crop</secondary>
</indexterm>
+
<figure float="0">
<title>Example Image for Cropping</title>
<mediaobject>
@@ -327,6 +353,7 @@
</caption>
</mediaobject>
</figure>
+
<para>There are many reasons to crop an image; for example, fitting an
image to fill a frame, removing a portion of the background to emphasize
the subject, etc. There are two methods to activate the crop tool. Click
@@ -345,6 +372,7 @@
</menuchoice> in the image window. This changes the cursor and allow you to
click and drag a rectangular shape. The button in the toolbox is the
easiest way to get to any of the tools.</para>
+
<figure float="0">
<title>Select a Region to Crop</title>
<mediaobject>
@@ -354,9 +382,11 @@
</imageobject>
</mediaobject>
</figure>
+
<para>Click on one corner of the desired crop area and drag your mouse to
create the crop rectangle. You don't have to be accurate as you can change
the exact shape of the rectangle later.</para>
+
<figure float="0">
<title>Dialog for Cropping</title>
<mediaobject>
@@ -372,6 +402,7 @@
</imageobject>
</mediaobject>
</figure>
+
<para>After completing the click and drag motion, a rectangle with special
regions is shown on the canvas. As the cursor is moved over the different
areas of the selected crop area, the cursor changes. You can then drag the
@@ -388,12 +419,13 @@
</menuchoice>). In the Tool Options dockable, check the mark next to
<guilabel>Fixed</guilabel> and make sure the drop-down box next to it is
set to <guilabel>Aspect Ratio</guilabel>. You can now type the desired
- aspect ratio on the text box below, such as
- <quote>1:1</quote>. You also have controls to change the aspect from
- landscape to portrait. After you set the aspect ratio, drag one of the
- corners of the crop rectangle to update it. The rectangle changes to the
- chosen ratio, and when you drag it should maintain that ratio.</para>
+ aspect ratio on the text box below, such as <quote>1:1</quote>. You also
+ have controls to change the aspect from landscape to portrait. After you
+ set the aspect ratio, drag one of the corners of the crop rectangle to
+ update it. The rectangle changes to the chosen ratio, and when you drag
+ it should maintain that ratio.</para>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-info">
<title>Find Info About Your Image</title>
<indexterm significance="normal">
@@ -403,15 +435,17 @@
<primary>Image</primary>
<secondary>information</secondary>
</indexterm>
+
<figure float="0">
<title>Finding Info</title>
<mediaobject>
<imageobject>
- <imagedata format="JPG"
+ <imagedata format="PNG"
fileref="images/tutorials/quickie-info-menu.png" />
</imageobject>
</mediaobject>
</figure>
+
<para>When you need to find out information about your image, Use
<menuchoice moreinfo="none">
<guimenu moreinfo="none">Image</guimenu>
@@ -419,16 +453,18 @@
</menuchoice> to open the <quote>Image Properties</quote> dialog,
which contains information about the image size, resolution, mode
and much more.</para>
+
<figure float="0">
- <title>Image Properties Dialog</title>
+ <title><quote>Image Properties</quote> Dialog</title>
<mediaobject>
<imageobject>
<imagedata format="PNG"
- fileref="images/tutorials/quickie-info-dialog.png" />
+ fileref="images/menus/image/properties.png" />
</imageobject>
</mediaobject>
</figure>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-change-mode">
<title>Change the Mode</title>
<indexterm significance="normal">
@@ -438,6 +474,7 @@
<primary>Image</primary>
<secondary>change Mode</secondary>
</indexterm>
+
<para>As with anything else, images come in different kinds and serve
different purposes. Sometimes, a small size is important (for web sites)
and at other times, retaining a high color depth (e.g., a family portrait)
@@ -446,6 +483,7 @@
converting between three fundamental modes, as seen in this menu. In order
to switch your image to one of these modes, you open it and follow that
menu and click the mode you want.</para>
+
<figure float="0">
<title>Dialog for changing the mode</title>
<mediaobject>
@@ -455,6 +493,7 @@
</imageobject>
</mediaobject>
</figure>
+
<para>
<emphasis>RGB</emphasis>- This is the default mode, used for high-quality
images, and able to display millions of colors. This is also the mode for
@@ -463,24 +502,26 @@
G->Green, B->Blue. Each of these in turn can have an intensity value
of 0-255. What you see at every pixel is an additive combination of these
three components.</para>
+
<para>
<emphasis>Indexed</emphasis>- This is the mode usually used when file size
is of concern, or when you are working with images with few colors. It
involves using a fixed number of colors (256 or less) for the entire image
to represent colors. By default, when you change an image to a palleted
- image,
- <acronym>GIMP</acronym> generates an
- <quote>optimum palette</quote> to best represent your image.</para>
+ image, <acronym>GIMP</acronym> generates an <quote>optimum palette</quote>
+ to best represent your image.</para>
+
<figure float="0">
<title>Dialog
<quote>Change to Indexed Colors</quote> </title>
<mediaobject>
<imageobject>
<imagedata format="PNG"
- fileref="images/tutorials/quickie-mode-indexed.png" />
+ fileref="images/dialogs/image-mode-indexed.png" />
</imageobject>
</mediaobject>
</figure>
+
<para>As you might expect, since the information needed to represent the
color at each pixel is less, the file size is smaller. However, sometimes,
there are options in the various menus that are grayed-out for no apparent
@@ -494,6 +535,7 @@
<guimenuitem moreinfo="none">Transparency</guimenuitem>
<guimenuitem moreinfo="none">Add Alpha Channel</guimenuitem>
</menuchoice>.</para>
+
<figure float="0">
<title>Add Alpha Channel</title>
<mediaobject>
@@ -504,14 +546,17 @@
</mediaobject>
</figure>
<para>
+
<emphasis>Grayscale</emphasis>- Grayscale images have only shades of gray.
This mode has some specific uses and takes less space on the hard drive in
some formats, but is not recommended for general use as reading it is not
supported by many applications.</para>
+
<para>There is no need to convert an image to a specific mode before saving
- it in your favorite format, as
- <acronym>GIMP</acronym> is smart enough to properly export the image.</para>
+ it in your favorite format, as <acronym>GIMP</acronym> is smart enough to
+ properly export the image.</para>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-flip">
<title>Flip An Image</title>
<indexterm significance="normal">
@@ -521,6 +566,7 @@
<primary>Image</primary>
<secondary>Flip</secondary>
</indexterm>
+
<para>Use this option when you need the person in the photo looking in the
other direction, or you need the top of the image to be the bottom. Use
<menuchoice moreinfo="none">
@@ -537,6 +583,7 @@
</guiicon> button on the toolbox. After selecting the flip tool from the
toolbox, click inside the canvas. Controls in the Tool Options dockable let
you switch between Horizontal and Vertical modes.</para>
+
<figure float="0">
<title>Dialog
<quote>Flip an Image</quote> </title>
@@ -547,14 +594,16 @@
</imageobject>
</mediaobject>
</figure>
+
<para>After selecting the flip tool from the toolbox, click inside the
canvas. The tool flips the image horizontally. Use the options dialog to
switch between horizontal and vertical. If it is not already displayed in
the dock under the toolbox, double click the toolbox button. You can also
- use the
- <keycap moreinfo="none">Ctrl</keycap> key to switch between horizontal and
- vertical.</para>
+ use the <keycap moreinfo="none">Ctrl</keycap> key to switch between
+ horizontal and vertical.</para>
+
<para>In the images below, all possible flips are demonstrated:</para>
+
<figure id="quickie-flip-images" float="0">
<title>Example Image to Flip</title>
<informalfigure float="0">
@@ -599,6 +648,7 @@
</informalfigure>
</figure>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-rotate">
<title>Rotate An Image</title>
<indexterm significance="normal">
@@ -608,6 +658,7 @@
<primary>Image</primary>
<secondary>Rotate</secondary>
</indexterm>
+
<figure float="0">
<title>Menu for
<quote>Rotate An Image</quote> </title>
@@ -618,6 +669,7 @@
</imageobject>
</mediaobject>
</figure>
+
<para>Images that are taken with digital cameras sometimes need to be
rotated. To do this, use
<menuchoice moreinfo="none">
@@ -626,6 +678,7 @@
<guimenuitem moreinfo="none">Rotate 90° clockwise</guimenuitem>
</menuchoice> (or counter-clockwise). The images below demonstrate a 90
degrees CCW rotation.</para>
+
<figure float="0">
<title>Example for
<quote>Rotate An Image</quote> </title>
@@ -649,11 +702,13 @@
</mediaobject>
</figure>
</sect2>
+
<sect2 id="gimp-tutorial-quickie-separate">
<title>Separating an Object From Its Background</title>
<indexterm significance="normal">
<primary>Tutorial</primary>
</indexterm>
+
<figure float="0">
<title>Object with Background</title>
<mediaobject>
@@ -663,6 +718,7 @@
</imageobject>
</mediaobject>
</figure>
+
<para>Sometimes you need to separate the subject of an image from its
background. You may want to have the subject on a flat color, or keep the
background transparent so you can use it on an existing background, or any
@@ -674,6 +730,7 @@
using either freehand or straight lines. Use this when the subject has a
relatively simple shape. Read more about this tool here:
<xref linkend="gimp-tool-free-select" /></para>
+
<figure float="0">
<title>Free Select Tool</title>
<mediaobject>
@@ -684,16 +741,17 @@
<mediaobject>
<imageobject>
<imagedata format="JPG"
- fileref="images/tutorials/quickie-background-free-select.png" />
+ fileref="images/tutorials/quickie-background-free-select.jpg" />
</imageobject>
</mediaobject>
</figure>
+
<para>The <quote>Intelligent Scissors Select Tool</quote> lets you select
a freehand border and uses edge-recognition algorithms to better fit the
border around the object. Use this when the subject is complex but
distinct enough against its current background. Read more about this tool
- here:
- <xref linkend="gimp-tool-iscissors" /></para>
+ here: <xref linkend="gimp-tool-iscissors" /></para>
+
<figure float="0">
<title>Intelligent Scissors Select Tool</title>
<mediaobject>
@@ -705,15 +763,16 @@
<mediaobject>
<imageobject>
<imagedata format="JPG"
- fileref="images/tutorials/quickie-background-scissors.png" />
+ fileref="images/tutorials/quickie-background-scissors.jpg" />
</imageobject>
</mediaobject>
</figure>
+
<para>The <quote>Foreground Select Tool</quote> lets you mark areas as
- <quote>Foreground</quote> or
- <quote>Background</quote> and refines the selection automatically. Read more
- about this tool here:
+ <quote>Foreground</quote> or <quote>Background</quote> and refines the
+ selection automatically. Read more about this tool here:
<xref linkend="gimp-tool-foreground-select" /></para>
+
<figure float="0">
<title>Foreground Select Tool</title>
<mediaobject>
@@ -725,10 +784,11 @@
<mediaobject>
<imageobject>
<imagedata format="JPG"
- fileref="images/tutorials/quickie-background-foreground-select.png" />
+ fileref="images/tutorials/quickie-background-foreground-select.jpg" />
</imageobject>
</mediaobject>
</figure>
+
<para>Once you have selected your subject successfully, use
<menuchoice moreinfo="none">
<guimenu moreinfo="none">Select</guimenu>
@@ -736,17 +796,17 @@
</menuchoice>. Now, instead of the subject, the background is selected.
What you do now depends on what you intended to do with the
background.</para>
+
<itemizedlist>
<listitem>
<para>To fill the background with a single color:</para>
- <para>Click the background color picker in the toolbox and select the
- desired color. Next, use
- <menuchoice moreinfo="none">
- <guimenu moreinfo="none">Edit</guimenu>
- <guimenuitem moreinfo="none">Clear</guimenuitem>
- </menuchoice> or hit the
- <keycap moreinfo="none">Del</keycap> key on the keyboard to replace the
- background with your chosen color.</para>
+ <para>
+ Click the foreground color swatch (the top left of the two overlapping
+ colored rectangles) in the toolbox and select the desired color. Next,
+ use <xref linkend="gimp-tool-bucket-fill"/> to replace the background
+ with your chosen color.
+ </para>
+
<figure float="0">
<title>Result of Adding a Plain Color Background</title>
<mediaobject>
@@ -757,12 +817,13 @@
</mediaobject>
</figure>
</listitem>
+
<listitem>
<para>To make a transparent background:</para>
<para>Use
<menuchoice moreinfo="none">
- <guimenu moreinfo="none">Image</guimenu>
- <guisubmenu moreinfo="none">Transform</guisubmenu>
+ <guimenu moreinfo="none">Layer</guimenu>
+ <guisubmenu moreinfo="none">Transparence</guisubmenu>
<guimenuitem moreinfo="none">Add Alpha Channel</guimenuitem>
</menuchoice> to add an alpha channel. Next, use
<guimenu moreinfo="none">Edit</guimenu>
@@ -771,6 +832,7 @@
background. Please note that only a small subset of file formats
support transparent areas. Your best bet is to save your image as
PNG.</para>
+
<figure float="0">
<title>Result of Adding a Transparent Background</title>
<mediaobject>
@@ -781,6 +843,7 @@
</mediaobject>
</figure>
</listitem>
+
<listitem>
<para>To make a black-and-white background while keeping the subject in
color:</para>
@@ -790,6 +853,7 @@
<guimenuitem moreinfo="none">Desaturate</guimenuitem>
</menuchoice>. In the dialog that opens, cycle between the modes and
select the best-looking one, then click OK.</para>
+
<figure float="0">
<title>Result of Desaturating the Background</title>
<mediaobject>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
