GIMP (GNU Image Manipulation Program) MANUAL

Similar documents
Adobe PhotoShop Elements

Adobe Photoshop CC 2018 Tutorial

Adobe Photoshop CS5 Tutorial

ADOBE PHOTOSHOP CS TUTORIAL

By Washan Najat Nawi

Digital Photography 1

Getting Started. 1. Double click on the eye con. 2. Single click on File, then new, then OK. Click here.

Adobe Photoshop CS2 Workshop

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description

Introduction to Photoshop

Photoshop 1. click Create.

The toolbar in Pixlr Editor always appears on the left-hand side, although you can drag it anywhere you like.

Using Photoshop Elements

Rendering a perspective drawing using Adobe Photoshop

GETTING STARTED. 0 P a g e B a s i c s o f A d o b e P h o t o s h o p A g a P r i v a t e I n s t i t u t e f o r c o m p u t e r s c i e n c e

PhotoFiltre. Reverse foreground/background colors. Background & foreground colors. Set default foreground/background colors. Color choice palette

Filters. Learning Objectives. Introduction

Extreme Makeovers: Photoshop Retouching Techniques

Stitching Panoramas using the GIMP

Downloaded From : Working with Photoshop 7.0

Overview: Getting to Know the Work Area Design and Print Module 1 of 20

Photoshop (Image Processing)

HOW TO CREATE A SUPER SHINY PENCIL ICON

CATEGORY SKILL SET REF. TASK ITEM

Digital Design and Communication Teaching (DiDACT) University of Sheffield Department of Landscape. Adobe Photoshop CS5 INTRODUCTION WORKSHOPS

Contents. Introduction

Learning Photo Retouching techniques the simple way

Welcome to Photoshop CS

Texts and Resources: Assessments: Freefoto.com Group Photo Projects

CSCI Lab 6. Part I: Simple Image Editing with Paint. Introduction to Personal Computing University of Georgia. Multimedia/Image Processing

All Creative Suite Design documents are saved in the same way. Click the Save or Save As (if saving for the first time) command on the File menu to

XXXX - ILLUSTRATING FROM SKETCHES IN PHOTOSHOP 1 N/08/08

Creating Pastel Images and other effects in Photoshop

Graphics Handling (GIMP)

Perspective Guides. Perspective Contextual Toolbar. 1-Point Perspective

ITEC185 INTRODUCTION TO DIGITAL MEDIA

VERY. Note: You ll need to use the Zoom Tools at the top of your PDF screen to really see my example illustrations.

Design a Halloween Pumpkin Wallpaper in Photoshop

Introduction to Adobe Photoshop 5.0

Corel PHOTO-PAINT BERNINA Page 1 DL

Adobe Photoshop CS5 ACE

PHOTOSHOP & ILLUSTRATOR BOOTCAMP

Tablet overrides: overrides current settings for opacity and size based on pen pressure.

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.

Adobe PhotoShop Elements 3.0 Quick Start Tutorial

GIMP WEB 2.0 ICONS. Web 2.0 Icons: Paperclip Completed Project

GETTING STARTED MAKING A NEW DOCUMENT

Introduction to Layers

GIMP Layers. Creating a Blank Image

IT154 Midterm Study Guide

Unit 7 : Image Painting, Editing and Layers

Overview of Photoshop Elements workspace

How to Create Website Banners

PHOTOSHOP. Introduction to Adobe Photoshop

Digital Imaging - Photoshop

Logo Contest Pic. A Foray into Photoshop. Contributed by: Eric Rasmussen a.k.a. Sylvanite

Making Selections: 3 Ways to isolate an area in an image: Layer Mask : Mask the part of the layer you don t want to be visible

Exploring Photoshop Tutorial

Adobe Photoshop CS5 Layers and Masks

Ms. Cavo Graphic Art & Design Illustrator CS3 Notes

GIMP is perhaps not the easiest piece of software to learn: there are simpler tools for generating digital images.

Photoshop Elements. Lecturer: Ivan Renesto. Course description and objectives. Audience. Prerequisites. Duration

Using Adobe Photoshop

Fireworks Bitmap Graphics Hands on practice notes. Basic Panels to note in Fireworks (Review)

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010

