GIMP/C2/An-Image-For-The-Web/Gujarati

From Script | Spoken-Tutorial
Revision as of 12:47, 11 December 2013 by Jyotisolanki (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Time Narration


00.23 Welcome to Meet the GIMP.
00.25 My name is Rolf Steinort and I am recording this in Bremen, Northern Germany.
00.31 The GIMP is the very powerful image manipulation program.
00.35 In this first tutorial I want to give you a small tour of GIMP and its features
00.39 I will briefly demonstrate you how to prepare an image for the web
00.43 I will give detailed explanation in future tutorials
00.48 To open an image, I will just drag and drop the image on to the tool box.
00.53 And here it is!
00.55 Let’s have a look at this image.
00.57 I want to make this image ready for the web.
01.02 Lets see what I can do with it.


01.04 First the image is tilted so I have to rotate it a bit.
01.09 Then I want to crop it to remove this part - the back of a person.
01.16 The 3rd thing I want to do is to bring in more colors and contrast.
01.22 I also want to re-size the image because now its nearly 4000 pixels wide, which is far too much.
01.31 And then I want to sharpen it and save it as a JPEG image.
01.38 Let’s start with rotating.


01.40 I zoom into the part of the image where it is most obvious that the image is tilted. You can see it here.
01.49 By the way, you can move around in the image by pressing Space and just moving the cursor.
01.56 And now I choose the Rotate tool by clicking here.
02.00 In the Rotate tool, there are some options set by default to values suited for graphical work and not for photographic work.
02.09 So here Direction is set to Normal(Forward) but I will set it to Corrective(Backward).
02.14 I check if I have the best Interpolation. So that's fine.


02.17 And in the Preview I choose Grid instead of the Image.
02.22 I shall increase the no. of grid lines by moving the slider. You will see it soon.
02.30 Now I will click on the image and get a grid overlaid on the image.
02.36 This grid is straight.
02.38 And I can rotate it and GIMP will rotate the image in the same direction in the Corrective mode so that the grid is straight again.
02.51 Let me demonstrate. I will rotate the grid like this.
02.56 I will check the other part of the image to make sure.
03.00 Looks good to me.
03.02 Now I will click on the Rotate button.
03.06 This will take some time since the image is about 10 mega-pixels
03.13 And it is done!
03.14 The image has rotated.
03.16 Lets have a look at the whole picture. Shift + Ctrl + E brings us back to the image.
03.22 Next step is Cropping.
03.25 I chose the Crop tool by clicking here.
03.28 I want to keep the aspect ratio of the image as 3:2.
03.33 For that I check Fixed Aspect ratio here and type in 3:2.
03.39 Just clicking to come out of that box.
03.43 And now, I can start cropping.
03.45 I want to include the feet of this person here but exclude this part of the image.
03.52 So I start here at this point and pressing the left mouse button, I drag upward towards the left to select the area.
04.01 Note that the aspect ratio is constant.
04.06 And now I have to decide how far to drag.
04.12 I think this is quite good.
04.18 Let’s checks the borders.
04.21 We have excluded this part. There is a person sitting here.


04.28 I think there is enough room here for the person to be in the picture.
04.35 So I will leave it that way since it looks nice.
04.41 There are windows here on the top.
04.44 And there is enough of them in the image to see them as windows.
04.50 But I think there is not enough room around here at the feet
04.54 So I'll just click on the image, and drag it a bit down.
04.58 I think this is good now.
05.01 But now there is not enough windows seen here and the person seated here is very near to the border.
05.08 So lets make the image a bit larger.
05.11 We are running into a problem here. Perhaps you can see it.
05.18 This happened during the rotation
05.21 There is a small part here which is transparent now.


05.25 I don’t want to include that,
05.33 so lets go back to Crop tool.
05.35 I want a bit more room here; so I am dragging this up.
05.38 Not so far.
05.40 I think this is quite good.
05.44 Now just click on the image and here we have the cropped & rotated image.
05.50 Shift + Ctrl + E brings us back to the full view.
05.56 Next step is to boost the colors & contrast a bit.
06.02 There are several ways here. I could use the color levels - here it is, the curves or some sliders.
06.11 But I will try doing this with layers.
06.18 I simply make a copy of this layer here.



06.23 And change the layer mode to Overlay.
06.30 And you can see its a very strong effect. I don’t want to have it that much.


06.36 So I slide the opacity slider down to a value where I think its looking good.
06.42 Little more perhaps.
06.46 Ok, I think this is good enough.
06.50 I can always change that unless I right click the mouse here to go to the channel list and say 'Flatten image' or 'Merge visible layers'.
07.01 Then all the changes become permanent.
07.03 Except if I go into History here and go back and undo the history.
07.10 But we’ll cover that later.
07.13 Next step is Resizing.
07.16 I will click on the Image menu & select Scale Image option.
07.27 Here I will just type in 800 pixels.


07.32 And I get the value for the height automatically.
07.36 When I unlock this link here, I could distort the image while re-sizing it.


07.44 Interpolation
07.45 I think I will choose Cubic. I found that the highest layer here gives some art effects with brick buildings. Its strange and I will have to check that out.
08.02 Now, Click on Scale
08.04 And we’ll look at the result
08.08 Shift + Ctrl + E gets us the whole image
08.13 And when I press 1, I get 100% zoom.
08.19 Now we can look around in the image to see if we have any really disturbing or distracting stuff. But I personally think it worked out well.
08.32 Next step is Sharpening.
08.35 My lens is quite good and my camera too. But we have manipulated the image. So it has to be sharpened a bit.
08.49 I will select Filters
08.53 and click on Enhance and here is Sharpening. I could also use the Unsharp mask which is very powerful sharpening tool. But for now, Sharpening is enough.
09.06 This tool has basically only one option which is the sharpness slider. It can be adjusted and its enough for such an image.
09.16 This is the unsharpened image and when I drag this slider, the image gets sharpened more and more. You get a very funny effect if you slide it too far.
09.31 I think for this image this value is good.


09.38 The hair looks clearer now but here you can see some blending or distortion.
09.46 So we will slide it down and this is better.
09.52 I would like to go for soft effects rather than have any distortion in the image.


10.00 They are the proof that you have manipulated the image.
10.06 So lets look at the result.
10.09 It looks quite good.


10.11 And now the last step is Saving this image.
10.15 I will go to File and click on Save As and just change the original file extension ‘tif’ to ‘jpg’
10.29 and Click on the Save button.
10.32 I get a warning that the JPEG can't handle images with multiple layers. Ok. So we have to export them.
10.44 I think 85%is a good standard value for this image.
10.53 So I have saved this image as JPEG image here.
11.01 You can look at it in full screen.
11.04 This is it.The first tutorial of Meet the GIMP. In future tutorials, I will cover topics like how to set up GIMP, how to draw, convert, etc. and tools and many more.
11.17 If you want to send a comment, please write to info@meetthegimp.org
11.25 More information is available at http://meetthegimp.org


11.31 I would like to hear from you. Tell me what you liked, what I could have made better, what you want to see in the future.
11.41 This is Hemant Waidande dubbing for the Spoken Tutorial project

Contributors and Content Editors

Jyotisolanki, Krupali, PoojaMoolya, Ranjana