Search This Blog

Sunday, October 10, 2010

Video Tutorial: GIMP Basic Part 1

Transcript for video tutorial: GIMP Basic Part 1

Hello, this is Mike Lively from Northern Kentucky University.

Today I would like to talk about a great image processing software package which is called GIMP. And GIMP is free. That is the good news, and so if you don't have the money to buy Photoshop or a high end image processing package, you are going to find this a great substitute. So to get started you go to and download GIMP. So click on the download button.

GIMP is cross platform so it will run on MAC, Windows or Linux. In this case we will be running on a Windows machine. So click on Download GIMP 2.4.4. It will take you to and accept that. Then go and save it and it is just a typical executable file. Once it is on your desktop, click on it and it will go into the installation process. Everything is very standard here. So I have already done that after the installation process, it will go back to GIMP and let us talk about the Interface. One more thing here, you would want to go ahead and check out the documentations. It is very good and read up on how to use it to enhance what we do with this tutorial today.

Let us open up GIMP, go to the START > Programs > GIMP and GIMP 2. And when GIMP opens up, you will see the Tip of the day, and that may be useful for you, but now we will just close it and you will see 2 sets of panels, and one on the right and one on the left. And one on the left is the GIMPS Tools and below that is the Tools Options. So click on different tools, you will see different options and it is extremely helpful. And the one on the right is the LAYERS panel and these Layers are dockable so you can slide it around and dock them in different places. You just slide them out and see, we dock it out here. Eh in this tutorial we will not be dealing with Layers panel or the Dialog panel so we are going to X that out.

We will be looking specifically at the Tools panel. Now if you lose the Tools Option panel or you want the Dialogs panel back, there are some steps you can take to do that. So here is something actually from the GIMP documentations. If your GIMP layout gets trashed. In the File menu from the Main Toolbox, you can actually go to Select File > Dialogs > Create New Dock > Layers, Channels and Paths. This will bring your Dialogs back. So let us show you what we mean by that. So Files > Dialogs > Create New Dock > Layers, Channels and Paths and there you go, you get your Dialog back. X out that. If you lose these Tools and Options bar, it is very important, you can get that back by going to Select File > Dialogs > Tool Options. So just go to File > Dialogs and > Tool Options. So if you lose that you will be wondering how the hack I'm going to get that back, that was pretty easy to do. Just go to the Dialogs panel.

So what we are going to do now is to bring in an image and start editing. Now when it come to the editing process, for the beginners, there are like 7 big things that you would need to know how to do:
  • Scaling
  • Cropping
  • Cutting (with Transparency)
  • Flipping
  • Rotating
  • Reducing
  • Saving

So we are going to show you how to do all those 7 big items today.

So let's bring in an image into GIMP. Go to File and Open, and I am going to navigate to my Desktop. I have an image on my Desktop that I want to work with and that is Market Places. Let's click on that. And this particular image, I actually got from SketchUp. So we have a SketchUp image here and we are going to work with it a little bit. And you are going to find it very easy to do.


And the first we are going to learn how to do is Scaling. So let's change the size of this image. We go and click on this Scale tool GIMP scale tool, and click right on the image. You can do a number of things here. You can just drag these control handles and scale that way. And note that I am not scaling symmetrically. So there is a box that came up with it a little panel here and it allows me to lock it GIMP Lock tool, so lock right there. And from there I can actually enforces image scaling symmetrically. See that? And many times we are going to work with image that we just want to reduce in size for the web. We want to scale symmetrically. So make sure you grab that corner control handle and it will allow you to do that.

Now if you want to actually control by the numbers, you want to scale by the numbers, you can just type in a different number like for example, 200. And enter. And that will scale you image up automatically. Let's try another one. Lets go 100, enter and that will scale your image automatically scale for you. Let's bring that up to 300. There you go. And you can take this lock off and actually scale assymetrically as well. That is how you use that tool. Once you are done scalling, just hit scale and you are all set. And now we have this transparent background right here. We are going to take care of that.

So what we have done is, we have shrunk our image, but our canvas size stays the same size, we now have this transparent background. I'm going to get rid of that by going to Image > Fit Canvas to layers and we are going to grab it and click on that and it would have done that. So now we proceed with this. So now we have scale, fairly easy to do.


The next thing we want to learn is how to crop. Cropping is realy easy, and in the GIMP, all you have to do is come along here and this is great for this. You have these tools here. If you forget what tool to use, just roll your mouse over the tools till the tool tips come up. Here is my cropping tool GIMP crop tool. Here we go. Crop tool. Just click on it, and scroll round the area that you want, and let go, and click, and automatically it is cropped, both the canvas as well as the image that you click over. Isn't that fantastic. So easy to do to crop an image. Every time you find that when that is one of the things you need to do, we got a photograph and we don't want a full body, we just want the face, so just crop around the face. OK next.

Cutting (with transparency)

So if we look at our list, the next thing we want to do is cut with transparency. And this is one of the biggest thing that the instructor want to know how to do. Typically we have an image and we want to cut a piece of it out and put another image. So we can move anywhere we want with transparent background. Let me show you how to that in GIMP. Go to the PATH tool GIMP path tool and click on that. And then you just basically click, and then move, and click and move, and outline the object you want to grab. And depending on how complex your object is, you actually may have to do more of these clicks and the simple ones I chose this nose and I roll over the closing path, there is a little arrow at the top there right hand side. Click on that and you can see it closed. At this point we want to shift V to go from path, and control I to select everything that is inside the path. Then DELETE to delete everything but what is inside the path. So the number of steps. Now how do I know how to use all these control keys, go to SELETE menu see Shift+V was to go FROM PATH. Ctrl+I was to INVERT, and then DELETE is to that is being selected. So I select everything that is outside the path. Now if you really want to become good, these types of software, you will want to learn these keyboard commands and these make pretty easy because each time you want to go to the menu items and then you see the keyboard commands are right there. Memorize those commands. You will find them very useful and it will speed up much you can do.

So now you have an image and a transparent background. You click on these little keys here and actually move them where we want to. There you go. Ctrl+Z and this is my last command, and ctrl+Y. So remember, ctrl+Z and ctrl+Y can be pretty useful. Good, let's go on to the next topic. Let's ctrl+Z all the way back to the original image. There we go.


And now what we want to do in GIMP is to learn how to flip. Flipping is extremely easy. There is a flip command GIMP Flip tool in the Toolbox. There you go. Just click on it and roll over the image and click, and your image goes back and forth. Very easy to do.


Next thing we want to do is to rotate. Let's go over here to the Toolbox, and here is your ROTATE command GIMP Rotate tool, just click on that, and click on our image, and out comes a dialog box and you can basically scroll and rotate that you want a little bit. If you want to be exact, for example, you want to rotate a 160 180 degrees, then you can just type the number out. Otherwise you can just use this scroll bar. And when you are done, you can just click ROTATE, and it rotates the image for you. Very easily done. And ctrl+Z just to get back. So let's just check out the Big Seven here, and we have 2 left, Reducing and Saving, and we will treat that in the next video.

No comments: