1 / 31

BFTAW BDPA Workshop

BFTAW BDPA Workshop. Introduction to GIMP Chris Kundinger-cjkundin@us.ibm.com 2.16.08. Some Image Types. Bitmap () JPEG (Web) TIFF (Printing) GIF (Small, few colors) PNG (Replace for GIF) XCF (GIMP). Bitmap. Microsoft Paint’s default Uncompressed Windows wallpaper Large file sizes.

kami
Download Presentation

BFTAW BDPA Workshop

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. BFTAWBDPA Workshop Introduction to GIMP Chris Kundinger-cjkundin@us.ibm.com 2.16.08

  2. Some Image Types • Bitmap () • JPEG (Web) • TIFF (Printing) • GIF (Small, few colors) • PNG (Replace for GIF) • XCF (GIMP)

  3. Bitmap • Microsoft Paint’s default • Uncompressed • Windows wallpaper • Large file sizes

  4. JPEG or JPG • Commonly used for pictures (and cameras) • Small file sizes (great for web) • File size vs quality (user can change) • Lossy data compression

  5. GIF • Static or animated • Index colors (256 colors) • non-photographic type images (buttons…)

  6. TIFF • Great for printing (Great quality) • Large files • Optional compression LZW (lossless)

  7. PNG • Portable Network Graphic • W3C standard to replace GIF • Doesn’t lose quality (lossless) • Transparent

  8. XCF • GIMP’s file extension • Preserves your image as a “working project” • Layers • Colors • History • Attributes

  9. Image Type Summary • Bitmap (Large file size) • JPEG (Web Images, small files size) • TIFF (Best quality, ideal for Printing, larger file size) • GIF (Small, few colors – 256 max, animate, transparent) • PNG (Replace for GIF, 16 million colors, transparent, animate) • XCF (Preserves layers and other GIMP attributes to create a “working project”)

  10. Printing vs Web(screen) • Printing • dpi: 150 – 300, 400 – 1500 (Pros) • CMYK (Cyan, Magenta, Yellow, Key (black) ) • TIFF or JPEG images • Screens • dpi: 72 • RGB (Red, Green, Blue) • JPEG, GIF, or PNG images

  11. PixelShort for Picture Element • NO inherent height or width • NO inherent shape • One color (any color) • A Screen Resolution (1280x1024)

  12. GIMP (GNU Image Manipulation Program)

  13. Installing GIMP

  14. Installing GIMP

  15. Introduction to GIMP(Toolbar panel) Tools Properties of the tool

  16. Introduction to GIMP(Image panel) Tools Properties of the tool selected Ruler Zoom

  17. Introduction to GIMP(Other panels) Layers Fonts Colors

  18. Panel Layout

  19. General topics • Canvas, Images, Layer, Selection • Selection • Layers • Rotate, Scale, Mirror and Resize • Crop Images • Fill or outline selections

  20. Canvas, Image, Layer, Selection Canvas (entire boundary) – resize doesn’t affect image Image (entire boundary) – resizes everything including canvas Layer (black and yellow dotted line) – only can edit within that box when you’re on that layer Selection (black and white dotted line) - Only changes within selection

  21. Selection Square – Select square images Lasso – Draw your selection like a pencil Circle – Select round images Wand – Select by similar color you select (touching) Color – Select regions with similar color Normal, Add, Subtract, Intersect

  22. Layers(part 1) Top Layer (Transparent background) Current Layer selected (White background) Bottom Layer (Covered by current layer) Layer – Hide or show it Trash – Delete Layer Add Layer – Move Layer – Duplicate Layer Image shown above

  23. Layers(part 2 – Pasting a picture) • Pasting into your picture produces this “Floating” selection • You have two options: • Anchor the pasted later into the layer underneath • Create a new layer and put the pasted layer on top

  24. Rotate, Scale, Mirror and Resize(only for layer, selection, or path) Rotate Scale Shear Perspective Mirror

  25. Crop Make your selection Right click on picture and select Image -> Crop to Selection

  26. Fill or Outline selection • Make a selection • Pick your color (I used blue) • Click the Edit menu • Click “Fill with FG Color” (to fill) • or “Stroke Selection” (to outline)

  27. Advanced Topics • Layer Mask (coming up…) • Picture collage • Enhance colors • Picture touch up

  28. Layer Mask(step 1) • Create two layers (Mask and Background) • Select the top layer (as shown below) Layer 1 - Mask Layer 1 - Background

  29. Layer Mask(step 2) • Use the wand tool to select the inside of the puzzle piece. • Delete your selection using the delete key once the space inside the puzzle is selected.

  30. Layer Mask(step 3) • Continue to do that for the remaining pieces (feel free to try something creative with the black piece!)

  31. GIMP Resources • Gimp Resources • Tutorials, Inspiration, Patterns, Brushes & More • Gimp Tutorials • http://www.gimp.org/tutorials/ • DeviantArt • http://browse.deviantart.com/resources/applications/gimpbrushes/ • Hawsmont Universe • http://hawksmont.com/blog/category/graphic_design/resources/gimp_brushes/ • livejournal • http://community.livejournal.com/gimpbrushes/ • Snap2Objects – 85 Killer Resources Every Designer Should Know • http://www.snap2objects.com/2007/06/06/85-killer-resources-every-designer-should-know/ • Smashing Magazine • http://www.smashingmagazine.com/category/showcase/

More Related