image editing for beginners (gimp)

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

Compositions

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?