Difference between revisions of "Learn GIMP"

From Open Educational Resources
Jump to navigation Jump to search
 
(36 intermediate revisions by 10 users not shown)
Line 1: Line 1:
 +
''[http://karnatakaeducation.org.in/KOER/index.php/%E0%B2%9C%E0%B2%BF%E0%B2%82%E0%B2%AA%E0%B3%8D_%E0%B2%87%E0%B2%AE%E0%B3%87%E0%B2%9C%E0%B3%8D_%E0%B2%8E%E0%B2%A1%E0%B2%BF%E0%B2%9F%E0%B2%B0%E0%B3%8D_%E0%B2%95%E0%B2%B2%E0%B2%BF%E0%B2%AF%E0%B2%BF%E0%B2%B0%E0%B2%BF ಕನ್ನಡದಲ್ಲಿ ನೋಡಿ]''
 +
<div class="noprint" style="float:right; border:1px solid blue;width:300px;background-color:#F5F5F5;padding:2px;">
 +
{| cellspacing="0"
 +
| [[File:Book.jpg|none|80px|Book image]]
 +
| style="padding-left:2px;" | Go back to <br />[[ICT student textbook]] <br /> [[ICT teacher handbook]]
 +
|}</div>
  
=Introduction=
+
==Introduction==
GIMP is a powerful and complex open source image editing programme. The GIMPs tools are displayed as icons on the toolbox. A user can identify a tool by hovering over it. The name of the tool will appear below. Clicking on the icon will select that corresponding tool.
 
==ICT Competency==
 
  
 +
==== Basic information ====
 +
{| class="wikitable"
 +
|ICT Competency
 +
|It is a tool for generic resource creation, used to edit images.
 +
|-
 +
|Educational application and relevance
 +
|GIMP can be used for multiple kind of image editing and it's a FOSS tool so there will no payment or subscription needed it can be used in education sector to teach children about image editing.
 +
|-
 +
|Version
 +
|Version - 2.10.34
 +
|-
 +
|Configuration
 +
|Its GIMP is part of the Ubuntu distribution. This can be opened from Applications  → graphics → GIMP. 
 +
|-
 +
|Other similar applications
 +
|[https://inkscape.org/ Inkscape]
 +
|-
 +
|The application on mobiles and tablets                                                                                                           
 +
|[https://play.google.com/store/apps/details?id=org.dandroidmobile.xgimp&hl=en_IN&gl=US xgimp]
 +
|-
 +
|Development and community help
 +
|[https://www.gimp.org/ The GIMP Development Team]
 +
|}
  
==Educational application and relevance==
 
==Version==
 
GIMP version : 2.8.10
 
==Configuration==
 
No need to configure
 
Its GIMP is part of the Ubuntu distribution. This can be opened from Applications  → graphics → GIMP. 
 
 
==Overview of Features==
 
==Overview of Features==
==Other similar applications==
 
GIMP Inkscape , XGimp image editor, etc
 
  
==Development and community help==
+
*Tools used to perform image editing can be accessed via the toolbox, They include filters and brushes, as well as transformation, selection, layer and masking tools.
 +
*GIMP selection tools include a rectangular and circular selection tool, free select tool.
 +
*There are many tools that can be used for editing images in GIMP. The more common tools include a paint brush, pencil, airbrush, eraser and ink tools used to create new or blended pixels
 +
 
 +
== Installation ==
 +
 
 +
==== For Ubuntu OS ====
 +
 
 +
# The application is part of the Ubuntu custom distribution.
 +
# In case you do not find it on your computer, you can install by typing GIMP on top search bar in Software Centre(App Grid).
 +
# If you would like to install through the terminal follow these steps below:
 +
## Open terminal by clicking Applications->System Tools->Terminal or through Keyboard shortcut <code>Ctrl+Alt+T</code>
 +
## In the terminal window, type below command and press enter to start the installation by providing your machine password:
 +
## <code>sudo apt-get install gimp</code>
 +
 
 +
==== For Windows OS ====
 +
# Download the gimp-xxxx-setup.exe file from [https://download.gimp.org/gimp/v2.10/windows/gimp-2.10.34-setup.exe '''this link'''] to your computer.
 +
# Now go to '''Downloads''' folder or to the location where the GIMP downloaded file located
 +
# '''Double-click''' on "gimp-2.xxxxx-setup.exe/dmg" file to begin the installation.
 +
# Click '''Yes''' when prompted. This is required to install a new program (This indicates that you authorize the GIMP installer to make changes to your Windows system).
 +
# '''Click '''Install'''.''' This performs a standard installation of GIMP with all the components.
 +
 
 +
==== For MAC OS ====
 +
 
 +
# Download the installation file from [https://download.gimp.org/gimp/v2.10/macos/gimp-2.10.34-x86_64.dmg this link].
 +
# When the download is complete, find the downloaded .dmg file and double click on it and follow the above steps mentioned for windows.
  
 
=Working with the application=
 
=Working with the application=
 
==Functionalities==
 
==Functionalities==
{| class="wikitable"
+
{| class="wikitable
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px| 1 }}
+
| style="width: 50%;" |[[File:GIMP_1_Main_Window.png|200px]] [[File:Opening an image file using GIMP.png|300px]]
|style="width: 50%;|{{ext-img|450px| 2 }}
+
| style="width: 50%;" |[[File:GIMP_2_Select_Tool.png|200px]]
 
|-
 
|-
|style="width: 50%;|Step 1 - '''Open GIMP'''
+
| style="width: 50%;" |Step 1 - '''Open GIMP'''
 
# Select File → New → select which size want to edit image  → OK
 
# Select File → New → select which size want to edit image  → OK
 
# If you didn't get side toolbox please click on Windows then click Tool box.
 
# If you didn't get side toolbox please click on Windows then click Tool box.
# Insert image – select File → Open → Select image.   
+
# Insert image – select File → Open → Select image.  <br>
|style="width: 50%;|Step 2 - '''Select Tools''' <br>
+
Alternatively, You can also open GIMP through image. Select image which you want to edit, and right click choose Open with > GIMP Image Editor. It will open with image to edit.
 +
| style="width: 50%;" |Step 2 - '''Select Tools''' <br>
 
'''Rectangle select tool''' : Select a rectangular Tool<br>
 
'''Rectangle select tool''' : Select a rectangular Tool<br>
 
'''Ellipse select tool''' : Select an elliptical region <br>
 
'''Ellipse select tool''' : Select an elliptical region <br>
 
'''Free select tool''' : Select a hand-drawn region with free with polygonal segments  
 
'''Free select tool''' : Select a hand-drawn region with free with polygonal segments  
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px| 3 }}
+
| style="width: 50%;" |[[File:Crop to selection of an image, using GIMP.png|350px]]
|style="width: 50%;|{{ext-img|450px| 4 }}
+
| style="width: 50%;" |[[File:Scaling an image using GIMP.png|350px]]
 
|-
 
|-
|style="width: 50%;|Step 3 -  '''Crop'''
+
| style="width: 50%;" |Step 3 -  '''Crop'''
Select the area that you would like to retain. The area can be extended or reduced by selecting one of the sides. Once your desired area is selected (the remaining area will turn grey or darker), then double click inside the desired area. The photo will be cropped to that size. <br><br>
+
Select the area that you would like to retain. The area can be extended or reduced by selecting one of the sides. Once your desired area is selected (the remaining area will turn grey or darker), then double click inside the desired area. The photo will be cropped to that size.<br>
 
The tool is used:
 
The tool is used:
 
# To reduce the size of large images.  
 
# To reduce the size of large images.  
 
# To remove unnecessary areas in a photo.
 
# To remove unnecessary areas in a photo.
|style="width: 50%;|Step 4 - '''Scale''':  
+
| style="width: 50%;" |Step 4 - '''Scale''': Select the image. Go to the menu bar on top and click on the 'Image' option. Then click on 'Scale image...'This would show you options of 'width and height' along with 'X resolution' and 'Y resolution'. Enter in 72 pixels in both X and Y spaces. This would help reduce the file to a small size. <br>
Open the image that you want to work on in GIMP. Select the scale tool and click on the image. The image would then have tiny boxes on every side. Another box will pop up. You can insert the measurements that you want in this box. Or you could manually drag with the help of clicking one of the sides and reduce to the size you want.<br><br>
 
 
The tool is used:
 
The tool is used:
* To reduce the size of heavy images. It makes uploading on websites more easy.
+
* To reduce resolution which helps in file size.
 +
* To make photos for uploading on websites (should not be used for printing).
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px| 5 }}
+
| style="width: 50%;" |[[File:GIMP_5_Move.png|350px]]
|style="width: 50%;|{{ext-img|450px| 6 }}
+
| style="width: 50%;" |[[File:GIMP_6_Add_Text.png|200px]] [[File:Entering text on an image using GIMP.png|300px]]
 
