Cutting out in GIMP. Navigation click to go to a section

Similar documents
Graphics Handling (GIMP)

GIMP Layers. Creating a Blank Image

OVERVIEW: learning the basics of digital image manipulation using GIMP

PHOTOSHOP. Introduction to Adobe Photoshop

A. Selecting. Example: Start the GIMP by clicking Start, choose Gimp and GIMP 2 from the menu. Open the Keys.jpg image from your course folder.

Using Adobe Photoshop

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

Basic image edits with GIMP: Getting photos ready for competition requirements Dirk Pons, New Zealand

GIMP Tutorial. v2.2. Boo Virk.

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

GIMP. CHAT Web Design

Face Swap with Pixlr

LESSON 04: ORGANIZE IT FOR PSE USERS COMPANION BOOK. Digital Scrapbook Academy. April 2018: Lesson 04 Organize It for Elements Users

INTRO TO LAYERS (PART 2)

GIMP Simple Animation Tutorial

Sahli GIMP Tutorials

Digital Imaging - Photoshop

Sun City Summerlin Computer Club Seminar Introduction to Image Editing With GIMP Tom Burt February 23, 2017

I Read Banned Books Poster File Tip Sheet. The Basics

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

Photoshop: Manipulating Photos

Using Photoshop Elements

Creative Cut-Outs. 1Go to File>New>Blank File to create a new document and enter. Projects EXTRAS: GET MORE ONLINE!

Now we ve had a look at the basics of using layers, I thought we d have a look at a few ways that we can use them.

2.0 4 Easy Ways to Delete Background to Transparent with GIMP. 2.1 Using GIMP to Delete Background to Transparent

CS 200 Assignment 3 Pixel Graphics Due Monday May 21st 2018, 11:59 pm. Readings and Resources

Basics Pictures Media Bar

4 layer BASiCS lesson overview 104

Step 1: Open A Photo To Place Inside Your Text

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

Exploring Photoshop Tutorial

MS Word Training Formatting Pictures

4 LAYER BASICS. Lesson overview

Introduction. Basic Image Formatting. PowerPoint 2010 Formatting Pictures. To Crop an Image: Page 1

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

Photoshop CC Editing Images

Diploma in Photoshop

Introduction. Basic Image Formatting. Word 2010 Formatting Pictures. To Crop an Image: Page 1

2.11 CASTING LIGHT THROUGH A WINDOW

free ebooks ==>

How to Rotate, Level, Crop, and Size Images

Photoshop CC 2018 Essential Skills

FLAMING HOT FIRE TEXT

Photoshop CS part 2. Workshop Objective. Getting Started Quit all open applications Single click Adobe Photoshop from the Dock

Photo Within A Photo - Photoshop

Source photo, sketchbook collage and digital collage

Digital Photography 1

Adobe Photoshop CS2 Workshop

Quilt Pro 6 Lesson Quilt in a Quilt

How to prepare your files for competition using

Photoshop: Manipulating Photos

Movie Merchandising. Movie Poster. Open the Poster Background.psd file. Open the Cloud.jpg file.

1/31/2010 Google's Picture Perfect Picasa

Photoshop Exercise 2 Developing X

11 Advanced Layer Techniques

Stone Creek Textiles. Layers! part 1

HOW TO CREATE A SUPER SHINY PENCIL ICON

Ascension's Atlas Tutorial in GIMP

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

Impress Guide Chapter 4 Adding and Formatting Pictures

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

Introduction to Photoshop CS6

REMEMBER: You have 5GB of disk space on this microscope. Check before you start if you have room for your experiment. If not delete your old data.

Introduction to Photoshop

12. Creating a Product Mockup in Perspective

This tutorial will show you how to use artistic grunge overlays to transform your photos into works of art.

Image Production Guide

General Workflow for Processing L, Ha, R, G, and B Components in ImagesPlus

5 Masks and Channels

Adobe Photoshop Notes. Adobe Photoshop CS3

Perspective Shadow Text Effect In Photoshop

Introduction to Layers

How to make Lithophanes for the LED Holiday Litho-Lantern

