0
Image Editingfor BeginnersTeresa Beary(May 2013)Photo by Flickr user p.Gordon
This powerpointExamples from presentationTraining companionExercisesExample images
My image editing background…
CuriosityPurpose
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 .jpgPhoto by Flickr user texastkc254
8-bit 24-bit.gif .jpgDistortion due to reduced color palette.Photo by Flickr user texastkc254
8-bit256 colors24-bit16 million colors.png.gif .jpg.png
.png .jpg.gif
.png .jpg.gif
.gif.jpg.pngPhoto by Flickr user kooklanekookla
.gif.jpg.pngShrink each image and stretch it back to original size and you get the above.Notice the artifacts due to the c...
This is text in PowerPoint.
Text, line art, transparencyPhotographs.jpg.png
How do I get started?
PowerPoint
MakeMoneyHaveFunDoGoodBugs found by my team!2012201020092008Date Requested Approved7/5/2012 Yes Yes9/11/2012 Yes No11/3/20...
Step-by-stepCreate whatever you need in PowerPointGo to File > Save as > Change “Save as type” to PNGCrop (& resize) using...
GimpThe 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}
OpacityOpaqueSemi-transparent(translucent)Transparent
Working with layers{Live class demo using Gimp}
Flickr: Bruce GuenterFlickr: Daniel E LeeFlickr: fab-fotoFXFlickr: hlkjgk Flickr: dougbelshaw Flickr: vareseFlickr: theaks...
Selective colorPhoto by Flickr user PGrandicelli{Live class demo using Gimp}
What else can Gimp do?
Adjust brightness & contrastPhoto 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
PrtScrhttp://www.fiastarta.com/PrtScr/
Select:All monitorsActive windowRectangular areaFree selectAnnotate directlyMagnifier
Resolution
Screen = pixelsSize: 600 x 375 pxResolution: 72 ppiPrint size: 8.3” x 5.2“Photo by Flickr user Kusadasi-Guy
Print = ppiSize: 600 x 375 pxResolution: 300 ppiPrint size: 2” x 1.3”Photo by Flickr user Kusadasi-Guy
72 ppi (pixels)300 ppi (inches)
Rastervs.Vector
Raster
Vector
Inkscape
Flickr: Andrew Abogado Flickr: sietecoyote Flickr: Ref3atovFlickr: Karminqui Flickr: Keith Henn Flickr: HJ Media StudiosFl...
Time for a recap
Text, line art, transparencyPhotographs.jpg.png(.tiff optional)
On screen72 ppi
Print documents300 ppi
Try it out!Learn more at tmjbeary.comwww.gimp.orgDon’t have Gimp?
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Image editing for beginners (Gimp)
Upcoming SlideShare
Loading in...5
×

Image editing for beginners (Gimp)

578

Published on

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.

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
578
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
26
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Image editing for beginners (Gimp)"

  1. 1. Image Editingfor BeginnersTeresa Beary(May 2013)Photo by Flickr user p.Gordon
  2. 2. This powerpointExamples from presentationTraining companionExercisesExample images
  3. 3. My image editing background…
  4. 4. CuriosityPurpose
  5. 5. Image formats.bmp .gif .jpg.png .tiff
  6. 6. Depends on the situation:.bmp .gif .jpg .png .tiff
  7. 7. Depends on the situation:.bmp .gif .jpg .png .tiff.gif .jpg .png
  8. 8. 8-bit 24-bit.gif .jpgPhoto by Flickr user texastkc254
  9. 9. 8-bit 24-bit.gif .jpgDistortion due to reduced color palette.Photo by Flickr user texastkc254
  10. 10. 8-bit256 colors24-bit16 million colors.png.gif .jpg.png
  11. 11. .png .jpg.gif
  12. 12. .png .jpg.gif
  13. 13. .gif.jpg.pngPhoto by Flickr user kooklanekookla
  14. 14. .gif.jpg.pngShrink 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
  15. 15. This is text in PowerPoint.
  16. 16. Text, line art, transparencyPhotographs.jpg.png
  17. 17. How do I get started?
  18. 18. PowerPoint
  19. 19. MakeMoneyHaveFunDoGoodBugs found by my team!2012201020092008Date Requested Approved7/5/2012 Yes Yes9/11/2012 Yes No11/3/2012 No
  20. 20. Step-by-stepCreate whatever you need in PowerPointGo to File > Save as > Change “Save as type” to PNGCrop (& resize) using Gimp123
  21. 21. GimpThe GNU Image Manipulation Protocol
  22. 22. {Live class demo using Gimp}
  23. 23. {Live class demo using Gimp}
  24. 24. Alpha channel, Layer mask, Fuzzy brushes{Live class demo using Gimp}
  25. 25. OpacityOpaqueSemi-transparent(translucent)Transparent
  26. 26. Working with layers{Live class demo using Gimp}
  27. 27. Flickr: Bruce GuenterFlickr: Daniel E LeeFlickr: fab-fotoFXFlickr: hlkjgk Flickr: dougbelshaw Flickr: vareseFlickr: theakshay Flickr: Stéphane GaudryFlickr: geezaweezer Flickr: theilr Flickr: cookipediachef
  28. 28. Selective colorPhoto by Flickr user PGrandicelli{Live class demo using Gimp}
  29. 29. What else can Gimp do?
  30. 30. Adjust brightness & contrastPhoto by Flickr user bddemir
  31. 31. Colorize (Hue & Saturation)Photo by Flickr user bddemir
  32. 32. Oil Painting (built-in scripts)Photo by Flickr user bddemir
  33. 33. Comic book (scripts)Photo by Flickr user bddemir
  34. 34. Color map & supernova (scripts)Photo by Flickr user bddemir
  35. 35. Gold-plated effect
  36. 36. Create from scratch
  37. 37. Compositions
  38. 38. Typography
  39. 39. PrtScrhttp://www.fiastarta.com/PrtScr/
  40. 40. Select:All monitorsActive windowRectangular areaFree selectAnnotate directlyMagnifier
  41. 41. Resolution
  42. 42. Screen = pixelsSize: 600 x 375 pxResolution: 72 ppiPrint size: 8.3” x 5.2“Photo by Flickr user Kusadasi-Guy
  43. 43. Print = ppiSize: 600 x 375 pxResolution: 300 ppiPrint size: 2” x 1.3”Photo by Flickr user Kusadasi-Guy
  44. 44. 72 ppi (pixels)300 ppi (inches)
  45. 45. Rastervs.Vector
  46. 46. Raster
  47. 47. Vector
  48. 48. Inkscape
  49. 49. Flickr: Andrew Abogado Flickr: sietecoyote Flickr: Ref3atovFlickr: Karminqui Flickr: Keith Henn Flickr: HJ Media StudiosFlickr: pasukaru76 Flickr: pvouvitu Muslih zarthKeng SusumpowPeter A. Shevtsov
  50. 50. Time for a recap
  51. 51. Text, line art, transparencyPhotographs.jpg.png(.tiff optional)
  52. 52. On screen72 ppi
  53. 53. Print documents300 ppi
  54. 54. Try it out!Learn more at tmjbeary.comwww.gimp.orgDon’t have Gimp?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×