GIMP Tutorial v2.0 Boo Virk

Slides:



Advertisements
Similar presentations
Creating posters and flyers Lesson -IV. Editing pictures inside Office Office 2007 has tools to edit photos and pictures in the document. Office 2007.
Advertisements

Put your photos into PowerPoint Insert, crop, and format pictures Youve got photos and you want to display them in a slide show. The first thing you need.
Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
The GIMP Simple features tutorial By Mary A White.
Photoshop Lab colorspace A quick and easy 26 step process for enhancing your photos.
Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
Foundation Level Course
Annotation & Nomenclature By Corey Fortezzo for PG&G GIS Workshop, 2010.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Discover Digital Textile Printing for Fashion & Textiles Photo montage and engineered prints.
Photo Editing Basics Photojournalism. IMPORTANT! ALWAYS make a copy before editing. Never work on your original.
 Insert a picture from a file  Move and delete images  Use the Picture Tools tab  Add styles, effects, and captions to images  Resize photos  Use.
Adobe Illustrator CS2 — Revealed GRADIENTS CREATING TEXT AND.
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.
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
Color Correct and Remove Keystoning A minimalist approach to photographing your art By Paul Marley.
Processing and Exporting Images Ivan Zhekov Telerik Web Design Course html5course.telerik.com Front-end Developer
© 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.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Refining Original Illustrations Lesson 9.
Adobe Photoshop Process Manual: Creating a Good Tone Curve By: Robert Bonfante Kyle Gamble David Na Christina Oh.
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:
Introduction to Microsoft publisher
BE1151 Image J Protocol For Western blot analysis 2/10/2006 Terry D. Johnson.
Using Shape Layers When it comes to creating flat, sharp and colorful images, it is always advantageous to involve the use of vectors. Vectors are mathematical.
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.
Getting Started with Fireworks A few tips: –Before you begin an assignment, be sure to create a folder on your drive for it. –If your canvas is checkered,
PLACING AND LINKING GRAPHICS
Photoshop Editing Work Flow A Guide to the Full Meal Deal.
© 2010 Delmar, Cengage Learning Chapter 4 Working with Frames.
CIS 205—Web Design & Development Fireworks Chapter 2.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
1 Layer up to keep warm… A short tutorial on the usage of layers.
Open up your still frame image in photoshop. Create a copy of the Background copy.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
Sliding Doors Tutorial  doors/
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
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.
Adobe Photoshop CS5 Chapter 3 Working with Layers.
- 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.
Basic Web Design Week 3 - Graphics UVICELL. Web Graphics Concepts for Week 3 Selecting the right format for your image Creating a name banner for your.
V2.2 Boo Virk GIMP Tutorial v2.2 Boo Virk
Introduction to Microsoft publisher
Logo with Curved Text.
Introduction to Microsoft publisher
Gimp Guide Mr Hall.
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.
对 话 无 界 限 “对话是两个集合出现交集的一个刹那。” “对话是发现共同点的捷径。”.
Using Word to Write the Story of Your Life
认识耶稣 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:

GIMP Tutorial v2.0 Boo Virk

Vector vs Bitmap

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

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

Typically 3 windows on opening 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 Basic Layout

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 copy of the file – GIMP saves files as XCF files by default, once finished editing you can export files in other formats e.g. PNG

Straightening Images Drag a horizontal guide line onto your image (from top ruler) it should intersect an area that should be perfectly horizontal Use the ‘Rotate’ tool (Shift + R) rotate the image so that it lines up with the guideline As soon as you start to rotate the image the 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

Click and drag the corners of the box after drawing to fine tune Image > Crop to Selection Cropping Images 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 Original Brightness and Contrast adjusted Brightness and Contrast adjusted too much image is oversaturated Unethical

Colour Levels Brightness and contrast can also 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 Use this tool to pan around the preview Preview, indicating which areas are to be transparent 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

First make sure that the image is in RGB mode – Image > Mode > RGB Reduce each image to a single colour – Color > Levels – Select a channel that you want to remove Pseudo-colour Overlays

Click and drag the black handle on the left to the far right of the histogram e.g. if you want the image to be red do this for the blue and green channels

Now the three images are in the correct colours, need to combine them into a single document Open the Layers dialogue box (if not already open) – Windows > Dockable Dialogues > Layers Pseudo-colour Overlays

Select image layer and drag it in to the window of the first image. Repeat this until the first image has all of the desired layers

Finally make each layer (apart from the bottom most layer) show only its colour, this makes 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 editable GIMP XCF file has been 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