SlideShare a Scribd company logo
2
Most read
Image Editing for Beginners
Teresa Beary (May 2013)
You’re welcome to use your own images for these exercises, or some example images have been
provided with the class materials.
Please copy this folder to your personal drive so everyone has access to the originals.
Exercise 2 – Adding a transparent background
1) Open one of the “clipart” images using Gimp.
2) Add an alpha channel to the JPG image. (Do A or B.)
A. In the Layers dialog box, right-click on “Background” and select “Add Alpha Channel”.
B. On the Canvas window, select Layer > Transparency > Add Alpha Channel
3) Use the magic wand selection tool to click on the white part of the image.
4) Press Delete on your keyboard, or go to Edit > Clear.
5) Use the Erase tool to remove any lingering background.
6) Go to File > Save as > name your file and end the name with “.png”
7) Open up your image (maybe drop it into PowerPoint) to verify that you successfully made it transparent.
1) Open PowerPoint and create a SmartArt or other graph/chart/diagram.
2) Go to File > Save as… > Change the Save as file type to “PNG Portable Network Graphics Format”.
3) Save the current slide only.
Does your image need to be cropped or resized?
4) Open your image using Gimp.
5) Use the Crop tool to trim down the edges.
6) Play around with the image size: (Option A or B)
1) Use the Scale tool. (This only works on the selected layer, currently we only have one.)
2) Go to Image > Scale Image… > Enter a new width or height.
How do your changes affect the resolution when you look at the saved image?
Exercise 1 – Create images using PowerPoint
Overwhelmed by all the options in Gimp? Check out the Gimp reference pdfs in the class directory.
Exercise 4 – Playing with photo effects
Open one of the portrait images. Do the following (try them in combination or each one separately.)
1) Filters > Décor > 2) Filters > Distorts > 3) Filters > Artistic > 4) Colors >
Remember:
Ctrl + z to undo
Exercise 3 – Selective color
1) Open the nature-01.jpg image.
2) Duplicate the background layer. Right-click on it in the Layers dialog and select “Duplicate Layer”
3) Make the black and white version. Go to Layer > Colors > Desaturate…
I prefer the “Luminosity” setting, but you can select each to see the difference. Click “Ok”
4) In the Layers dialog, right-click on the black & white layer and select “Add Layer Mask…” > Keep the
default “White (full opacity)” and click “Add”.
5) Make sure the white mask is selected. Then click on the Brush tool, and start painting on the butterfly.
Instead of adding pure black to the image, you should see the blue of the bottom layer show through.
It’s like you’re painting a hole in the top layer.
6) If you go outside the lines, switch the color to white and you’ll fill-in the mask.
Also try changing the brush from a hard circle to a fuzzy circle and observe the difference it makes.
7) When you’re all done, save the file with a new name as a .jpg
Exercise 5 – Original composition
Feeling creative? Use the example images and everything you’ve learned to create a multi-layered composition.
Hint: You can copy and paste layers from one image in Gimp to another.

More Related Content

PPTX
Software Evolution
PDF
Types of software testing
PPTX
grapics and multimedia
PPT
Object Oriented Design
PPT
Object Oriented Analysis and Design
PPTX
Software Measurement and Metrics.pptx
PPTX
Prototyping
PPTX
World wide web with multimedia
Software Evolution
Types of software testing
grapics and multimedia
Object Oriented Design
Object Oriented Analysis and Design
Software Measurement and Metrics.pptx
Prototyping
World wide web with multimedia

What's hot (20)

PPTX
Software metrics
PPTX
Do microservices dream about CQRS-ES, Kafka Stream and BPMN ? - Voxxed micros...
PPT
multimedia image.ppt
PPTX
Wk 1 - File organization.pptx
PDF
software design principles
PDF
Activity diagram-UML diagram
PPTX
Multi-Tier Architecture or N Tier Architecture
PPT
Domain model
PPT
5.state diagrams
 
PPTX
Multimedia systems and applications
PPTX
Software Metrics - Software Engineering
PDF
Introduction to OpenRefine
PPTX
Activity diagram
DOC
Cloud Computing Security From Sngle to multi Clouds Full Documentaion
PPTX
Data Dictionary in System Analysis and Design
PPT
Introduction to jira
PPTX
Jira fundamentals
PPSX
multimedia and computer graphics
PPTX
System documentation (system analysis and design)
PPTX
Introduction to Animation
Software metrics
Do microservices dream about CQRS-ES, Kafka Stream and BPMN ? - Voxxed micros...
multimedia image.ppt
Wk 1 - File organization.pptx
software design principles
Activity diagram-UML diagram
Multi-Tier Architecture or N Tier Architecture
Domain model
5.state diagrams
 
Multimedia systems and applications
Software Metrics - Software Engineering
Introduction to OpenRefine
Activity diagram
Cloud Computing Security From Sngle to multi Clouds Full Documentaion
Data Dictionary in System Analysis and Design
Introduction to jira
Jira fundamentals
multimedia and computer graphics
System documentation (system analysis and design)
Introduction to Animation
Ad

Similar to Image editing exercises (20)