|-
 
|-
|style="width: 50%;|Step 5 - '''Move'''<br> After scaling an image, if you want to add another image to the frame, you would have to move the first image to the side. This can be done using the move tool. Select the move tool. Select the image. Click and drag to a suitable location.<br>
+
| style="width: 50%;" |Step 5 - '''Move'''<br> After scaling an image, if you want to add another image to the frame, you would have to move the first image to the side. This can be done using the move tool. Select the move tool. Select the image. Click and drag to a suitable location.<br>
 
The tool is used:
 
The tool is used:
 
* When there is more than one element in the window you are working on
 
* When there is more than one element in the window you are working on
|style="width: 50%;|Step 6 - ''' Add Text'''<br>Select the Text tool (a capital A). Now, drag the tool to were you want to insert text. A tiny box pops up. Type your text in the box. The size, colour, style of the text can be changed in the settings below the tool box. The length of the text box can be adjusted after you finishing typing your text by selecting the corners and dragging.<br>
+
| style="width: 50%;" |Step 6 - ''' Add Text'''<br>Select the Text tool (a capital A). Now, drag the tool to were you want to insert text. A tiny box pops up. Type your text in the box. The size, colour, style of the text can be changed in the settings below the tool box. The length of the text box can be adjusted after you finishing typing your text by selecting the corners and dragging.<br>The tool is used:<br>To add a title or caption explaining the text is useful.
The tool is used:<br>
+
 
