Oct 242013
 

Last Updated: November 29, 2015

Gimp Image Editor Layout tutorial will cover the overall layout and tools, filters and more. Gimp runs on different operating systems and it is translated into many languages.

Latest News: I have added more links to the menu.

I want to share the power of Gimp. Many know a bit about Gimp but they don’t know how powerful it is. There is so much to learn and it is a rival to Photoshop.

In this tutorial I will talk about all the tools it has to offer, the overall layout design and the menu. At first it can be overwhelming but with some patience and practice you will learn to take control.

Gimp Image Editor Tutorials:

  1. Layout
  2. Tools Menu File
  3. Tools Edit
  4. Select
  5. View
  6. Image
  7. Layer
  8. Colors
  9. Tools
  10. Filters
  11. Filters Part Two
  12. Filters Part Three
  13. Windows Help

Gimp Image Editor Layout:

Step 1 ) The following image illustrates the over all Gimp Layout. As you can see there are many menus in hidden areas. I have added a red box and an arrow in all the areas where there is a hidden menu or tools.

gimp-image-editor-layout

Step 2 ) The following image displays the Top Main Menu where you can configure every Gimp option.

gimp-image-editor-menu

Step 3 ) The following image displays the Tools Box. You have many options here to edit your image. I have selected the Free Select Tool.

gimp-image-editor-tools

Step 4 ) The following image displays some information about the Free Select Tool. This can be found on the footer of Gimp.

gimp-image-editor-free-select-tool

Step 5 ) The following image displays the Layers Tab.

gimp-image-editor-layers

Step 6 ) The following image displays the Layers Tab configuration menu.

gimp-image-editor-configure-layers-tab

Step 7 ) The following image displays many tools to help you manage the Layers.

gimp-image-editor-more-tools

Step 8 ) The following image displays the Image Menu, Top Ruler, Side ruler, Zoom Image, Current Displayed Image, Toggle Quick Mask on/off and the Image Navigation Tool.

gimp-image-editor-rulers

Step 9 ) The following image illustrates the image navigation tool zoomed in. If you have a large size image then this tool is very handy for you to navigate to different areas of the image without having to navigate outside.

gimp-image-editor-navigate-image

Step 10 ) The following image displays the Image Menu for the Current Displayed Image.

gimp-image-editor-access-image-menu

Step 11 ) The following image allows you to Toggle Quick Mask on/off.

gimp-image-editor-toggle-mask

Step 12 ) The following image displays different menus. I have selected the Document History Tab.

gimp-image-editor-more-tools-2

Step 13 ) The following image allows you to configure the current tab. In the illustration below I have selected the Document History tab.

gimp-image-editor-configure-current-tab

Click on the following link Tools Menu File to learn more about the menu.

You can see why Gimp is so powerful and the amount of tools it offers for you edit your images. It will take you quite some time to learn all it has to offer and use all the tools available.

I will update this tutorial from time to time. So keep coming back for the latest. If you have any questions please let me know.

Enjoy

Check out More Gimp Tutorials.

Facebooktwittergoogle_plus
Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

  2 Responses to “Gimp Image Editor Layout”

  1. I am in a course that makes landing pages on Kompozer. The page is 1900mm x 1250mm with text 60% and picture 40%. The course also proposes that banners be made on Gimp. Your website shows how to make Gimp banners and the question arises why not use Gimp for both jobs? It would save not having to learn Kompozer.
    It is envisaged that up to 8 landing pages would be split tested with the picture being the principal variable. Do you see any issues with this proposal that would make it impra

    • Hi John Martin, thank you for your question. You can use Gimp to create website layouts. Kompozer is simply a tool to create the code using a WYSIWYG editor. I have used Kompozer before and even have a Kompozer tutorial if you would like to read it.

      I am not sure about your second question? Can you clarify it further so that I understand what you are asking.

      Thank you

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)