Graphic Design with Gimp

Similar documents
Microsoft Picture Manager. Picture Manager

Get to Know Paint Shop Pro: The Freehand Selection Tool

Smart Board Notebook Software A guide for new Smart Board users

Crop and Frame Your Photos

ClarisWorks 5.0. Graphics

oit How to Make Basic Image Adjustments using Microsoft Office Picture Manager (Windows) Open a Picture in Picture Manager

To Begin Customize Office

MASKS & CHANNELS WORKING WITH MASKS AND CHANNELS

Adobe Certified Expert Program

Digital Image Concepts I

Optimizing your image with Pixlr on-line photo editor

ACADEMIC TECHNOLOGY SUPPORT

Quick Start Guide Simple steps for editing and manipulating your photo.

Using Microsoft Word. Working With Objects

A GUIDE TO USING PAINT.NET

Easy Photo Editing with Windows Vista s Photo Gallery

RS/GIS Quick Start Guides Collaborative training materials available from the Biodiversity Informatics & Geospatial Innovation Facilities

m ac romed ia Fi r e wo r k s Curriculum Guide

Welcome to ACDSee Photo Editor 6. Using How-tos to Learn About ACDSee Photo Editor 6. How to Use ACDSee Photo Editor 6

Microsoft PowerPoint 2010 Templates and Slide Masters (Level 3)

Adobe Illustrator CS5 Part 1: Introduction to Illustrator

Task Card #2 SMART Board: Notebook

Using Adobe Dreamweaver CS4 (10.0)

Section 1: Ribbon Customization

Creating Web Pages with Microsoft FrontPage

Photoshop- Image Editing

Carrie Schoenborn Molly Switalski. Big Idea: Journeys

USING ADOBE PhotoShop TO MEASURE EarthKAM IMAGES

NIS-Elements Viewer. User's Guide

A) Setting Screen Resolution to 1024 x 768

Epson Brightlink Interactive Board and Pen Training. Step One: Install the Brightlink Easy Interactive Driver

Photoshop 5.5 Hotkey Table

NetMeeting - User Guide

ART 170: Web Design 1

Graphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene.

KB COPY CENTRE. RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ. Telephone:

Graphic Design Studio Guide

TabletWorks Help Index 1

Making a Poster Using PowerPoint 2007

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint

Seashore. The Incomplete Guide

PowerPoint Interface Menu Bars Work Area Slide and Outline View TASK PANE Drawing Tools

Changing How the Mouse Works in Windows 7

Windows XP Pro: Basics 1

Smart Connection 9 Element Labels

Creating a Digital Signature for Fillable PDF Forms

WebEx Sharing Resources

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional.

Lession: 2 Animation Tool: Synfig Card or Page based Icon and Event based Time based Pencil: Synfig Studio: Getting Started: Toolbox Canvas Panels

Scanning Scanning images. cover

WAYNESBORO AREA SCHOOL DISTRICT CURRICULUM INTRODUCTION TO GRAPHICS

Create A Collage Of Warped Photos

Using PowerPoint To Create Art History Presentations For Macintosh computers running OSX with Microsoft Office 2008

INTERMEDIATE Excel 2013

What s New in QuarkXPress 8

m ac romed ia Fl a s h Curriculum Guide

CLOCKWORK Training Manual and Reference: Inventory. TechnoPro Computer Solutions, Inc.

IT Quick Reference Guides Using Windows 7

Bb COLLABORATE (ONLINE ROOM) APPLICATION SHARING REFERENCE GUIDE

NVCC Alexandria Campus

PowerPoint 2013: Basic Skills

Microsoft Office Publisher 2010

Fireworks CS4 Tutorial Part 1: Intro

PaperPort Getting Started Guide

Click on various options: Publications by Wizard Publications by Design Blank Publication

How to resize, rotate, and crop images

Done. Click Done to close the Capture Preview window.

Publisher 2010 Cheat Sheet

How To Insert Hyperlinks In Powerpoint Powerpoint

A Beginner s Guide to PowerPoint 2010

SMART NOTEBOOK 10. Instructional Technology Enhancing ACHievement

Introduction to Microsoft Word 2003

NetCDF Tutorial. Copyright Esri All rights reserved.

Portrait Professional User Manual

Menus and Toolbars: Using and customizing those common to all OpenOffice.org components

What s New in Adobe Photoshop CS3

9/4/2012. Objectives Microsoft Word Illustrated. Unit B: Editing Documents. Objectives (continued) Cutting and Pasting Text

Flash MX Image Animation

Unit 21 - Creating a Button in Macromedia Flash

TUTORIAL 4 Building a Navigation Bar with Fireworks

BASIC VIDEO EDITING: IMOVIE

BIGPOND ONLINE STORAGE USER GUIDE Issue August 2005

Quick Start Guide. Microsoft Publisher 2013 looks different from previous versions, so we created this guide to help you minimize the learning curve.

Audacity Quick Reference Guide. Radford University Technology in Learning Center

Microsoft Publisher 2010 What s New!

Extracting Aerial Images From GIS Based Ortho Photos Using ArcMap 9

RDM+ Remote Desktop for Mobiles For Blackberry Playbook

Creating forms in Microsoft Access 2007

Transcription:

Graphic Design with Gimp Author: Jake Harries, Acces Space and Andrej Arh, Rizom Maribor, 2012 Licence: Creative commons

OVERVIEW: learning the basics of digital image manipulation using GIMP This learning resource contains information about a small part of GIMP. Extensive documentation can be found online: http://docs.gimp.org/2.6/en/. Most of the information below was gathered from this website. What is GIMP? GIMP is a multi-platform photo manipulation tool. GIMP is an acronym for GNU Image Manipulation Program. The GIMP is suitable for a variety of image manipulation tasks, including photo retouching, image composition, and image construction. Basic concepts: IMAGES Images are the basic entities used by GIMP. Roughly speaking, an image corresponds to a single file. A GIMP image may be quite a complicated thing. Instead of thinking of it as something like a sheet of paper with a picture on it, think of it as more like a book, whose pages are called layers. LAYERS If an image is like a book, then a layer is like a page within the book. The simplest images contain only a single layer, and can be treated like single sheets of paper. Sophisticated GIMP users often deal with images containing many layers, even dozens of them. FORMAT Image files can have different formats (JPEG, TIFF, PNG, etc.). Each format uses a specific type of compression. Depending on the use we are going to give to our image we may use one file format or another. For example TIFF is a format that allows for very good quality images and therefore it is used for large-scale image printing. JPEG allows bigger compression and it is used when less quality is needed. MAIN WINDOWS The screenshot on the next page shows the most basic arrangement of GIMP windows that can be used effectively.

1. The Main Toolbox: Contains a set of icon buttons used to select tools. May also contain the foreground and background colors; brush, pattern, and Gradient; and an icon of the active image. Use Edit --> Preferences --> Toolbox to enable, or disable the extra items. 2. Tool options: Docked below the main Toolbox is a Tool Options dialog, showing options for the currently selected tool (in this case, the Smudge tool). 3. An image window: Each image open in GIMP is displayed in a separate window. Many images can be open at the same time, limited by only the system resources. Before you can do anything useful in GIMP, you need to have at least one image window open. The image window holds the Menu of the main commands of GIMP (File, Edit, Select...), which you can also get by rightclicking on the window. 4. The Layers, Channels, Paths dock with the Layers Dialog open; note that the dialogs in the dock are tabs. This dialog window shows the layer structure of the currently active image, and allows it to be manipulated in a variety of ways. It is possible to do a few very basic things without using the Layers dialog, but even moderately sophisticated GIMP users find it indispensable to have the Layers dialog available at all times. 5. Brushes/Patterns/Gradients: The docked dialog below the layer dialog shows the dialogs (tabs) for managing brushes, patterns and gradients.

Basic GIMP operations CROP What is cropping? 1. Click the Crop button in the Toolbox (shortcut: Shift + C). 2. Click and drag. 3. Adjust by placing the mouse inside the rectangle you ve created in the previous step and clicking and dragging again. 4. Double click inside the selection to crop. More info on cropping: http://docs.gimp.org/2.6/en/gimp-tutorial-quickie-crop.html

SELECT Often when you operate on an image, you only want part of it to be affected. In GIMP, you make this happen by selecting that part. Most, but not all, GIMP operations act only on the selected portions of the image. Shortcuts for selection tools are e, r and f. For this exercise open two different images. Rectangular and elliptical selection 1. Click the button in the toolbox. 2. Click and drag on image 1. 3. Right-Click > edit > copy. 4. Open second image Right-click > edit > paste. Lasso The Free Selection tool, or Lasso, lets you create a selection by drawing it free-hand with the pointer, while holding down the left mouse button.

Magic Wand The Fuzzy Select (Magic Wand) tool is designed to select areas of the current layer or image based on color similarity. It is fun to use, so beginners often start out using it a lot. You will probably find, however, that the more you use it, the more frustrated you become with the difficulty of selecting exactly what you want, no more, no less. More experienced users find that the Path and Color Select tools are often more efficient, and use the Wand less. Select By Color The Select by Color tool is designed to select areas of an image based on color similarity. It works a lot like the Fuzzy Select tool ( Magic Wand ). The main difference between them is that the Magic Wand selects contiguous regions, with all parts connected to the starting point by paths containing no large gaps; while the Select by Color tool selects all pixels that are sufficiently similar in color to the pixel you click on, regardless of where they are located.

Change image size When you have a huge image and you want to resize it so that it displays nicely on a web page, do the following: 1. Open the scale image dialog. IMAGE > SCALE IMAGE. 2. Give the new measures ALWAYS keeping the proportions. 3. Click OK. Change brightness and Contrast The Brightness-Contrast tool adjusts the brightness and contrast levels for the active layer or selection. This tool is easy to use, but relatively unsophisticated. 1. Open TOOLS > COLOUR TOOLS > BRIGHTNESS-CONTRAST 2. The brightness slider sets a negative (to darken) or positive (to brighten) value for the brightness, decreasing or increasing bright tones. 3. The contrast slider sets a negative (to decrease) or positive (to increase) value for the contrast. Conclusion: This quick introduction to GIMP will allow us to create collages of images gathered from the Internet. These compositions can then be used to customize the desktop of the laptops or to create online avatars or to prepare images for blog or document.