PDF
Image editing for beginners (Gimp)
PPTX
GIMP Tutorial.pptx
PPTX
Novo GIMP Tutorial da versão mais recente
PPTX
GIMP Tutorial.pptx
DOC
Image Editing for Beginners - Training Handout
PPTX
GNU Image Manipulation Program
PPTX
Photoshop starter elephant compressed
PPT
Training on using Adobe Photoshop in Daily Life
PPT
Graphic Editing For the Non-Techie
PPT
Adobe Photoshop
PPT
Photoshop tutorial
PPTX
Digital Coloring Books: Coloring Images with GIMP - Library Program
PPT
Photoshop basics
PPT
Adobe photoshop
PPS
Using Adobe Photoshop cs
PPT
Photoshop
PPTX
Crazy Photos: An Introduction to GIMP
PPT
Photoshop tutorial
PDF
coreldraw
PDF
coreldraw
Image editing for beginners (Gimp)
GIMP Tutorial.pptx
Novo GIMP Tutorial da versão mais recente
GIMP Tutorial.pptx
Image Editing for Beginners - Training Handout
GNU Image Manipulation Program
Photoshop starter elephant compressed
Training on using Adobe Photoshop in Daily Life
Graphic Editing For the Non-Techie
Adobe Photoshop
Photoshop tutorial
Digital Coloring Books: Coloring Images with GIMP - Library Program
Photoshop basics
Adobe photoshop
Using Adobe Photoshop cs
Photoshop
Crazy Photos: An Introduction to GIMP
Photoshop tutorial
coreldraw
coreldraw
Ad

Recently uploaded (20)

PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Encapsulation theory and applications.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
KodekX | Application Modernization Development
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Big Data Technologies - Introduction.pptx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Encapsulation theory and applications.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Unlocking AI with Model Context Protocol (MCP)
Programs and apps: productivity, graphics, security and other tools
Network Security Unit 5.pdf for BCA BBA.
Encapsulation_ Review paper, used for researhc scholars
KodekX | Application Modernization Development
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
The AUB Centre for AI in Media Proposal.docx
Per capita expenditure prediction using model stacking based on satellite ima...
Spectral efficient network and resource selection model in 5G networks
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
20250228 LYD VKU AI Blended-Learning.pptx
MYSQL Presentation for SQL database connectivity
Advanced methodologies resolving dimensionality complications for autism neur...
Big Data Technologies - Introduction.pptx
Understanding_Digital_Forensics_Presentation.pptx

Image editing exercises

  • 1. Image Editing for Beginners Teresa Beary (May 2013) You’re welcome to use your own images for these exercises, or some example images have been provided with the class materials. Please copy this folder to your personal drive so everyone has access to the originals. Exercise 2 – Adding a transparent background 1) Open one of the “clipart” images using Gimp. 2) Add an alpha channel to the JPG image. (Do A or B.) A. In the Layers dialog box, right-click on “Background” and select “Add Alpha Channel”. B. On the Canvas window, select Layer > Transparency > Add Alpha Channel 3) Use the magic wand selection tool to click on the white part of the image. 4) Press Delete on your keyboard, or go to Edit > Clear. 5) Use the Erase tool to remove any lingering background. 6) Go to File > Save as > name your file and end the name with “.png” 7) Open up your image (maybe drop it into PowerPoint) to verify that you successfully made it transparent. 1) Open PowerPoint and create a SmartArt or other graph/chart/diagram. 2) Go to File > Save as… > Change the Save as file type to “PNG Portable Network Graphics Format”. 3) Save the current slide only. Does your image need to be cropped or resized? 4) Open your image using Gimp. 5) Use the Crop tool to trim down the edges. 6) Play around with the image size: (Option A or B) 1) Use the Scale tool. (This only works on the selected layer, currently we only have one.) 2) Go to Image > Scale Image… > Enter a new width or height. How do your changes affect the resolution when you look at the saved image? Exercise 1 – Create images using PowerPoint Overwhelmed by all the options in Gimp? Check out the Gimp reference pdfs in the class directory.
  • 2. Exercise 4 – Playing with photo effects Open one of the portrait images. Do the following (try them in combination or each one separately.) 1) Filters > Décor > 2) Filters > Distorts > 3) Filters > Artistic > 4) Colors > Remember: Ctrl + z to undo Exercise 3 – Selective color 1) Open the nature-01.jpg image. 2) Duplicate the background layer. Right-click on it in the Layers dialog and select “Duplicate Layer” 3) Make the black and white version. Go to Layer > Colors > Desaturate… I prefer the “Luminosity” setting, but you can select each to see the difference. Click “Ok” 4) In the Layers dialog, right-click on the black & white layer and select “Add Layer Mask…” > Keep the default “White (full opacity)” and click “Add”. 5) Make sure the white mask is selected. Then click on the Brush tool, and start painting on the butterfly. Instead of adding pure black to the image, you should see the blue of the bottom layer show through. It’s like you’re painting a hole in the top layer. 6) If you go outside the lines, switch the color to white and you’ll fill-in the mask. Also try changing the brush from a hard circle to a fuzzy circle and observe the difference it makes. 7) When you’re all done, save the file with a new name as a .jpg Exercise 5 – Original composition Feeling creative? Use the example images and everything you’ve learned to create a multi-layered composition. Hint: You can copy and paste layers from one image in Gimp to another.