Project 25 Page 1 ` JAZZ POSTCARD

Introduction. The basics

Corel PHOTO-PAINT BERNINA Page 1 DL

Photoshop Elements 7.0

PowerPoint 2016: Formatting Pictures. Introduction

TEXT PERSPECTIVE SHADOW EFFECT

Using Adobe Photoshop

Select your Image in Bridge. Make sure you are opening the RAW version of your image file!

15 Photoshop Tips. Changing Photoshop rulers from inches to picas

Infographics: Display Data for Easy Interpretation

WORN, TORN PHOTO EDGES EFFECT

Photo Editing in Mac and ipad and iphone

By Silvio.Nocilla. Flying Car

How to Create Website Banners

Photo Story Tutorial

Central Photography [OUT OF BOUNDS]

Orientation. Making a Mountain Brush

Editing Using Photoshop CS5

Adobe Lightroom CC Tutorial

Template Tutorial. By Hummie

Panoramas and the Info Palette By: Martin Kesselman 5/25/09

Challenge Image: Blur the Background

BORDERS AND FRAMES - DROP SHADOW

Clipping Masks And Type Placing An Image In Text With Photoshop

Hogalised Drawings Stage 2. - The GIMPY bit

Extreme Makeovers: Photoshop Retouching Techniques

Photoshop Elements for Genealogists Part 1

Transcription:

Cutting out in GIMP Navigation click to go to a section Before you start Cutting out an element Using several elements Using backgrounds with cut out elements Adjusting the colour of elements Creating a shadow

Before you start to the top 1. To set up your work area, after opening GIMP go to WINDOWS at the top and make sure SINGLE WINDOW MODE is ticked. 2. On the left you should have a TOOLBOX and on the right a DOCK. If the DOCK is missing hover near the edge and drag to the left to reveal it. 3. Close any open tabs on the right by left clicking the button indicated below and then choosing CLOSE TAB. 4. From WINDOWS > DOCKABLE DIALOGS open LAYERS and TOOL OPTIONS. These will probably appear on the right.

5. Now drag each tab on the right to the DOCK on the left.

6. After moving both close the right hand side DOCK by dragging the edge to the right. This will give you the maximum working area. 7. This guide assumes you have things arranged as above. Once you re confident feel free to organise your workspace as you want it.

Cutting out an element to the top 1. Open your image in GIMP and then from the LAYERS tab in the bottom left RIGHT-CLICK and click on ADD ALPHA CHANNEL. 2. RIGHT-CLICK again on the layer and click on DUPLICATE LAYER. 3. Click on the top layer to make sure it is active and then use COLORS > BRIGHTNESS-CONTRAST 4. Use your judgement but you re aiming to increase CONTRAST in order to make the edges more distinct. Don t worry about the effect on the image; you will delete this layer later.

5. Using the SCISSORS tool, set the options in the bottom left (from the TOOL OPTIONS tab) to FEATHER EDGES, setting the value to 2px. 6. Now click on the edge of the element to be cut out. Continue clicking around the edge and GIMP will work out where the edge should be. If it doesn t look right you can move the last point you clicked so that it is closer to the previous point. 7. Once you ve gone around the item click inside the element to create a selection.

8. Drag the top layer the one on which you increased the contrast to the bin at the bottom of the LAYERS tab. 9. You have the element selected so do SELECT > INVERT from the top. 10. Increase the selection by doing SELECT > GROW and chosing 1px or 2px. This will make it more likely that the background is completely removed.

11. Press DEL on the keyboard to delete the background. You should be left with the element on a checkerboard background (to indicate it is transparent). 12. Crop to size and then FILE > EXPORT to save as a PNG file for use in other programs, for example Publisher. 13. Use FILE > SAVE to save a XCF version. You cannot use this elsewhere but you can reopen it in GIMP to work on the layers.

Using several elements to the top 1. After following the steps above you can create multiple versions of the same element. Right click on the layer from the LAYER tab in the bottom left and click DUPLICATE LAYER. 2. Use the MOVE TOOL to reposition the element. 3. The SCALE TOOL allows you to make an element larger or smaller. When using this tool the centre of the layer can also be used to reposition the element. 4. When using the SCALE TOOL you can either use the resizer handles that appear when you click on the element or use the DIALOG box. 5. On the SCALE dialog box click the link icon to preserve the proportions of the element. This will prevent it looking stretched. 6. Set a new width and the height will automatically adjust when you click the SCALE button.

7. The ROTATE TOOL will allow you to rotate the element. 8. Duplicate the layer again (and again and again, if you like) and reposition. 9. Use FILE > EXPORT and save as a PNG file to use the image elsewhere. 10. Use FILE > SAVE to save a XCF version. You cannot use this elsewhere but you can reopen it in GIMP to work on the layers.

Using backgrounds with cut out elements to the top 1. Cut out your element following the steps above. 2. Open the image you want to use as a background. You will see tabs appear underneath the top menu so you can switch between open files. 3. Copy the layer with your cut out element on it by making the layer active and then using EDIT > COPY. 4. Use the tab at the top to switch to the background image. 5. Use EDIT > PASTE. In the LAYERS tab in the bottom left you now have a floating selection. If you have a low resolution background your cut out element will be huge; if your background image is high resolution your cut out element will appear to be tiny. 6. Right click on the floating selection in the LAYERS tab and click TO NEW LAYER.

7. The floating selection has now become a standard layer. 8. To move or resize the cut out element see using several elements above.

Adjusting the colour of elements to the top 1. After cutting out your element and then duplicating it you can adjust each element. 2. Each of the examples below only affects the active layer. 3. From the menu at the top use COLORS > BRIGHTNESS-CONTRAST. 4. From the menu at the top use COLORS > ADJUST COLOR BALANCE 5. From the menu at the top use COLORS > ADJUST HUE-SATURATION

Creating a shadow to the top 1. Follow the steps above to create a cut out element. 2. Click on the SELECT BY COLOR TOOL and then click on the checkerboard background of the layer containing your element. This selects the transparent background. 3. Use SELECT > INVERT to make a selection that is the same shape as the element you want to put a shadow behind. 4. Feather by 100px. The higher the number the softer the edge of the shadow will be. 5. Make a new layer so that you can create a shadow. Click on the new layer in the bottom left corner of the LAYERS tab. 6. Click on the foreground colour to choose a new colour for the shadow.

7. Making sure that the empty layer is active in the LAYERS tab in the bottom left use the BUCKET FILL TOOL and click on the selection shape. 8. Reposition the shadow using the MOVE TOOL. 9. Drag the shadow layer beneath the main element layer in the LAYERS tab. 10. The white layer has been added to demonstrate the shadow effect. Delete it before doing FILE > EXPORT and saving as a PNG for use elsewhere.