PICTURE AS PAINT. Most magazine articles written. Creating a seamless, tileable texture in GIMP KNOW-HOW. Brightness. From Photo to Tile

Mullingar Camera Club Basic introduction to Digital Printing using Photoshop CC.

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore

ADOBE PHOTOSHOP CS 3 QUICK REFERENCE

NMC Second Life Educator s Skills Series: How to Make a T-Shirt

Compositing. Compositing is the art of combining two or more distinct elements to create a sense of seamlessness or a feeling of belonging.

Learning Adobe Photoshop CS6

An Introduction to Photoshop 6. Photoshop. retouching applications. images, Lightweight version: Photoshop Elements

Quick Mask Setting Up your Work Environment Setting Up the Quickmask Parameters

Photoshop CC Editing Images

Project 8: Nice Close-Up

ArcSoft PhotoImpression Table of Contents:

Working with Photoshop CS4

IMAGE CORRECTION. You can find this and more information with video tutorials at

Welcome to Corel DESIGNER, a comprehensive vector-based package for technical graphic users and technical illustrators.

Photoshop Backgrounds: Turn Any Photo Into A Background

ITNP80: Multimedia Adobe Photoshop Practical Weeks commencing 26 January and 2 February 2015.

Photoshop Elements Hints by Steve Miller

How to Create Animated Vector Icons in Adobe Illustrator and Photoshop

Introduction to Photoshop: Basic Editing & Prepare Images for the Web

Photoshop CC 2018 Essential Skills

Introduction. The basics

1.0 Introduction to Brush Tools

The Layer Blend Modes drop-down box in the top left corner of the Layers palette.

Organizing artwork on layers

PhotoFiltre DEPARTMENT OF EDUCATION

Adobe Photoshop CS 6 Level II. Topics: Selection Tools Layers Photo Correction

Out of Bounds - Dolphins

Making a Printable Business Card Using Pixelmator

Survival Project. Unit 4 Concept Art. PO2: Understand industry tools and techniques for creating concept art

Improve your photos and rescue old pictures

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers:

A quick note: We hope that you will find something from the Tips and Tricks that will add a little pizazz to your yearbook pages!

Annex IV - Stencyl Tutorial

Chapter 4: Draw with the Pencil and Brush

Transcription:

Selection Tools Icon Tool Name Function Select Rectangle Select Ellipse Select Hand-drawn area (lasso tool) Select Contiguous Region (magic wand) Selects a rectangular area, drawn from upper left (or lower right) corner. Selects an elliptical area, drawn as though inside a box starting at upper left (or lower right) corner. Draws a line (as with the pencil tool) as long as the mouse button is held down. When the mouse button is released, Gimp draws a straight line back to the point of origin and selects everything inside the hand-drawn shape. Selects everything of the same color connected to the point clicked (very useful for selecting odd shapes). The 'Threshold' at which point Gimp decides to include or exclude ambiguous points can be adjusted using tool options. Size Tools Icon Tool Name Function Move selection Zoom Crop image Rotate, Scale, Shear, Perspective Click and drag to move a selected area (or the whole image, if no part is selected). Zoom doesn't actually change the image, but instead changes the way it appears on the screen. The default function is "zoom in;" to zoom out, use the zoom tool options. This tool 'crops' the outside of the image (like one would do with a physical photograph). Use the crop tool to select a region of the image (as you might with the Rectangular Selection tool) and click the 'crop' button. Any part of the image outside the selected area will be deleted. This tool allows you to alter your image (or the selected region of your image) in one of four ways: Rotate - click once to bring up the rotation handles, then click and drag the handles to rotate your selection. Scale - click once to bring up the scaling grid, then click and drag the handles to change the size of your selection. Shear - click once to bring up the shearing grid, then click and drag the handles to change the angle of the selection. Perspective - click once to bring up the perspective grid, then click and drag from anywhere to change the perpective of your selection. When you've made the adjustments to the image as you see fit, click the button for the function on the tool options window to finalize the change. Flip Flips the selected region horizontally. To flip vertically, use the tool options These tools give you enormous flexibility over the way your image looks. Above are a few examples of an image altered by the tools. GIMP (GNU Image Manipulation Program) MANUAL 1

