Upload
kami
View
28
Download
0
Tags:
Embed Size (px)
DESCRIPTION
BFTAW BDPA Workshop. Introduction to GIMP Chris [email protected] 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. - PowerPoint PPT Presentation
Citation preview
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
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
GIF
Static or animated Index colors (256 colors) non-photographic type images (buttons…)
TIFF
Great for printing (Great quality) Large files Optional compression LZW (lossless)
PNG
Portable Network Graphic W3C standard to replace GIF Doesn’t lose quality (lossless) Transparent
XCF
GIMP’s file extension Preserves your image as a “working project”
Layers Colors History Attributes
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”)
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
PixelShort for Picture Element
NO inherent height or width NO inherent shape One color (any color) A Screen Resolution (1280x1024)
GIMP (GNU Image Manipulation Program)
Installing GIMP
Installing GIMP
Introduction to GIMP(Toolbar panel)
Tools
Properties of the tool
Introduction to GIMP(Image panel)
Tools
Properties of the tool selected
Ruler Zoom
Introduction to GIMP(Other panels)
Layers Fonts Colors
Panel Layout
General topics
Canvas, Images, Layer, Selection Selection Layers Rotate, Scale, Mirror and Resize Crop Images Fill or outline selections
Canvas, Image, Layer, Selection
Canvas (entire boundary) – resize doesn’t affect imageImage (entire boundary) – resizes everything including canvasLayer (black and yellow dotted line) – only can edit within that box when you’re on that layerSelection (black and white dotted line) - Only changes within selection
Selection
Lasso – Draw your selection like a pencil
Circle – Select round images
Square – Select square images
Normal, Add, Subtract, Intersect
Wand – Select by similar color you select (touching)
Color – Select regions with similar color
Layers(part 1)
Image shown above
Current Layer selected (White background)
Top Layer (Transparent background)
Bottom Layer (Covered by current layer)
Layer – Hide or show it
Trash – Delete Layer
Add Layer – Move Layer – Duplicate Layer
Layers(part 2 – Pasting a picture)
Pasting into your picture produces this “Floating” selectionYou have two options:
1) Anchor the pasted later into the layer underneath
2) Create a new layer and put the pasted layer on top
Rotate, Scale, Mirror and Resize(only for layer, selection, or path)
Rotate
Scale
Shear
Perspective
Mirror
Crop
Make your selection
Right click on picture and selectImage -> Crop to Selection
Fill or Outline selection
1. Make a selection2. Pick your color (I used blue)3. Click the Edit menu4. Click “Fill with FG Color” (to fill)
or “Stroke Selection” (to outline)
Advanced Topics
Layer Mask (coming up…) Picture collage Enhance colors Picture touch up
Layer Mask(step 1)
1. Create two layers (Mask and Background)2. Select the top layer (as shown below)
Layer 1 - Mask
Layer 1 - Background
Layer Mask(step 2)
1. Use the wand tool to select the inside of the puzzle piece.
2. Delete your selection using the delete key once the space inside the puzzle is selected.
Layer Mask(step 3)
1. Continue to do that for the remaining pieces (feel free to try something creative with the black piece!)
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/