v v
How to use GIMP in your Instruction By Alyssa Reimold EDMT 632 AREIM
OLD
Copyr
ight
201
2
v v
Before you begin…
When you see these v
You can click
n them to go
Forward & Backward AREIMOLD
Copyr
ight
201
2
v v
Table of Contents
§ Best Practices Across the Curriculum………………………………………5 § Business Marketing………………………………………………………...6 § Art & Design………………………………………………………………...9 § Social Studies……………………………………………………………….14 § Science………………………………………………………………………..18 § Language Arts………………………………………………………………22
§ A Quick How-To Guide (photo editing basics).………………………27 § The Toolbox…………………………………………………………………31 § Opening New Document………………………………………………32 § Scaling Image……………………………………………………………….33 § Cropping Image…………………………………………………………...34 § Photo Editing……………………………………………………………….36 § Transform…………………………………………………………………….45 § Filters…………………………………………………………………………..47
§ Conclusion…………………………………………………………………………..49 § References………………………………………………………………………..…..50
§ Introduction…………………………………………………………………………4
AREIMOLD
Copyr
ight
201
2
v v
Introduction Technology is transforming society into a more visual culture, as
information is now delivered in a multi-media and interactive format on the Internet and various gadgets. Today’s students live in an ‘instant information’ age, where they process and interpret visuals, audio and video simultaneously in order to learn about the world. This shift has created a need for different methods of teaching to meet the needs of these learners. Rather than fostering only linguistic literacy, teachers must activate and explicitly teach students to increase their visual literacy, helping them to interpret and create knowledge in multi-media formats. The earlier students begin understanding our world of graphics, the more proficient they will be in demonstrating knowledge in this way as they get older.
GIMP (GNU Image Manipulation Program) is a photo manipulation and editing tool that is similar to Adobe Photoshop. Both programs deal with raster images, which is a data structure that represents pixels or points of color. GIMP is the lesser known of the two, but the major difference between them is that GIMP is FREE to use! This makes it very attractive to educators. GIMP still has incorporated the same tools and functions as its sister program Photoshop. AREIM
OLD
Copyr
ight
201
2
v v
Best Practices cross
the
r
C U R I C U L U M R
AREIMOLD
Copyr
ight
201
2
v v
Business Marketing § Grade Level: 6-12
§ Students can use graphics programs in a Business Marketing capacity. Marketing and advertisements use many visuals in selling products to customers. Much of these visuals are conceptual in nature and in this field a “picture is worth a thousand words.” There are many career opportunities in the business marketing field. Individuals who are knowledgeable in graphics programs and design concepts are very marketable.
§ A simple project such as designing cereal boxes and milk cartons lends way to consumerism as well as connecting with design projects (Fitzgerale & Tsosie, 2004). A project such as this also takes into account mathematics because it takes precision to measure out surface area and complete a fully assembled sample promotional product. A teacher can take into consideration environmental issues for the production of projects. Students are able to go through a process of creating a product. It can start with sketching out ideas, discussing logos, marketing target audience, collecting data, and assembling the product.
AREIMOLD
Copyr
ight
201
2
v v
Ideas
§ Guerilla Marketing www.christinezapata.com/?page_id=441
§ After School Matters | Chicago Brochure Design www.otherwiseinc.com/client.aspx?cl=29&wi=14&rc=3
§ AIGA Member Gallery portfolios.aiga.org/
AREIMOLD
Copyr
ight
201
2
v v
Marketing Examples
AREIMOLD
Copyr
ight
201
2
v v
§ Grade Level: 6-12
§ Though it has been argued that computers do not belong in the art room, research has found that the experience of using a computer in conjunction with art relates as much to the right side of the brain as it does to the left. “It allows for the artist-user to function both analytically and intuitively--on both the left and right sides of the brain--with a high degree of visual and perceptual literacy, intuitive and creative insight, and aesthetic awareness” (McWhinnie, 1989).
§ Computer graphics combined with the fine arts create digital arts. Students can integrate GIMP and manipulate photos for photography. Graphics programs can also be used in combination with painting and drawing. To see an artist that uses both traditional art and digital art methods visit painter/illustrator, Sam Webber’s website: sampaints.com.
Art & Design
AREIMOLD
Copyr
ight
201
2
v v
What’s unique about graphics programs is that they supplement any project and can be used to develop cross curricular projects. Art and Design teachers can integrate writing into their classroom. Teachers can use comics and graphic novels to engage students. “Designing a comic book provides an opportunity for students to be creative in the presentation of their writing” (Morrison, Bryan, & Chilcoat, 2002). This digital art project can be used in a Language Arts setting as well as a Social Studies setting. “Creating a comic book can prevent historical content from being boring and meaningless as it often is in a typical classroom” (Chilcoat & Ligon, 1994).
Social Studies teachers can have students illustrate historical events, make posters, or even retell an event with a different ending. See Social Studies section for more ideas.
Art & Design
AREIMOLD
Copyr
ight
201
2
v v
Ideas § Making an Atlas:
www.instructables.com/id/Make-a-Map-Book-Using-Google-Maps/
§ Drawing in GIMP: www.designyourownweb.com/gimp/drawing-tools-gimp.htm
§ Video Tutorial: Drawing in GIMP: www.designyourownweb.com/gimp/drawing-gimp/drawing-gimp.html
§ Tutorial: Drawings to edited image in Photoshopwww.graphicmania.net/digitize-scanned-paper-drawing-photoshop-tutorial/
§ How to Edit/ Color a Manga Scan in GIMP www.youtube.com/watch?v=MjURkN316vE
§ How to Edit an Image in GIMP www.youtube.com/watch?v=0o1jV1Ju1us AREIM
OLD
Copyr
ight
201
2
v v
Art & Design Examples
Drawing and painting combined with graphics programs…
Equals digital art! AREIMOLD
Copyr
ight
201
2
v v
More Cur
iculum
r
o n n e c t i o n s
AREIMOLD
Copyr
ight
201
2
v v
Social Studies § Grade level: K-5
§ Create a photo timeline to visually represent historical events (Forsythe, 2009)
§ Create a Civil Rights Collage (Forsythe, 2009)
§ Have students bring in photos representing their cultures to add to a class map
§ State report projects. Example: technoteacher.org/inst4010/Project1.pdf
AREIMOLD
Copyr
ight
201
2
v v
Social Studies § Grade level: 6-8
§ Find photos online of powerful current events and create a newspaper
§ Create a historical Collage to represent a time period or historical event
§ Chart Lewis and Clark's trip on a map (Forsythe, 2009)
§ Create an Atlas of a city. Example: k12opensourceclassroom.org/?tag=gimp AREIM
OLD
Copyr
ight
201
2
v v
Ideas
§ The K-12 Open Source Classroom
k12opensourceclassroom.org/?tag=gimp
§ Techno teacher
technoteacher.org/inst4010/Project1.pdf
AREIMOLD
Copyr
ight
201
2
v v
Social Studies Examples
AREIMOLD
Copyr
ight
201
2
v v
Science § Grade level: K-5
§ Document the life cycle of a plant (Forsythe, 2009)
§ Combine multiple photos to create a new animal and its habitat (Forsythe, 2009)
§ Document an environmental issue to publish on a website. Example from a 2nd grade class on trees and shrubs: www.psd267.wednet.edu/~kfranz/science/waterhabitat/treesandshrubs.htm
AREIMOLD
Copyr
ight
201
2
v v
Science § Grade level: 6-12
§ Draw an atom (Forsythe, 2009)
§ Document a scientific experiment for each stage of the scientific process (Forsythe, 2009).
Example of student edited photo of science project: www-ccs.stjohns.k12.fl.us/lab/digital photo editing AREIMOLD
Copyr
ight
201
2
v v
Ideas
§ Pond Trees and Shrubs www-ccs.stjohns.k12.fl.us/lab/digital photo editing
§ Digital Photo Editing www-ccs.stjohns.k12.fl.us/lab/digital%20photo%20editing%00
AREIMOLD
Copyr
ight
201
2
v v
Science Examples
AREIMOLD
Copyr
ight
201
2
v v
Language Arts § Grade level: K-5
§ Create a persuasive poster to convince a reader on an environmental or current issue
§ Visualize a poem (Forsythe, 2009).
§ Create an ‘All About Me’ poster
§ Digital storytelling: Have students tell a story through images and pictures. See this link for more details and a how-to video: digitalstorytelling.coe.uh.edu/
§ Parts of Speech: Collection of pictures representing verbs and nouns technoteacher.org/inst4010/mandysproject.pdf AREIM
OLD
Copyr
ight
201
2
v v
Language Arts § Grade level: 6-12
§ Create a book cover or magazine cover
§ Incorporate pictures for a school newspaper
§ Digital storytelling of historical events
§ More Resources for photo editing in the classroom: Click on the link to see student examples of state reports, math connections and parts of speech presentations www.technoteacher.org/?p=906 AREIM
OLD
Copyr
ight
201
2
v v
Ideas
§ Digital Storytelling digitalstorytelling.coe.uh.edu/
§ Verbs and Nouns
technoteacher.org/inst4010/mandysproject.pdf
AREIMOLD
Copyr
ight
201
2
v v
Language Arts Examples
Student magazine cover
Poetry Portraits Persuasive Posters AREIM
OLD
Copyr
ight
201
2
v v
AREIMOLD
Copyr
ight
201
2
v v
A Quick How-To Guide GIMP Basics
Download your free version of GIMP • Windows:
http://www.gimp.org/windows/
• Mac http://www.gimp.org/macintosh/
v v
AREIMOLD
Copyr
ight
201
2
v v
The Toolbox
Most everything you need is in the toolbox. The toolbox houses all of the tools that you need for photoediting. When you click on the tool you will then get more options. The example to the left shows more options for the Ellipse Select Tool. The best way to get to know the tools is to EXPERIMENT!
AREIMOLD
Copyr
ight
201
2
v v
The Toolbox
Most everything you need is in the toolbox. The toolbox houses all of the tools that you need for photoediting. When you click on the tool you will then get more options. The example to the left shows more options for the Ellipse Select Tool. The best way to get to know the tools is to EXPERIMENT!
Most everything you need is in the toolbox. The toolbox houses all of the tools that you need for photoediting.
v
AREIMOLD
Copyr
ight
201
2
v v
The Toolbox
Most everything you need is in the toolbox. The toolbox houses all of the tools that you need for photoediting. When you click on the tool you will then get more options. The example to the left shows more options for the Ellipse Select Tool. The best way to get to know the tools is to EXPERIMENT!
When you click on the tool you will then get more options. The example to the left shows more options for the Ellipse Select Tool. The best way to get to know the tools is to EXPERIMENT!
v v v v
AREIMOLD
Copyr
ight
201
2
v v
The Toolbox A Closer Look
Click on the icons to get a description of the tool
AREIMOLD
Copyr
ight
201
2
v v
Opening a New Document
In order to open a new document you have to do the following:
• File > New
Then a window will open and you can designate what size in pixels or inches if you prefer.
• Press OK when finished
In order to open a new document you have to do the following:
• File > New Then a window will open and you can designate what size in pixels or inches if you prefer.
• Press OK when finished
AREIMOLD
Copyr
ight
201
2
v v
Scaling your Image Begin by scaling down your image. Depending on what you are using the image for will decide what size the image will be.
When you get to the scaling panel you will have options to choose from. Pick the dimensions you would like your image. Remember 200 ppi (pixels per inch) x 300 ppi is a relatively good size, but you may want to go smaller.
Go to Image > Scale Image. If you are using your images for the Internet 200 pixels x 300 pixels or smaller is a decent size gauge.
Also, note that it says 72 x 72 for resolution. That is the standard web resolution. By keeping the resolution lower you are able to have a faster loading webpage with more images. AREIM
OLD
Copyr
ight
201
2
v v
Cropping Your Image
Once you have sized down your image you may want to crop out some unnecessary parts of your image
First, select the Rectangle Select Tool
AREIMOLD
Copyr
ight
201
2
v v
Cropping Your Image
Next you want to crop your image so the unnecessary area is left out. Then go to Image > Crop to Selection. See image above.
Click on the image above to see an example of cropping an image.
AREIMOLD
Copyr
ight
201
2
v v
Hue/Saturation
In order to adjust Hue/Saturation you will go to Color > Hue/Saturation.
Hue/Saturation Adjusting Hue and Saturation can be an interesting way to saturate (enhance colors) or desaturate (dull colors)
AREIMOLD
Copyr
ight
201
2
v v
Hue/Saturation
In the Hue/Saturation Panel you can adjust colors in the photo. Experiment to get the affect you want. It will preview for you if you have the preview option checked.
Click on the image to see an adjusted saturated photo.
AREIMOLD
Copyr
ight
201
2
v v
Colorize
In order to colorize an image you need to go to Color > Colorize.
Colorizing still deals with hue, saturation and lightness of the image, but now it's the entire image that will be adjusted. So instead of having options to adjust just the reds or blues in an image you are now making the image monochromatic.
AREIMOLD
Copyr
ight
201
2
v v
Colorize
Once you choose colorize the colorize panel will pop up and then you can adjust your settings. If you make sure preview is checked it will show what the image looks like before you push OK to make the changes.
Click on the image above to see an example of colorizing.
AREIMOLD
Copyr
ight
201
2
v v
Brightness & Contrast
In order to colorize an image you need to go to Colors > Brightness-Contrast
This is what you will probably use the most. Sometimes our camera settings are not set correctly or the flash "washes" out a photo. If that is the case the easiest fix is to adjust the Brightness and Contrast of an image.
AREIMOLD
Copyr
ight
201
2
v v
Brightness/Contrast
Once you click on the Brightness and Contrast option the Brightness and Contrast panel appears. Then you can adjust the settings. Once you have the settings you want press OK
Click on the image above to see an example of an adjustes image using Brightness/Contrast.
AREIMOLD
Copyr
ight
201
2
v v
Desaturate
In order to colorize an image you need to go to Colors > Desaturate
The last basic image adjustment function I'm going to show you is how to Desaturate your photos or remove color. Some people prefer black and white photos.
AREIMOLD
Copyr
ight
201
2
v v
Desaturate
Once you click on the Desaturate option the Desaturate panel appears and you can choose options. Be sure to keep the preview option checked if you want to see a preview. Once you have your options selected click OK.
Click on the image above to see an example of Desaturation or color removal.
AREIMOLD
Copyr
ight
201
2
v v
Transform
GIMP’s Transform options allow the user to flip or rotate an image. Go to Image > Transform and you will see the different options.
If you want more additional Transforming options see the Transforming tool in the tool panel.
AREIMOLD
Copyr
ight
201
2
v v
Transform
Flip Horizontally Flip Vertically
Rotate 90 Degree CW Rotate 90 Degree CCW Rotate 180 Degrees
Click on the images below to see an example of the Transforming Options in GIMP
AREIMOLD
Copyr
ight
201
2
v v
Filters
GIMP’s Filter Options allow the user to give added effects to their images. Go to Filters > “Choose a filter”
If you want more additional Filter Options click on a filter option and you will get suboptions for additional filters. The example to the right are the suboptions for the Blur filter
AREIMOLD
Copyr
ight
201
2
v v
Filters
Filter >Noise> Hurl
Filter > Enhance > Despeckle Filter > Distorts > Curve Bend
Filter >Light&Shadow > Lens Flare Filter >Edge Detect> Neon
Filter > Blur > Motion Blur
Note: There are more filter options than the ones listed.
Click on the images below to see an example of the Filter Options in GIMP
AREIMOLD
Copyr
ight
201
2
v v
Filters
Filter > Map > Illusion
Filter > Combine >Filmstrip Filter > Artistic > Cartoon
Filter >Decor> Coffee Stain Filter > Render > Difference Clouds
Filter > Generic > Convolution Matrix
Click on the images below to see an example of the Filter Options in GIMP
Note: There are more filter options than the ones listed.
AREIMOLD
Copyr
ight
201
2
v v
Conclusion
GIMP is a program that has countless uses throughout the curriculum. It can be used by anyone from young novice students to advanced graphics students. True, it takes time to learn, but the benefits are well worth it.
And don’t forget the best part about GIMP is that it’s
AREIMOLD
Copyr
ight
201
2
v v
References Chilcoat, G. W., & Ligon, J. (1994). The underground comix: A
popular culture approach to teaching historical, political, and social issues of the sixties and seventies. Michigan Social Studies Journal , 7 (1), 35-40.
Fitzgerale, M., & Tsosie, T. (2004). Cereal box design. Tech Directions ,
64 (1), 22. Forsythe, K. (2009). How can you use gimp in your classroom. Retrieved
July 20, 2011, from Reta-Gimp: https://reta- gimp.pbworks.com/w/page/14946587/How-can-you-use- GIMP-in-your-classroom
McWhinnie, H. J. (1989). The computer & the right side of the brain.
College Park. Morrison, T. G., Bryan, G., & Chilcoat, G. W. (2002). Using student-
generated comic books in the classroom. Journal of Adolescent & Adult Lteracy , 45 (8), 758-767.
⏏
AREIMOLD
Copyr
ight
201
2