Content Tools Icon Tool Name Add Text Capture color (dropper tool) Fill area (paintcan tool) Fill with a Gradient Pencil tool Brush tool GIMP (GNU Image Manipulation Program) MANUAL Function Allows you to add text to your image. The text is added as a drawn image, and can't be edited later. Allows you to select a color from the screen to use as the color for your document. Using the Fill tool, you can click on an area to have it filled in with the selected color. You can also use one of the Selection tools to select a region of your image, then use the fill tool to fill it. A Gradient is a computer generated blend from one color to another. Gimp allows you to use tool options to alter the way the fill looks. To use a gradient fill, click where you'd like one point of the gradient to start, then drag the mouse to the end of the gradient. You'll probably need to try it a few times to get the feel for it. The pencil tool allows you to draw a line using the selected brush head as the "tip" of your pencil. You can use the tool options to adjust the way it works. The Brush tool allows you to draw a line using the selected brush head as the tip of your brush. The brush tool differs from the pencil tool in the way it renders the drawn line. You can use the tool options to adjust the way it works. Gradient Fills Most of these tools are pretty straightforward. The example above shows a few of the different gradient fills, just to give you an idea of how they look. GIMP (GNU Image Manipulation Program) MANUAL 2

Advanced Tools Icon Tool Name Function Erase Airbrush Clone a region of the image Blur or Sharpen Draw in Ink Dodge or Burn Smudge Measure angles and distances Erases the clicked-on area of the image. Uses the selected brush head as the eraser "tip." Airbrush allows you to simulate the application of an airbrush paint gun. The Tool options allow you to adjust rate and pressure of flow. You can use this tool to copy one part of an image onto another part. To select the part of the image to copy from, control-click on the part of the image to use. Let go of the control key. Then click on another part of the image. The clone tool will take a space the size and shape of the brush tip and copy it from the first place to the second. (This is a handy way to remove an object in the foreground of an image.) The blur tool uses anti-aliasing to "blur" the area under the mouse. The more you drag the mouse over an area, the less distinct the lines in the area become. Sharpen, on the other hand, makes lines more distinct. The mouse acts like an inkwell pen, drawing in a smooth line. To alter the size, intensity, and "angle" of the pen, use the tool options The Dodge/Burn tool is used for highlighting pieces of your image. The dodge tool makes the areas it passes over turn slightly lighter, while the burn tool makes the areas slightly more dark. You can adjust the areas affected by the tool with tool options The smudge tool allows you to "smudge" your image, to make it bleed into the areas around it. You can adjust the rate and opacity with tool options Using the mouse, you can measure angles and lines in your image. Gimp displays relevant details about your measurements along the text space at the bottom of your image. These tools give you enormous flexibility over the way your image looks. Above are a few examples of an image altered by the tools. GIMP (GNU Image Manipulation Program) MANUAL 3

Tool Options GIMP (GNU Image Manipulation Program) MANUAL Most of Gimp's tools can be adjusted. You can adjust the density of a brush stroke, the pressure of the airbrush, the tolerance of the contiguous selection tool, and so on. To allow you to make these adjustments, Gimp offers the Tool Options part of the main window, which shows the possibilities for each tool. The Tool Options window is a generic window that controls which ever tool you have selected. To display the Tool Options, simply click on the palette icon for the tool you want to adjust. When you do, the Tool Options will display beneath the main palette area. Shown on the main palette are the tool options for the brush tool. It is beyond the scope of these help pages to go into detail about each adjustment you can make to each tool. It should suffice to say that Gimp has numerous settings with which you can do the most detailed image manipulations. Size There are three different ways to resize an image with Gimp. Below are details about the three methods, and examples of what they do. Scale image Scaling refers to the process by which and image is enlarged or reduced by a given parameter. To scale an image, click the arrow menu in the upper left corner of the Gimp image window and select the Image menu. Then click "Scale Image..." to open the Scale Image Dialog window. You can choose whether to change your image by pixels or percentage, and whether to keep the ratio the same (by clicking on the chain to the right of the ratio entries). Below are some examples of scaling operations. Original Image Scaled to 150% ratio locked Scaled to 50% ratio unlocked GIMP (GNU Image Manipulation Program) MANUAL 4

