Difference between revisions of "The Gimp"

From FreekiWiki
Jump to navigation Jump to search
 
(96 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
==About the class==
 
==About the class==
April, 2005 will be 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" />
  
 
== Related Links ==
 
== Related Links ==
Line 7: 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]
  
== Next Class: April 5th, 2005 ==
+
== Class 1: Starting and Selections ==
I don't think all of this is going to be covered in the first (April 5) session, but here's the planned content:
+
[http://grin.hq.nasa.gov/IMAGES/MEDIUM/GPN-2002-000121.jpg right-click to download today's suggested image]
 
* Finding and starting the Gimp
 
* Finding and starting the Gimp
 
* Navigating the Gimp
 
* Navigating the Gimp
* Opening files, Saving Files
+
* [http://en.wikipedia.org/wiki/XCF Opening files, Saving Files]
* Palettes: Tools & Layers, Channels & Paths
+
* Freegeeks - Use Offline storage! Classroom machines are wiped clean every evening.
* Making selections
+
* [http://docs.gimp.org/en/introduction.html#introduction-help Help! Using context sensitive help]
 +
* 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
 +
[[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
 +
# float the selection
 +
# convert the selection to a new layer
 +
# change the foreground color (click on the black box in the tool palette)
 +
# add a new layer with a colored background (shift - new layer)
 +
# move the layers so the colored layer is underneath the earth
 +
<br style="clear:both" />
 +
 +
== Class 2: Color select and Magic wand ==
 +
[http://grin.hq.nasa.gov/IMAGES/MEDIUM/GPN-2000-000880.jpg Right-click to download today's suggested image]
 +
* Brief review
 +
* [http://www.gimp.org/tutorials/Lite_Quickies/ Resizing images], resizing selections
 +
* [http://www.gimp.org/tutorials/Changing_Background_Color_2/ Color Select Tool]
 +
* [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 ==
 +
[http://memory.loc.gov/service/pnp/fsac/1a35000/1a35300/1a35371v.jpg Right click to download today's suggested image]
 +
* [http://docs.gimp.org/en/gimp-tool-iscissors.html Edge Select]
 +
* [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
 +
* [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
 
* Manipulating Selections  
 
* Manipulating Selections  
 
* Filters
 
* Filters
* '''Assignment!''' enter a contest at [http://www.worth1000.com worth1000]
+
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 ]]
 +
 
 +
<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 ]]
 +
[http://www.niemannross.com/animate%20mona_lisa.zip Today's image (warning, 4 megabytes) contains XCF files for use with GIMP]
 +
 
 
* Animations
 
* Animations
 +
[http://gimp-savvy.com/BOOK/index.html?node80.html Tutorial on Gimp Animation]
 +
<br style="clear:both" />
  
== April 12th, 2005 ==
+
== class 10: Channels ==
== April 19, 2005 ==
 
Can we cancel April 19th, and add May 3rd at the end?<br>
 
<em>Sure thing, boss. If it's ok with the students. --[[User:Ideath|Ideath]] 23:37, 30 Mar 2005 (PST)</em>
 
<br>OK with me.
 
  
== April 26, 2005 ==
 
  
== May 3rd ==
+
== Frequently asked "How do I ... "  ==
...But only if we cancel April 19th.
+
* [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
  
  
== Student Samples ==
+
[[category: Classes]]
=== MNR ===
 
Original<br>
 
[[Image:Dietze_band_org.jpg]]<br>
 
Modified<br>
 
[[Image:Dietze band mod.jpg]]
 

Latest revision as of 14: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 ... "