14
CS 200 – Intro to GIMP The GNU Image Manipulation Program

CS 200 – Intro to GIMP The GNU Image Manipulation Program

Embed Size (px)

DESCRIPTION

Intro to GIMP Image Manipulation Interface Limited Drawing Ability Logos and Script-Fu GIMP is open-source software, free to download, and available for both PC and Mac.

Citation preview

Page 1: CS 200 – Intro to GIMP The GNU Image Manipulation Program

CS 200 – Intro to GIMP

The GNU Image Manipulation Program

Page 2: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Overall goal: Graphics Many PlacesFirst task: Use the Supplied Graphics

Page 3: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Intro to GIMP

Image Manipulation

Interface

Limited Drawing Ability

Logos and Script-Fu

GIMP is open-source software, free to download, and available for

both PC and Mac.

Page 4: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Create or Modify Shortcut on Desktop

C: Program Files GIMP 2 bin

Page 5: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Starting GIMP / First 2 Windows

You might have a third "window" – called a dialog. You may close it.

Page 6: CS 200 – Intro to GIMP The GNU Image Manipulation Program

File New to get a canvas

Image Canvas Appears

Page 7: CS 200 – Intro to GIMP The GNU Image Manipulation Program

The Toolbox

See page 105 for larger image

Page 8: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Drawing with a Brush

See page 106

But drawing is not GIMP's strength . . .

Page 9: CS 200 – Intro to GIMP The GNU Image Manipulation Program

GIMP's Strength is Modifying an Image

Notice the graphic at the left side of this slide

Paste into GIMP, modify colorsTools Color Tools Colorize

Page 10: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Layers

GIMP, Flash, Photoshop, PaintShop Pro, etc. have layers

– Images stack on top of each other– Transparent areas let lower images show through– Require more management

Page 11: CS 200 – Intro to GIMP The GNU Image Manipulation Program

References in Textbook

Look in textbook at these pages. They may be helpful later.

Page 107 – Draw a circlePage 109 – Apply a gradientPage 110 – Apply a texture (pattern)Page 112 – Add text

Page 12: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Logos And Script-Fu: Text banners

Demo (pgs 110-111)

Page 13: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Your Goal: Create Masthead

Example:Note: background image changes each time you visit the page

http:// www.concordia.com

Page 14: CS 200 – Intro to GIMP The GNU Image Manipulation Program

Setting Up Tabs

Put these tabs on your main dialog (the one that says "The Gimp")

Demo (follow along and set yours up)

Tool Options (will appear automatically) Layers Brushes Patterns Fonts Gradient