Upload
teresa-beary
View
562
Download
7
Embed Size (px)
DESCRIPTION
The presentation about Image Editing using Gimp (the GNU Image Manipulation Protocol) from a workshop I teach. Included is an overview of the different image file types, step-by-step walkthroughs of common editing techniques.
Citation preview
Image Editing
for Beginners
Teresa Beary
(May 2013)
Photo by Flickr user p.Gordon
This powerpoint
Examples from presentation
Training companion
Exercises
Example images
My image editing background…
Curiosity
Purpose
Image formats
.bmp .gif .jpg
.png .tiff
Depends on the situation:
.bmp .gif .jpg .png .tiff
Depends on the situation:
.bmp .gif .jpg .png .tiff
.gif .jpg .png
8-bit 24-bit
.gif .jpg
Photo by Flickr user texastkc254
8-bit 24-bit
.gif .jpg
Distortion due to reduced color palette.
Photo by Flickr user texastkc254
8-bit
256 colors
24-bit
16 million colors
.png
.gif .jpg
.png
.png .jpg
.gif
.png .jpg
.gif
.gif .jpg .png
Photo by Flickr user kooklanekookla
.gif .jpg .png
Shrink each image and stretch it back to original size and you get the above.
Notice the artifacts due to the compression method of the image type.
Photo by Flickr user kooklanekookla
This is text in PowerPoint.
Text, line art, transparency
Photographs
.jpg
.png
How do I get started?
PowerPoint
Make Money
Have Fun
Do Good
Bugs found by my team!
2012
2010
2009
2008
Date Requested Approved
7/5/2012 Yes Yes
9/11/2012 Yes No
11/3/2012 No
Step-by-step
Create whatever you need in PowerPoint
Go to File > Save as > Change “Save as type” to PNG
Crop (& resize) using Gimp
1
2
3
Gimp The GNU Image Manipulation Protocol
{Live class demo using Gimp}
{Live class demo using Gimp}
Alpha channel, Layer mask, Fuzzy brushes
{Live class demo using Gimp}
Opacity
Opaque
Semi-transparent
(translucent)
Transparent
Working with layers
{Live class demo using Gimp}
Flickr: Bruce Guenter
Flickr: Daniel E Lee
Flickr: fab-fotoFX
Flickr: hlkjgk Flickr: dougbelshaw Flickr: varese
Flickr: theakshay Flickr: Stéphane Gaudry
Flickr: geezaweezer Flickr: theilr Flickr: cookipediachef
Selective color
Photo by Flickr user PGrandicelli
{Live class demo using Gimp}
What else can Gimp do?
Adjust brightness & contrast
Photo by Flickr user bddemir
Colorize (Hue & Saturation)
Photo by Flickr user bddemir
Oil Painting (built-in scripts)
Photo by Flickr user bddemir
Comic book (scripts)
Photo by Flickr user bddemir
Color map & supernova (scripts)
Photo by Flickr user bddemir
Gold-plated effect
Create from scratch
Typography
PrtScr http://www.fiastarta.com/PrtScr/
Select:
All monitors
Active window
Rectangular area
Free select
Annotate directly
Magnifier
Resolution
Screen = pixels Size: 600 x 375 px
Resolution: 72 ppi
Print size: 8.3” x 5.2“
Photo by Flickr user Kusadasi-Guy
Print = ppi Size: 600 x 375 px
Resolution: 300 ppi
Print size: 2” x 1.3”
Photo by Flickr user Kusadasi-Guy
72 ppi (pixels)
300 ppi (inches)
Raster vs.
Vector
Raster
Vector
Inkscape
Flickr: Andrew Abogado Flickr: sietecoyote Flickr: Ref3atov
Flickr: Karminqui Flickr: Keith Henn Flickr: HJ Media Studios
Flickr: pasukaru76 Flickr: pvouvitu Muslih zarth
Keng Susumpow
Peter A. Shevtsov
Time for a recap
Text, line art, transparency
Photographs
.jpg
.png
(.tiff optional)
On screen
72 ppi
Print documents
300 ppi
Try it out!
Learn more at tmjbeary.com
www.gimp.org
Don’t have Gimp?