V2.2 Boo Virk boo.virk@babraham.ac.uk GIMP Tutorial v2.2 Boo Virk boo.virk@babraham.ac.uk.

Slides:



Advertisements
Similar presentations
The GIMP Simple features tutorial By Mary A White.
Advertisements

Inkscape Tutorial v2.0 Simon Andrews
Foundation Level Course
GIMP Tutorial v2.0 Boo Virk
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Photo Editing Basics Photojournalism. IMPORTANT! ALWAYS make a copy before editing. Never work on your original.
GIMP – Making a Collage And blurring or fading the edges of the images.
GIMP Image Editing. Basic Edits Cropping (cut out region) File format conversion –JPEG/PNG/GIF –Native XCF format –Supports.psd (Adobe) –Others…
GIMP Graphic Image Manipulation Program. GIMP Image manipulation software Free Open Source Written by two students First version in 1996.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
BFTAW BDPA Workshop Introduction to GIMP Chris
BFTAW BDPA Workshop Introduction to GIMP Chris
Color Correct and Remove Keystoning A minimalist approach to photographing your art By Paul Marley.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
PowerPoint Basics Tutorial 3: Graphics In this tutorial we’ll be looking at graphics, and the various types of illustrations that can be included in a.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Manipulate Graphics Skill Area Lecture Overview Photoshop’s GUI Basic Function Basic Image Manipulation.
Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo.
Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
PowerPoint Basics Tutorial 3: Graphics In this tutorial we’ll be looking at graphics, and the various types of illustrations that can be included in a.
PLACING AND LINKING GRAPHICS
Photoshop Editing Work Flow A Guide to the Full Meal Deal.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
Open up your still frame image in photoshop. Create a copy of the Background copy.
Using A Photo As It’s Own Background. The Original Image.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
Sliding Doors Tutorial  doors/
Tabs with Rounded Corners (Sliding Doors). Sliding Doors Tutorial  doors/
How to Create an Logo in Gimp Created By: Dontarious Williams.
Gimp 101 Tools. Gimp Workspace  Open Gimp  What windows do you see?  There are two main windows we need to have open:  Toolbox: Where all the GIMP’s.
Computer Graphics Imaging Lecture 13 and 14 UV Mapping.
Simple Sprite Sheets with Inkscape & Gimp David Cline.
Introduction to Layers GIMP User Manual. What is a Layer? Every image in GIMP is made by combining one or more images called Layers laid on top of each.
- File>New>Record width and Height’s pixel that you desire Moving GIF animation -Choose File > Place> -Navigate to the file you want to insert and then.
Desktop Publishing Lesson 1 — Working with Documents.
Basics of CorelDraw X6 For Laser Engraving Applications
Photoshop assignment Choose one of the pictures in the Multimedia Tech/Celebrity pictures folder and copy it to your folder (don’t drag, don’t cut, just.
Introduction to Microsoft publisher
Logo with Curved Text.
“ – Attribution (Difficult) Animated snow scene
Learn Animations in Fireworks
Introduction to Microsoft publisher
Tools and techniques.
Shelly Cashman: Microsoft Word 2016
Starburst.
Introduction to Basic Interface of
Gimp Guide Mr Hall.
Microsoft Office PowerPoint 2010 INSERTING GRAPHIC OBJECTS
Grendel The “Shepherd of evil”, “Guardian of crime”, or “Infamous killer” Picture with watercolor overlay background (Advanced) To reproduce the picture.
Questions for Discussion
DEPARTMENT OF PUBLIC SAFETY
Animated picture changes during motion path (Advanced)
Relationships to God I. We have a family relationship to God.
Economist Report (Advanced)
Fly-in marquee lights at picture entrance (Intermediate)
Chapter Lessons Use the Macromedia Flash drawing tools
Computer Animation UV Mapping.
The work of moving ice Chapter 8 Animated snow scene (Difficult)
对 话 无 界 限 “对话是两个集合出现交集的一个刹那。” “对话是发现共同点的捷径。”.
Using Word to Write the Story of Your Life
Introduction To Photoshop
认识耶稣 Knowing Jesus Picture with watercolor overlay background
TEXT FORMAT Textured and layered background with title - Advanced
Picture with watercolor overlay background (Advanced)
DEPARTMENT OF PUBLIC SAFETY
Presentation transcript:

v2.2 Boo Virk boo.virk@babraham.ac.uk GIMP Tutorial v2.2 Boo Virk boo.virk@babraham.ac.uk

What is GIMP www.gimp.org GNU Image Manipulation Program Bitmap Graphics Editor Open Source Cross Platform Not for Vector editing www.gimp.org

Vector vs Bitmap

GIMP at Babraham GIMP is part of our Molbio Software repository \\bi-fas1a\bioinfserv\Software\Shortcuts

Basic Layout View Toolbox – Windows > New toolbox or (Ctrl + B) View Layers Dialogue box – Windows > Dockable Dialogs > Layers or (Ctrl + L) GIMP can do a lot of things – will show you small selection of tools that are ethically acceptable to use for figure production

Opening Images To open an image for editing: Drag file onto a new GIMP window or File > Open or (Ctrl + O) After opening, save a working copy of the file GIMP saves files as XCF files by default, but you can export files in other formats (e.g. PNG)

Straightening Images Drag a horizontal guide line onto your image (from top ruler) to intersect an area that should be perfectly horizontal Using the ‘Rotate’ tool (Shift + R) rotate the image so that it lines up with the guideline When you start to rotate the image, a dialogue box will appear

Straightening Images When finished click the rotate button to apply To remove guideline: Image > Guides > Remove all Guides

Cropping Images Useful to crop unnecessary edges away Can reduce file size when bringing images into a vector file Use the ‘Rectangle Select’ tool (R) to draw a box around the area of the image you want to keep

Don’t forget about Ethics! Cropping Images Click and drag the corners of the box after drawing to fine tune Crop: Image > Crop to Selection Don’t forget about Ethics!

Brightness and Contrast Increasing Brightness Increasing Contrast

Brightness and Contrast Adjusting brightness and contrast can help the clarity of your image In GIMP, Colours > Brightness-Contrast If a selection box is marked, brightness and contrast will be adjusted in selected area only

Brightness and Contrast Brightness and Contrast adjusted Brightness and Contrast adjusted too much image is oversaturated Original Unethical

Colour Levels Brightness and contrast should be edited by adjusting colour levels Colors > Levels Or: Dialogue box shows histogram of colour value usage Useful to display a Logarithmic histogram so that values aren’t hidden at the bottom of the graph

Colour Levels Display Logarithmic Histogram The middle handle will adjust the midpoint of the levels and represents non-linear editing of colours. This is not ethically acceptable for publication!

Alpha channel Alpha channels are masks through which you can display images Within an alpha channel: White acts as the visible area Black acts as the transparent area Level of gray in between determines the level of visibility.

Why use an alpha channel?

In GIMP Layer > Transparency > Add Alpha Channel

Colour to Alpha Channel You can assign a colour to the alpha channel, which will make all pixels in your image with the assigned colour transparent In GIMP Colors > Color to Alpha Preview, indicating which areas are to be transparent Use this tool to pan around the preview Colour swatch – for selecting colour to become transparent

Pseudo-colour Overlays Some experiments such as FISH microscopy may generate multiple greyscale images which can be overlaid to form a pseudo-colour image

Pseudo-colour Overlays Ensure image is in RGB mode Image > Mode > RGB Assign a single colour to each image Color > Colorify

Pseudo-colour Overlays Once images are correct colours, we need to overlay them Open Layers dialogue box (if not already open) Windows > Dockable Dialogues > Layers (Ctrl+L)

Click and drag image layer in to the working window of another image Repeat this until one image has all of the desired layers

Finally, make each layer (except the bottom layer) show only its colour, making the underlying layers visible Layer Dialogue Box -> Mode > ‘Lighten Only’

Scaling Images GIMP can be used to scale the size of your image Image > Scale Image Avoid making your images bigger than original size, bitmaps do not scale up well!

Exporting Images Once editing is done, and the working XCF file is saved, you need to export the image File > Export As… Specify file format e.g. PNG Always save your image as a PNG file, maintains transparency (alpha channel) and is lossless