* To add a title or caption explaining the text is useful.
 
|-
 
|style="width: 50%;|{{ext-img|450px| 7 }}
 
|style="width: 50%;|{{ext-img|450px| 8 }}
 
|-
 
|style="width: 50%;|Step 7 - '''Grayscale'''<br> Select the image. Go to the menu bar on top and click on the 'Image' option. Then click on 'Mode' and finally click on 'Grayscale'. This would make the image grey.<br>
 
The tool is used:<br>
 
* To make a photo black and white. It is preferrable for printing purposes.
 
|style="width: 50%;|Step 8 - '''Scale Image size'''
 
Select the image. Go to the menu bar on top and click on the 'Image' option. Then click on 'Scale image...'. This would show you options of 'width and height' along with 'X resolution' and 'Y resolution'. Enter in 72 pixels in both X and Y spaces. This would help reduce the file to a small size. <br>
 
The tool is used:<br>
 
* To reduce resolution which helps in file size.
 
* To make photos for uploading on websites (should not be used for printing).
 
|-
 
|style="width: 50%;|{{ext-img|450px| 9 }}
 
|-
 
|style="width: 50%;|Step 9 -  '''Transparent background'''Open the image you want to work on. Once the image is open, go to File → Export as → and save it as a .png file. Once this is done, go to Layer → Transparency → and see if the option 'Color to Alpha' is active. If yes, then click on it and say yes. This will make your background transparent. If no, this tool cannot be applied to this image.<br>
 
This tool is used:<br>
 
* To make white backgrounds transparent.
 
 
|}
 
|}
  
Line 81: Line 107:
  
 
==Export and publishing files==
 
==Export and publishing files==
A file can be saved using the FILE – Export AS command. Always give a meaningful file name, reading which you should get an idea of the file contents. Its Exporting file in .PNG .JPEG .JPG
+
After your edits, final output file can be export from here by using the FILE – Export AS command. Always give a meaningful file name, reading which you should get an idea of the file contents. You can export the image to various formats, including  .PNG .JPEG .JPG
  
 
==Advanced features==
 
==Advanced features==
 
+
#Customizable Interface- Each task requires a different environment and GIMP allows you to customize the view and behavior the way you like it. Starting from the widget theme, allowing you to change colors, widget spacing and icon sizes to custom tool sets in the toolbox.
=Installation=
+
#Photo Enhancement- Numerous digital photo imperfections can be easily compensated for using GIMP.
{| class="wikitable"
 
|-
 
! Method of installation !! Steps
 
|-
 
| From Ubuntu software Centre || Steps - type GIMP and install
 
|-
 
| From Terminal || Steps - type sudo apt-get install gimp and press Enter key. Type your password and press Enter to complete installation.
 
|-
 
| From the web || Steps
 
|-
 
| Web based registration || Steps
 
|}
 
 
 
=The application on mobiles and tablets=
 
Currently there is no GIMP app but alternative many image editing App available at play store.
 
  
 
=Ideas for resource creation=
 
=Ideas for resource creation=
 +
Modify pictures hight, width, size, etc and creating resources.
  
 
=References=
 
=References=
=How to use template=
+
# [https://www.gimp.org/ GIMP Official Website]
<nowiki>{{subst:Explore_an_application}} on the page you create for your tool. Page Name should be "Learn ToolName"</nowiki>
+
# https://en.wikipedia.org/wiki/GIMP GIMP Wikipedia
 +
 
 +
[[Category:Explore an application]]

Latest revision as of 09:50, 23 March 2023

ಕನ್ನಡದಲ್ಲಿ ನೋಡಿ

Introduction

Basic information

ICT Competency It is a tool for generic resource creation, used to edit images.
Educational application and relevance GIMP can be used for multiple kind of image editing and it's a FOSS tool so there will no payment or subscription needed it can be used in education sector to teach children about image editing.
Version Version - 2.10.34
Configuration Its GIMP is part of the Ubuntu distribution. This can be opened from Applications → graphics → GIMP.
Other similar applications Inkscape
The application on mobiles and tablets xgimp
Development and community help The GIMP Development Team

