Difference between revisions of "GIMP/C2/An-Image-For-The-Web/English-timed"
From Script | Spoken-Tutorial
Sakinashaikh (Talk | contribs) |
PoojaMoolya (Talk | contribs) |
||
(6 intermediate revisions by 3 users not shown) | |||
Line 18: | Line 18: | ||
| 00:35 | | 00:35 | ||
|In this first tutorial, I want to give you a small tour of GIMP and its features. | |In this first tutorial, I want to give you a small tour of GIMP and its features. | ||
− | + | ||
|- | |- | ||
| 00:39 | | 00:39 | ||
Line 44: | Line 44: | ||
|- | |- | ||
− | | 01: | + | | 01:02 |
|Let's see what I can do with it. | |Let's see what I can do with it. | ||
Line 89: | Line 89: | ||
|- | |- | ||
| 02:09 | | 02:09 | ||
− | |So, here '''Direction''' is set to '''Normal(Forward)''' but I will set it to '''Corrective(Backward)'''. | + | |So, here '''Direction''' is set to '''Normal (Forward)''' but I will set it to '''Corrective (Backward)'''. |
|- | |- | ||
Line 137: | Line 137: | ||
|- | |- | ||
| 03:13 | | 03:13 | ||
− | | And it is done! | + | | And it is done! The image has rotated. |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
Line 160: | Line 156: | ||
|- | |- | ||
− | | 03:33 | + | |03:33 |
|For that, I check '''Fixed Aspect ratio''' here and type in 3:2. | |For that, I check '''Fixed Aspect ratio''' here and type in 3:2. | ||
+ | |||
|- | |- | ||
− | | 03:39 | + | |03:39 |
− | | Just clicking to come out of that box. | + | |Just clicking to come out of that box. |
|- | |- | ||
− | | 03:43 | + | |03:43 |
− | | And now, I can start cropping. | + | |And now, I can start cropping. |
|- | |- | ||
− | | 03:45 | + | |03:45 |
|I want to include the feet of this person here but exclude this part of the image. | |I want to include the feet of this person here but exclude this part of the image. | ||
|- | |- | ||
− | | 03:52 | + | |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. | |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 | + | |04:01 |
− | | Note that the aspect ratio is constant. | + | |Note that the aspect ratio is constant. |
|- | |- | ||
− | | 04:06 | + | |04:06 |
− | | | + | | And now I have to decide how far to drag. |
|- | |- | ||
Line 215: | Line 212: | ||
|- | |- | ||
− | | 04:50 | + | |04:50 |
|But I think there is not enough room around here, at the feet. | |But I think there is not enough room around here, at the feet. | ||
|- | |- | ||
− | | 04:54 | + | |04:54 |
|So, I'll just click on the image, and drag it a bit down. | |So, I'll just click on the image, and drag it a bit down. | ||
− | + | ||
|- | |- | ||
− | | 04:58 | + | |04:58 |
− | | I think this is good now. | + | |I think this is good now. |
|- | |- | ||
− | | 05:01 | + | |05:01 |
|But now there are not enough windows seen here and the person seated here is very near to the border. | |But now there are not enough windows seen here and the person seated here is very near to the border. | ||
|- | |- | ||
− | | 05:08 | + | |05:08 |
|So, lets make the image a bit larger. | |So, lets make the image a bit larger. | ||
|- | |- | ||
− | | 05:11 | + | |05:11 |
− | |We are running into a problem | + | |We are running into a problem hereC. Perhaps you can see it. |
|- | |- | ||
− | | 05:18 | + | |05:18 |
|This happened during the rotation. | |This happened during the rotation. | ||
|- | |- | ||
− | | 05:21 | + | |05:21 |
|There is a small part here which is transparent now. | |There is a small part here which is transparent now. | ||
|- | |- | ||
− | | 05:25 | + | |05:25 |
− | | I don’t want to include that. | + | |I don’t want to include that. |
|- | |- | ||
− | | 05:33 | + | |05:33 |
− | | So, lets go back to '''Crop''' tool. | + | |So, lets go back to '''Crop''' tool. |
|- | |- | ||
− | | 05:35 | + | |05:35 |
|I want a bit more room here; so I am dragging this up. | |I want a bit more room here; so I am dragging this up. | ||
− | + | ||
|- | |- | ||
− | | 05:38 | + | |05:38 |
|Not so far. | |Not so far. | ||
|- | |- | ||
− | | 05:40 | + | |05:40 |
|I think this is quite good. | |I think this is quite good. | ||
|- | |- | ||
− | | 05:44 | + | |05:44 |
|Now just click on the image and here we have the cropped & rotated image. | |Now just click on the image and here we have the cropped & rotated image. | ||
|- | |- | ||
− | | 05:50 | + | |05:50 |
− | | '''Shift + Ctrl + E''' brings us back to the full view. | + | |'''Shift + Ctrl + E''' brings us back to the full view. |
|- | |- | ||
− | | 05:56 | + | |05:56 |
− | | Next step is to boost the colors & contrast a bit. | + | |Next step is to boost the colors & contrast a bit. |
|- | |- | ||
− | | 06:02 | + | |06:02 |
|There are several ways here. I could use the color levels - here it is, the curves or some sliders. | |There are several ways here. I could use the color levels - here it is, the curves or some sliders. | ||
− | |- | + | |- |
− | | 06: | + | |06:11 |
|But I will try doing this with '''Layers'''. | |But I will try doing this with '''Layers'''. | ||
Line 299: | Line 296: | ||
|- | |- | ||
− | | 06:36 | + | |06:36 |
|So, I slide the '''Opacity''' slider down to a value where I think its looking good. | |So, I slide the '''Opacity''' slider down to a value where I think its looking good. | ||
|- | |- | ||
− | | 06:42 | + | |06:42 |
− | | Little more perhaps. | + | |Little more perhaps. |
|- | |- | ||
Line 348: | Line 345: | ||
|- | |- | ||
| 07:44 | | 07:44 | ||
− | |'''Interpolation''' | + | |'''Interpolation'''. 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. |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- |
Latest revision as of 17:23, 27 March 2017
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 a 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 | Let's 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! The image has rotated. |
03:16 | Let's 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 check 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 are 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 are 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 hereC. 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 Layers 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. 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, let's 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, Minal, PoojaMoolya, Sakinashaikh, Sandhya.np14