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.

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

2. This powerpoint
Examples from presentation
Training companion
Exercises
Example images

3. My image editing background…

17. Curiosity
Purpose

18. Image formats
.bmp .gif .jpg
.png .tiff

19. Depends on the situation:
.bmp .gif .jpg .png .tiff

20. Depends on the situation:
.bmp .gif .jpg .png .tiff
.gif .jpg .png

21. 8-bit 24-bit
.gif .jpg
Photo by Flickr user texastkc254

22. 8-bit 24-bit
.gif .jpg
Distortion due to reduced color palette.
Photo by Flickr user texastkc254

23. 8-bit
256 colors
24-bit
16 million colors
.png
.gif .jpg
.png

24. .png .jpg
.gif

25. .png .jpg
.gif

26. .gif.jpg.png
Photo by Flickr user kooklanekookla

27. .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

28. This is text in PowerPoint.

29. Text, line art, transparency
Photographs
.jpg
.png

30. How do I get started?

31. PowerPoint

32. 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

33. 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

34. Gimp
The GNU Image Manipulation Protocol

35. {Live class demo using Gimp}

36. {Live class demo using Gimp}

37. Alpha channel, Layer mask, Fuzzy brushes
{Live class demo using Gimp}

38. Opacity
Opaque
Semi-transparent
(translucent)
Transparent

39. Working with layers
{Live class demo using Gimp}

40. 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

41. Selective color
Photo by Flickr user PGrandicelli
{Live class demo using Gimp}

42. What else can Gimp do?

43. Adjust brightness & contrast
Photo by Flickr user bddemir

44. Colorize (Hue & Saturation)
Photo by Flickr user bddemir

45. Oil Painting (built-in scripts)
Photo by Flickr user bddemir

46. Comic book (scripts)
Photo by Flickr user bddemir

47. Color map & supernova (scripts)
Photo by Flickr user bddemir

48. Gold-plated effect

49. Create from scratch

50. Compositions

51. Typography

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

53. Select:
All monitors
Active window
Rectangular area
Free select
Annotate directly
Magnifier

54. Resolution

55. Screen = pixels
Size: 600 x 375 px
Resolution: 72 ppi
Print size: 8.3” x 5.2“
Photo by Flickr user Kusadasi-Guy

56. Print = ppi
Size: 600 x 375 px
Resolution: 300 ppi
Print size: 2” x 1.3”
Photo by Flickr user Kusadasi-Guy

57. 72 ppi (pixels)
300 ppi (inches)

58. Raster
vs.
Vector

59. Raster

60. Vector

61. Inkscape

62. 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

63. Time for a recap

64. Text, line art, transparency
Photographs
.jpg
.png
(.tiff optional)

65. On screen
72 ppi

66. Print documents
300 ppi

68. Try it out!
Learn more at tmjbeary.com
www.gimp.org
Don’t have Gimp?