Overview of Features

  • Tools used to perform image editing can be accessed via the toolbox, They include filters and brushes, as well as transformation, selection, layer and masking tools.
  • GIMP selection tools include a rectangular and circular selection tool, free select tool.
  • There are many tools that can be used for editing images in GIMP. The more common tools include a paint brush, pencil, airbrush, eraser and ink tools used to create new or blended pixels

Installation

For Ubuntu OS

  1. The application is part of the Ubuntu custom distribution.
  2. In case you do not find it on your computer, you can install by typing GIMP on top search bar in Software Centre(App Grid).
  3. If you would like to install through the terminal follow these steps below:
    1. Open terminal by clicking Applications->System Tools->Terminal or through Keyboard shortcut Ctrl+Alt+T
    2. In the terminal window, type below command and press enter to start the installation by providing your machine password:
    3. sudo apt-get install gimp

For Windows OS

  1. Download the gimp-xxxx-setup.exe file from this link to your computer.
  2. Now go to Downloads folder or to the location where the GIMP downloaded file located
  3. Double-click on "gimp-2.xxxxx-setup.exe/dmg" file to begin the installation.
  4. Click Yes when prompted. This is required to install a new program (This indicates that you authorize the GIMP installer to make changes to your Windows system).
  5. Click Install. This performs a standard installation of GIMP with all the components.

For MAC OS

  1. Download the installation file from this link.
  2. When the download is complete, find the downloaded .dmg file and double click on it and follow the above steps mentioned for windows.

Working with the application

Functionalities

GIMP 1 Main Window.png Opening an image file using GIMP.png GIMP 2 Select Tool.png
Step 1 - Open GIMP
  1. Select File → New → select which size want to edit image → OK
  2. If you didn't get side toolbox please click on Windows then click Tool box.
  3. Insert image – select File → Open → Select image.

Alternatively, You can also open GIMP through image. Select image which you want to edit, and right click choose Open with > GIMP Image Editor. It will open with image to edit.

Step 2 - Select Tools

Rectangle select tool : Select a rectangular Tool
Ellipse select tool : Select an elliptical region
Free select tool : Select a hand-drawn region with free with polygonal segments

Crop to selection of an image, using GIMP.png Scaling an image using GIMP.png
Step 3 - Crop

Select the area that you would like to retain. The area can be extended or reduced by selecting one of the sides. Once your desired area is selected (the remaining area will turn grey or darker), then double click inside the desired area. The photo will be cropped to that size.
The tool is used:

  1. To reduce the size of large images.
  2. To remove unnecessary areas in a photo.
Step 4 - Scale: Select the image. Go to the menu bar on top and click on the 'Image' option. Then click on 'Scale image...'This would show you options of 'width and height' along with 'X resolution' and 'Y resolution'. Enter in 72 pixels in both X and Y spaces. This would help reduce the file to a small size.

The tool is used:

  • To reduce resolution which helps in file size.
  • To make photos for uploading on websites (should not be used for printing).
GIMP 5 Move.png GIMP 6 Add Text.png Entering text on an image using GIMP.png
Step 5 - Move
After scaling an image, if you want to add another image to the frame, you would have to move the first image to the side. This can be done using the move tool. Select the move tool. Select the image. Click and drag to a suitable location.

The tool is used:

  • When there is more than one element in the window you are working on
Step 6 - Add Text
Select the Text tool (a capital A). Now, drag the tool to were you want to insert text. A tiny box pops up. Type your text in the box. The size, colour, style of the text can be changed in the settings below the tool box. The length of the text box can be adjusted after you finishing typing your text by selecting the corners and dragging.
The tool is used:
To add a title or caption explaining the text is useful.

File formats for creation

Saving the file

Like in most applications, a file can be saved using the FILE – SAVE AS command, or by the shortcut key CTRL+S. Always give a meaningful file name, reading which you should get an idea of the file contents. Its saving in .xcf

Export and publishing files

After your edits, final output file can be export from here by using the FILE – Export AS command. Always give a meaningful file name, reading which you should get an idea of the file contents. You can export the image to various formats, including .PNG .JPEG .JPG

Advanced features

  1. Customizable Interface- Each task requires a different environment and GIMP allows you to customize the view and behavior the way you like it. Starting from the widget theme, allowing you to change colors, widget spacing and icon sizes to custom tool sets in the toolbox.
  2. Photo Enhancement- Numerous digital photo imperfections can be easily compensated for using GIMP.

Ideas for resource creation

Modify pictures hight, width, size, etc and creating resources.

References

  1. GIMP Official Website
  2. https://en.wikipedia.org/wiki/GIMP GIMP Wikipedia