Bftaw bdpa workshop
This presentation is the property of its rightful owner.
Sponsored Links
1 / 31

BFTAW BDPA Workshop PowerPoint PPT Presentation


  • 43 Views
  • Uploaded on
  • Presentation posted in: General

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.

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Bftaw bdpa workshop

BFTAWBDPA Workshop

Introduction to GIMP

Chris [email protected]

2.16.08


Some image types

Some Image Types

  • Bitmap ()

  • JPEG (Web)

  • TIFF (Printing)

  • GIF (Small, few colors)

  • PNG (Replace for GIF)

  • XCF (GIMP)


Bitmap

Bitmap

  • Microsoft Paint’s default

  • Uncompressed

  • Windows wallpaper

  • Large file sizes


Jpeg or jpg

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


Bftaw bdpa workshop

GIF

  • Static or animated

  • Index colors (256 colors)

  • non-photographic type images (buttons…)


Bftaw bdpa workshop

TIFF

  • Great for printing (Great quality)

  • Large files

  • Optional compression LZW (lossless)


Bftaw bdpa workshop

PNG

  • Portable Network Graphic

  • W3C standard to replace GIF

  • Doesn’t lose quality (lossless)

  • Transparent


Bftaw bdpa workshop

XCF

  • GIMP’s file extension

  • Preserves your image as a “working project”

    • Layers

    • Colors

    • History

    • Attributes


Image type summary

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


Pixel short for picture element

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

GIMP (GNU Image Manipulation Program)


Installing gimp

Installing GIMP


Installing gimp1

Installing GIMP


Introduction to gimp toolbar panel

Introduction to GIMP(Toolbar panel)

Tools

Properties of the tool


Introduction to gimp image panel

Introduction to GIMP(Image panel)

Tools

Properties of the tool selected

Ruler

Zoom


Introduction to gimp other panels

Introduction to GIMP(Other panels)

Layers

Fonts

Colors


Panel layout

Panel Layout


General topics

General topics

  • Canvas, Images, Layer, Selection

  • Selection

  • Layers

  • Rotate, Scale, Mirror and Resize

  • Crop Images

  • Fill or outline selections


Canvas image layer selection

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


Selection

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


Layers part 1

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


Layers part 2 pasting a picture

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


Rotate scale mirror and resize only for layer selection or path

Rotate, Scale, Mirror and Resize(only for layer, selection, or path)

Rotate

Scale

Shear

Perspective

Mirror


Bftaw bdpa workshop

Crop

Make your selection

Right click on picture and select

Image -> Crop to Selection


Fill or outline selection

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)


Advanced topics

Advanced Topics

  • Layer Mask (coming up…)

  • Picture collage

  • Enhance colors

  • Picture touch up


Layer mask step 1

Layer Mask(step 1)

  • Create two layers (Mask and Background)

  • Select the top layer (as shown below)

Layer 1 - Mask

Layer 1 - Background


Layer mask step 2

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.


Layer mask step 3

Layer Mask(step 3)

  • Continue to do that for the remaining pieces (feel free to try something creative with the black piece!)


Gimp resources

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/


  • Login