Difference between revisions of "The Gimp"

From FreekiWiki
Jump to navigation Jump to search
 
(63 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
==About the class==
 
==About the class==
[[Image:Oso_speaks.gif|left|frame|Oso Says "Take the Gimp Class!]]April, 2005 was the first time [[User:Mnr|MNR]] offers a class on the Gimp at Free Geek, but it's far from the first time he's taught the subject. The Gimp is the image editing software distributed on [[FreekBox]]es - and used by all kinds of people to make cool pictures. This is an introductory-level class, and should be accessable to anyone who has mastered the material taught in the [[FreekBox Adoption Class]].
+
[[Image:Oso_speaks.gif|left|frame|Oso Says "Take the Gimp Class!]]The Gimp is the image editing software distributed on [[FreekBox]]es - and used by all kinds of people to make cool pictures. This is an introductory-level class, and should be accessable to anyone who has mastered the material taught in the [[FreekBox Adoption Class]].
 
<br style="clear:both" />
 
<br style="clear:both" />
  
Line 8: Line 8:
 
* [http://www.gimp.org/screenshots/ screenshots]
 
* [http://www.gimp.org/screenshots/ screenshots]
 
* [http://docs.gimp.org/en/ documentation]
 
* [http://docs.gimp.org/en/ documentation]
 +
* [http://en.wikipedia.org/wiki/Public_domain_images public domain images]
  
 
== Class 1: Starting and Selections ==
 
== Class 1: Starting and Selections ==
Line 15: Line 16:
 
* [http://en.wikipedia.org/wiki/XCF Opening files, Saving Files]
 
* [http://en.wikipedia.org/wiki/XCF Opening files, Saving Files]
 
* Freegeeks - Use Offline storage! Classroom machines are wiped clean every evening.
 
* Freegeeks - Use Offline storage! Classroom machines are wiped clean every evening.
* Palettes: [http://docs.gimp.org/en/ch02s03s02.html Tools] & Layers, (but not Channels or Paths)
+
* [http://docs.gimp.org/en/introduction.html#introduction-help Help! Using context sensitive help]
* [http://library.n0i.net/linux-unix/applications/graphics/gimp/teach%20yourself%20gimp%20in%2024%20hours/ch05/05-01.html Making selections]
+
* Palettes: [http://docs.gimp.org/en/concepts-beginners.html#gimp-concepts-toolbox Tools] & [http://docs.gimp.org/en/gimp-dialogs-structure.html#gimp-layer-dialog Layers], (but not Channels or Paths)
 +
* [http://www.gimphelp.org/selections1.html Making selections]
 
* Dealing with Floating Selections
 
* Dealing with Floating Selections
* Something fun - change the color of the background.
+
[[Image:World2.gif |left|frame]] Something fun - change the color of the background.
 
# use the elliptical select tool to select the earth in today's suggested image
 
# use the elliptical select tool to select the earth in today's suggested image
 
# float the selection
 
# float the selection
Line 25: Line 27:
 
# add a new layer with a colored background (shift - new layer)
 
# add a new layer with a colored background (shift - new layer)
 
# move the layers so the colored layer is underneath the earth
 
# move the layers so the colored layer is underneath the earth
 +
<br style="clear:both" />
  
 
== Class 2: Color select and Magic wand ==
 
== Class 2: Color select and Magic wand ==
[http://grin.hq.nasa.gov/IMAGES/MEDIUM/GPN-2000-000880.jpg Today's suggested image]
+
[http://grin.hq.nasa.gov/IMAGES/MEDIUM/GPN-2000-000880.jpg Right-click to download today's suggested image]
 
* Brief review
 
* Brief review
 
* [http://www.gimp.org/tutorials/Lite_Quickies/ Resizing images], resizing selections
 
* [http://www.gimp.org/tutorials/Lite_Quickies/ Resizing images], resizing selections
* Color Select Tool vs [http://www.gimp.org/tutorials/Changing_Background_Color_2/ select by color]
+
* [http://www.gimp.org/tutorials/Changing_Background_Color_2/ Color Select Tool]
* Magic Wand
+
* [http://docs.gimp.org/en/gimp-tool-fuzzy-select.html Magic Wand]
 +
* Something fun - Float the [http://www.estesrockets.com/images/cosmos_300.jpg rocket] or the [http://upload.wikimedia.org/wikipedia/commons/8/84/Chrysaora_jelly.jpg jellyfish] (right click on the link to download)
 +
# open today's suggested image
 +
# open the rocket or jellyfish
 +
# use the layer palette to add an alpha channel [http://manual.gimp.org/en/gimp-layer-alpha-add.html how to do it]
 +
# Remove the background of the rocket or jellyfish by clicking on the background with the magic wand or color selection tool. (hint - the rocket is easier)
 +
# drag the layer (from the rocket or jellyfish layer panel) into the space cloud image
  
 
== Class 3: Edges, tools, fills, paths ==
 
== Class 3: Edges, tools, fills, paths ==
[http://24.116.161.34/astro/astroalbum/Composites/planets.jpg Today's suggested image]
+
[http://memory.loc.gov/service/pnp/fsac/1a35000/1a35300/1a35371v.jpg Right click to download today's suggested image]
* Edge Select
+
* [http://docs.gimp.org/en/gimp-tool-iscissors.html Edge Select]
* Move, Rotate, shear, perspective & flip
+
* [http://docs.gimp.org/en/gimp-tool-move.html Move], [http://docs.gimp.org/en/gimp-tool-rotate.html Rotate], [http://docs.gimp.org/en/gimp-tool-shear.html shear], [http://docs.gimp.org/en/gimp-tool-perspective.html perspective] & [http://docs.gimp.org/en/gimp-tool-flip.html flip]
 
* Fill, Gradient, pattern paint
 
* Fill, Gradient, pattern paint
* [http://docs.gimp.org/en/ch02s04s02.html Quick mask] & save to path
+
* [http://docs.gimp.org/en/gimp-channel-dialog.html#gimp-qmask Quick mask] & save to path. ([http://www.gimp.org/tutorials/Quickmask/ tutorial on quickmask])
 
* path to selection
 
* path to selection
 
* Manipulating Selections  
 
* Manipulating Selections  
 
* Filters
 
* Filters
 +
Something fun - isolate Rosie from the background
 +
[[Image:Rosie.jpg |left|frame]]
 +
# Use the edge select tool, save to path and quickmask to create a selection around Rosie
 +
# duplicate the background
 +
# Select and float Rosie to a new layer. Turn off her visibility
 +
# use the motion filter on the duplicated background
 +
# Turn the "floated" version of Rosie back on.
 +
<br style="clear:both" />
 +
 +
== Class 5: paths ==
 +
[http://openclipart.org/clipart//people/jazz_enrique_meza_c_02.svg Right click to download this sample image]
 +
* When you open this document, be sure to "Import Paths"
 +
* [http://docs.gimp.org/en/gimp-path-dialog.html The Paths dialog]
 +
* Selection to path
 +
* Path to selection
 +
* [http://docs.gimp.org/en/gimp-using-paths.html#id3490057 Stroking a path]
 +
* [http://docs.gimp.org/en/ch08s06.html#gimp-tool-path The Path Tool]
 +
* Path from text
 +
 +
== Class 6:  Common tasks ==
 +
* [http://www.gimp.org/tutorials/Red_Eye_Removal/ Red eye removal]
 +
* [http://carol.gimp.org/gimp2/web/jpeg-reduction/ Saving for the web]
 +
* Reducing the size of an image
 +
 +
== Class 7: Fixing Images  ==
 +
[[Image:1440-25387.jpg |left|frame|A crappy photo taken with a cell phone. Right click to save this to your desktop ]]
 +
 +
* [http://docs.gimp.org/en/ch07s05s06.html Color Tools - Levels ] This tool can be used to adjust colors. It will be easier to understand this tool if you understand [http://en.wikipedia.org/wiki/Histogram histograms].
 +
  * Use the Black Eyedropper to pick a black point.
 +
  * Use the White Eyedropper to pick a white point.
 +
  * Adjust mid-tones using the slider.
 +
  * Color cast can be adjusted using the channels and eyedroppers
 +
* [http://docs.gimp.org/en/ch10s06s07.html Enhance - Unsharp Mask]
 +
* [http://www.geocities.com/SiliconValley/Haven/5179/ Here is a good tutorial on color correction with gimp]
 +
 +
[[Image:Cellcam original.jpg |left|frame|A less-than-stellar photo. Right click to save this to your desktop ]]
 +
[[Image:Cellcam fixed.jpg |left|frame|The same photo after adjusting color and sharpening ]]
 +
[[Image:Colorwheel.jpg |left|frame|If we wind up talking about color correction, you're going to need a color wheel ]]
  
== Class 4: animations ==
+
<br style="clear:both" />
 +
 
 +
== Class 8: Retouching and layer masks ==
 +
 
 +
Most images in magazines are highly deceptive. Take a look at some of these examples:
 +
* [http://homepage.mac.com/gapodaca/digital/bikini/index.html Greg Apodaca]
 +
* [http://www.briandilg.com/imaging/index.htm Brian Dilg]
 +
* [http://www.glennferon.com/portfolio1/portfolio13.html Glenn C. Feron]
 +
* [http://www.graphic-design.com/Photoshop/beauty_retouching.html tutorial on retouching faces]
 +
 
 +
== Class 9: animations ==
 
[[Image:Anirevloopmona.gif |left|frame|An example of GIMP animations ]]
 
[[Image:Anirevloopmona.gif |left|frame|An example of GIMP animations ]]
 
[http://www.niemannross.com/animate%20mona_lisa.zip Today's image (warning, 4 megabytes) contains XCF files for use with GIMP]
 
[http://www.niemannross.com/animate%20mona_lisa.zip Today's image (warning, 4 megabytes) contains XCF files for use with GIMP]
Line 51: Line 108:
 
<br style="clear:both" />
 
<br style="clear:both" />
  
== Class 5: ==
+
== class 10: Channels ==
== Class 6: ==
+
 
== Class 7==
+
 
 +
== Frequently asked "How do I ... " ==
 +
* [http://www.ischool.utexas.edu/technology/tutorials/graphics/gimp/02_web_optimize/05_jpeg.html ...Save to a jpeg?]
 +
* ...Save to a GIF?
 +
* [http://software.newsforge.com/software/05/04/27/1327225.shtml ...Remove the background or isolate a part of the foreground?] There are some basic steps...
 +
** [http://docs.gimp.org/en/gimp-layer-alpha-add.html Don't forget to add an alpha channel]
 +
** You may want to duplicate the layer first
 +
** [http://docs.gimp.org/en/gimp-dialogs-structure.html#gimp-layer-dialog Select the layer you want to work on]
 +
** Select the area you want to remove (or isolate) using one of the [http://docs.gimp.org/en/gimp-using-selections-free-select.html selection tools]
 +
** Delete the selection
 +
 
 +
 
 
[[category: Classes]]
 
[[category: Classes]]

Latest revision as of 15:23, 29 January 2007

About the class

Oso Says "Take the Gimp Class!

The Gimp is the image editing software distributed on FreekBoxes - and used by all kinds of people to make cool pictures. This is an introductory-level class, and should be accessable to anyone who has mastered the material taught in the FreekBox Adoption Class.


Related Links

From the project's web site, gimp.org:

Class 1: Starting and Selections

right-click to download today's suggested image

World2.gif

Something fun - change the color of the background.

  1. use the elliptical select tool to select the earth in today's suggested image
  2. float the selection
  3. convert the selection to a new layer
  4. change the foreground color (click on the black box in the tool palette)
  5. add a new layer with a colored background (shift - new layer)
  6. move the layers so the colored layer is underneath the earth


Class 2: Color select and Magic wand

Right-click to download today's suggested image

  1. open today's suggested image
  2. open the rocket or jellyfish
  3. use the layer palette to add an alpha channel how to do it
  4. Remove the background of the rocket or jellyfish by clicking on the background with the magic wand or color selection tool. (hint - the rocket is easier)
  5. drag the layer (from the rocket or jellyfish layer panel) into the space cloud image

Class 3: Edges, tools, fills, paths

Right click to download today's suggested image

Something fun - isolate Rosie from the background

Rosie.jpg
  1. Use the edge select tool, save to path and quickmask to create a selection around Rosie
  2. duplicate the background
  3. Select and float Rosie to a new layer. Turn off her visibility
  4. use the motion filter on the duplicated background
  5. Turn the "floated" version of Rosie back on.


Class 5: paths

Right click to download this sample image

Class 6: Common tasks

Class 7: Fixing Images

A crappy photo taken with a cell phone. Right click to save this to your desktop
  * Use the Black Eyedropper to pick a black point.
  * Use the White Eyedropper to pick a white point.
  * Adjust mid-tones using the slider.
  * Color cast can be adjusted using the channels and eyedroppers
A less-than-stellar photo. Right click to save this to your desktop
The same photo after adjusting color and sharpening
If we wind up talking about color correction, you're going to need a color wheel


Class 8: Retouching and layer masks

Most images in magazines are highly deceptive. Take a look at some of these examples:

Class 9: animations

An example of GIMP animations

Today's image (warning, 4 megabytes) contains XCF files for use with GIMP

  • Animations

Tutorial on Gimp Animation

class 10: Channels

Frequently asked "How do I ... "