Tutorial - ugweb.cs.ualberta.ca

47
GIMP GNU Image Manipulation Program Tutorial ©Meghna Singh

Transcript of Tutorial - ugweb.cs.ualberta.ca

Page 1: Tutorial - ugweb.cs.ualberta.ca

GIMPGNU Image Manipulation Program

Tutorial

©Meghna Singh

Page 2: Tutorial - ugweb.cs.ualberta.ca

Why GIMP ?

� Its FREE (open source)!

� Has all the capabilities of any other photo-editor, AND MUCH MORE!

� You can write your own filter scripts/editor tools and share with the rest of the world.

�GIMP is known to work on Linux, Windows, OpenBSD, NetBSD, FreeBSD, Solaris.

Page 3: Tutorial - ugweb.cs.ualberta.ca

Where can I find it?

�http://www.gimp.org/

�Download

� http://www.gimp.org/windows/

� http://www.gimp.org/unix/

� http://www.gimp.org/macintosh/

�Tile Cache. 2/3 of the RAM available in your system.

Page 4: Tutorial - ugweb.cs.ualberta.ca

GIMP interface

ToolBox Image Window

Page 5: Tutorial - ugweb.cs.ualberta.ca

Some GIMP applications

� Image manipulation.

� Edge detection.

�Motion blurring.

� Script-Fu: A scripting language designed specifically for GIMP.

� Convolution.

� Image contrast.

� Resizing images – scaling, shearing, rotating.

� Angle finder.

Page 6: Tutorial - ugweb.cs.ualberta.ca

Image Manipulation

??

Page 7: Tutorial - ugweb.cs.ualberta.ca

Pick ‘knotted rope’ like tool

Page 8: Tutorial - ugweb.cs.ualberta.ca

Ctrl C + Ctrl V

Page 9: Tutorial - ugweb.cs.ualberta.ca

Edge detection in GIMP

Page 10: Tutorial - ugweb.cs.ualberta.ca

Edge detection with GIMP -2

Page 11: Tutorial - ugweb.cs.ualberta.ca

Motion blur in GIMP

Page 12: Tutorial - ugweb.cs.ualberta.ca

Result of motion blurring

Page 13: Tutorial - ugweb.cs.ualberta.ca

Script-Fu -- Alchemy

Page 14: Tutorial - ugweb.cs.ualberta.ca

Script-Fu –Décor--Old photo

Page 15: Tutorial - ugweb.cs.ualberta.ca

Filters – Artistic -- Oilify

Page 16: Tutorial - ugweb.cs.ualberta.ca

Convolution in GIMP

Page 17: Tutorial - ugweb.cs.ualberta.ca

Image contrast

Page 18: Tutorial - ugweb.cs.ualberta.ca

Image Contrast-2

Page 19: Tutorial - ugweb.cs.ualberta.ca

Image Contrast-3

Page 20: Tutorial - ugweb.cs.ualberta.ca

Resizing images

Lock aspect ratio

Aspect ratio?? = width/height of an image

Page 21: Tutorial - ugweb.cs.ualberta.ca

Resizing images-2

Linear interpolation

Page 22: Tutorial - ugweb.cs.ualberta.ca

Changing the zoom

Page 23: Tutorial - ugweb.cs.ualberta.ca

Image rotation

Basic Advanced

Page 24: Tutorial - ugweb.cs.ualberta.ca

Image rotation -2

Page 25: Tutorial - ugweb.cs.ualberta.ca

Image rotation -3

Page 26: Tutorial - ugweb.cs.ualberta.ca

Image rotation - 4

Page 27: Tutorial - ugweb.cs.ualberta.ca

Image shearing

x

y Shear in the x -direction

Shear in the y -direction

Page 28: Tutorial - ugweb.cs.ualberta.ca

Image shearing -2

Page 29: Tutorial - ugweb.cs.ualberta.ca

Angle finder

Page 30: Tutorial - ugweb.cs.ualberta.ca

GIMP Layers

Page 31: Tutorial - ugweb.cs.ualberta.ca

Layers

�Can be used very easily to animate.

�Color graphics.

�Use layers for more flexibility.

Page 32: Tutorial - ugweb.cs.ualberta.ca

Opening the layers toolbox

Page 33: Tutorial - ugweb.cs.ualberta.ca

Add a text layer

Page 34: Tutorial - ugweb.cs.ualberta.ca

Add a text layer

Page 35: Tutorial - ugweb.cs.ualberta.ca

Rotate and scale text layer

Page 36: Tutorial - ugweb.cs.ualberta.ca

Add a pattern to an image

AIM: Make the girl run on water

Page 37: Tutorial - ugweb.cs.ualberta.ca

1. Size the two images

�Girl image 683x1024

�Water image 2592x1944

Cut a section from the water image / scale it.

Page 38: Tutorial - ugweb.cs.ualberta.ca

2. Open the girl image and then open

the water image as a layer

Open the layers menu

Page 39: Tutorial - ugweb.cs.ualberta.ca

3. Before we can work with the

transparency, add alpha channel to the

background

•Click on the background layer (blue highlight)

•Right click

•Click on add alpha channel

Page 40: Tutorial - ugweb.cs.ualberta.ca

Raise background to top of layer stack

Page 41: Tutorial - ugweb.cs.ualberta.ca

Change the opacity of the top layer

Water from the lower layer begins to show through, BUT we don’t want water to show through the object

Page 42: Tutorial - ugweb.cs.ualberta.ca

Add mask to top layer

�Duplicate the top layer

�Now we will work with the top most layer (copy)

Page 43: Tutorial - ugweb.cs.ualberta.ca

Add layer mask -2

•Select the background grass region of the background copy

•From top menu click Layer�Mask�Add layer mask

•Select as shown below

Page 44: Tutorial - ugweb.cs.ualberta.ca

Mask chosen is displayed

White = opaque

Black= transparent

Page 45: Tutorial - ugweb.cs.ualberta.ca

Activate the rest of the layers

Get rid of the selection view

Page 46: Tutorial - ugweb.cs.ualberta.ca

Change transparency of the middle layer

Opaque

Opaque

Opacity ~50%

Noise stems from the misc. spots in the layer mask

Page 47: Tutorial - ugweb.cs.ualberta.ca

End result