68
Image Editing for Beginners Teresa Beary (May 2013) Photo by Flickr user p.Gordon

Image editing for beginners (Gimp)

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

Page 1: Image editing for beginners (Gimp)

Image Editing

for Beginners

Teresa Beary

(May 2013)

Photo by Flickr user p.Gordon

Page 2: Image editing for beginners (Gimp)

This powerpoint

Examples from presentation

Training companion

Exercises

Example images

Page 3: Image editing for beginners (Gimp)

My image editing background…

Page 4: Image editing for beginners (Gimp)
Page 5: Image editing for beginners (Gimp)
Page 6: Image editing for beginners (Gimp)
Page 7: Image editing for beginners (Gimp)
Page 8: Image editing for beginners (Gimp)
Page 9: Image editing for beginners (Gimp)
Page 10: Image editing for beginners (Gimp)
Page 11: Image editing for beginners (Gimp)
Page 12: Image editing for beginners (Gimp)
Page 13: Image editing for beginners (Gimp)
Page 14: Image editing for beginners (Gimp)
Page 15: Image editing for beginners (Gimp)
Page 16: Image editing for beginners (Gimp)
Page 17: Image editing for beginners (Gimp)

Curiosity

Purpose

Page 18: Image editing for beginners (Gimp)

Image formats

.bmp .gif .jpg

.png .tiff

Page 19: Image editing for beginners (Gimp)

Depends on the situation:

.bmp .gif .jpg .png .tiff

Page 20: Image editing for beginners (Gimp)

Depends on the situation:

.bmp .gif .jpg .png .tiff

.gif .jpg .png

Page 21: Image editing for beginners (Gimp)

8-bit 24-bit

.gif .jpg

Photo by Flickr user texastkc254

Page 22: Image editing for beginners (Gimp)

8-bit 24-bit

.gif .jpg

Distortion due to reduced color palette.

Photo by Flickr user texastkc254

Page 23: Image editing for beginners (Gimp)

8-bit

256 colors

24-bit

16 million colors

.png

.gif .jpg

.png

Page 24: Image editing for beginners (Gimp)

.png .jpg

.gif

Page 25: Image editing for beginners (Gimp)

.png .jpg

.gif

Page 26: Image editing for beginners (Gimp)

.gif .jpg .png

Photo by Flickr user kooklanekookla

Page 27: Image editing for beginners (Gimp)

.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

Page 28: Image editing for beginners (Gimp)

This is text in PowerPoint.

Page 29: Image editing for beginners (Gimp)

Text, line art, transparency

Photographs

.jpg

.png

Page 30: Image editing for beginners (Gimp)

How do I get started?

Page 31: Image editing for beginners (Gimp)

PowerPoint

Page 32: Image editing for beginners (Gimp)

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

Page 33: Image editing for beginners (Gimp)

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

Page 34: Image editing for beginners (Gimp)

Gimp The GNU Image Manipulation Protocol

Page 35: Image editing for beginners (Gimp)

{Live class demo using Gimp}

Page 36: Image editing for beginners (Gimp)

{Live class demo using Gimp}

Page 37: Image editing for beginners (Gimp)

Alpha channel, Layer mask, Fuzzy brushes

{Live class demo using Gimp}

Page 38: Image editing for beginners (Gimp)

Opacity

Opaque

Semi-transparent

(translucent)

Transparent

Page 39: Image editing for beginners (Gimp)

Working with layers

{Live class demo using Gimp}

Page 40: Image editing for beginners (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

Page 41: Image editing for beginners (Gimp)

Selective color

Photo by Flickr user PGrandicelli

{Live class demo using Gimp}

Page 42: Image editing for beginners (Gimp)

What else can Gimp do?

Page 43: Image editing for beginners (Gimp)

Adjust brightness & contrast

Photo by Flickr user bddemir

Page 44: Image editing for beginners (Gimp)

Colorize (Hue & Saturation)

Photo by Flickr user bddemir

Page 45: Image editing for beginners (Gimp)

Oil Painting (built-in scripts)

Photo by Flickr user bddemir

Page 46: Image editing for beginners (Gimp)

Comic book (scripts)

Photo by Flickr user bddemir

Page 47: Image editing for beginners (Gimp)

Color map & supernova (scripts)

Photo by Flickr user bddemir

Page 51: Image editing for beginners (Gimp)

Typography

Page 52: Image editing for beginners (Gimp)

PrtScr http://www.fiastarta.com/PrtScr/

Page 53: Image editing for beginners (Gimp)

Select:

All monitors

Active window

Rectangular area

Free select

Annotate directly

Magnifier

Page 54: Image editing for beginners (Gimp)

Resolution

Page 55: Image editing for beginners (Gimp)

Screen = pixels Size: 600 x 375 px

Resolution: 72 ppi

Print size: 8.3” x 5.2“

Photo by Flickr user Kusadasi-Guy

Page 56: Image editing for beginners (Gimp)

Print = ppi Size: 600 x 375 px

Resolution: 300 ppi

Print size: 2” x 1.3”

Photo by Flickr user Kusadasi-Guy

Page 57: Image editing for beginners (Gimp)

72 ppi (pixels)

300 ppi (inches)

Page 58: Image editing for beginners (Gimp)

Raster vs.

Vector

Page 59: Image editing for beginners (Gimp)

Raster

Page 60: Image editing for beginners (Gimp)

Vector

Page 61: Image editing for beginners (Gimp)

Inkscape

Page 62: Image editing for beginners (Gimp)

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

Page 63: Image editing for beginners (Gimp)

Time for a recap

Page 64: Image editing for beginners (Gimp)

Text, line art, transparency

Photographs

.jpg

.png

(.tiff optional)

Page 65: Image editing for beginners (Gimp)

On screen

72 ppi

Page 66: Image editing for beginners (Gimp)

Print documents

300 ppi

Page 67: Image editing for beginners (Gimp)
Page 68: Image editing for beginners (Gimp)

Try it out!

Learn more at tmjbeary.com

www.gimp.org

Don’t have Gimp?