Crop image To crop an image means to cut out the unwanted parts of the image. The crop tool allows you to select a rectangular area of the image and cut the rest away. An example is below. Original Image Image Cropped Adjust Canvas The Adjust canvas feature is the least useful feature for changing the image size, but there are times that you might want to use it. In essence, it allows you to add more space to your image without distorting the images you already have. Original Image More Canvas Note: Unless you are using layers to manage your document, you will probably find this option pretty useless. If you're only using one layer, you won't be able to draw on the new area that you've created without scaling your image to fit the new area. Layers An image made using layers Layers are one of the most useful features available with Gimp. Layers make your image infinitely manipulable. They do so by separating elements of your image into separate sheets, each of which can be altered and stacked on top of one another. This way, when you select part of the image to move, you aren't moving the entire image, just the part that's on that layer. GIMP (GNU Image Manipulation Program) MANUAL 5

Starting layers mode To use layers with Gimp, click the arrow menu in the upper left corner of the Gimp image window and choose the "Layers" menu. From there, select "Layers, Channels, and Paths" to open the Layers Dialog box (shown at right). The layers window represents each layer as though it were a separate sheet of celluloid, each piled on top of the next. Adding new layers To add a new layer, click the paper icon in the lower left of the Layers window. A New Layer dialog will open, giving you size, shape, and opacity options. Editing with layers To alter the way layers display, you can adjust the following: Opacity -- you can adjust opacity for each layer with the slide bar at the top of the layers window. Visibility -- you can also choose whether or not to display each layer by clicking the eyeball (it will toggle on or off). Selected Layer -- you can select a layer by clicking on its name. The layer will turn blue in the Layers window when it is selected. To add content to a layer you must first select it. Change layer order -- you can adjust layer order by clickingand-draging a layer to a new position above or below another layer. GIMP (GNU Image Manipulation Program) MANUAL 6

Animation GIMP (GNU Image Manipulation Program) MANUAL Animated GIFs are one of the more ubiquitous graphics formats on the web today. Gimp makes making animated GIFs quite easy. If you have two images that you want to combine into an animated GIF, you may want to use gifsicle, which makes animated GIFs with a single command. Making a simple animated GIF 1. Open layers window Animated GIFs are created using separate "frames" that play in order. The image used as our sample here is a simple two-frame image. To begin with, you need to open a new image in Gimp and open the layers window. 2. Make extra layers Each layer in the GIF will be a new frame in the image (the bottom-most layer will be the first layer, and so on up). For instance, this image consists of two frames, one with a purple background and yellow dot, the other with a white background and yellow dot. When you make new layers, be sure to choose a solid background, rather than a transparent one. Since animated GIFs display by piling the layers on top of one another, any transparent areas will show through to the layer underneath. 3. Export your animation Once you've made your layers, it's time to save your animation as a GIF. Choose the file menu and click "Save." The Save dialog will come up. Be sure to add the ".gif" extension to the filename you choose. The Export window will open next. Be sure to select "Save as animation" as shown below. When you click "Export," another dialog window will open (below). GIMP (GNU Image Manipulation Program) MANUAL 7

This dialog includes options for how long each frame should render, and whether or not you want the animation to loop or stop at the end. The number indicating frame length is in milliseconds (so 500 is 1/2 second). Fill in this information and click "OK." Complex animations Gimp also gives you the ability to make complex animations using many frames with variable frame lengths. To add more frames to your image, simply add more layers. To change the length that each frame is rendered, you need to include the number of milliseconds in the name of the layer itself. To do so: 1. Double click on the layer name. The layer attributes dialog will open. 2. In the name space, include the number of milliseconds you want the frame to play. Make sure you include the number in parenthesis, followed by the letters "ms". See our example below. 3. Finally, export the image as discussed above. To see how your animation looks before you export it, you can use the animation playback window. Open that window by clicking on the arrow menu in the upper left corner of your image, then choosing "Filters," "Animation," and finally "Animation playback." The Gimp Animation Playback Window will open. GIMP (GNU Image Manipulation Program) MANUAL 8