Difference between revisions of "GIMP/C2/An-Image-For-The-Web/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(9 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{| border = 1
 
{| border = 1
−
 
 
|'''Time'''
 
|'''Time'''
 
|'''Narration'''
 
|'''Narration'''
−
 
  
 
|-
 
|-
 
| 00:23
 
| 00:23
−
| Welcome to Meet the GIMP.  
+
| Welcome to '''Meet the GIMP'''.  
  
 
|-
 
|-
Line 15: Line 13:
 
|-
 
|-
 
| 00:31
 
| 00:31
−
| The GIMP is the very powerful image manipulation program.  
+
| The GIMP is a very powerful image manipulation program.  
  
 
|-
 
|-
 
| 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
−
| I will briefly demonstrate you how to prepare an image for the web
+
| I will briefly demonstrate you how to prepare an image for the web.
  
 
|-
 
|-
 
| 00:43
 
| 00:43
−
|I will give detailed explanation in future tutorials
+
|I will give detailed explanation in future tutorials.
  
 
|-
 
|-
Line 47: Line 45:
 
|-
 
|-
 
| 01:02
 
| 01:02
−
|Lets see what I can do with it.  
+
|Let's see what I can do with it.  
  
 
|-
 
|-
 
| 01:04
 
| 01:04
−
|First the image is tilted so I have to rotate it a bit.  
+
|First, the image is tilted; so I have to rotate it a bit.  
  
 
|-
 
|-
Line 63: Line 61:
 
|-
 
|-
 
| 01:22
 
| 01:22
−
|I also want to re-size the image because now its nearly 4000 pixels wide, which is far too much.  
+
|I also want to re-size the image because now its nearly 4000 pixels wide which is far too much.  
  
 
|-
 
|-
Line 79: Line 77:
 
|-
 
|-
 
| 01:49
 
| 01:49
−
| By the way, you can move around in the image by pressing Space and just moving the cursor.  
+
| By the way, you can move around in the image by pressing '''Space''' and just moving the cursor.  
  
 
|-
 
|-
 
|01:56
 
|01:56
−
|And now I choose the Rotate tool by clicking here.  
+
|And now I choose the '''Rotate''' tool by clicking here.  
  
 
|-
 
|-
 
|02:00
 
|02:00
−
|In the Rotate tool, there are some options set by default to values suited for graphical work and not for photographic work.   
+
|In the '''Rotate''' tool, there are some options set by default, to values suited for graphical work and not for photographic work.   
  
 
|-
 
|-
 
| 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)'''.  
  
 
|-
 
|-
 
| 02:14
 
| 02:14
−
|I check if I have the best Interpolation. So that's fine.  
+
|I check if I have the best '''Interpolation'''. So, that's fine.  
  
 
|-
 
|-
−
| 02:17
+
| 02:17'''
−
| And in the Preview  I choose Grid instead of the Image.   
+
| And in the '''Preview''', I choose '''Grid''' instead of the '''Image'''.   
  
 
|-
 
|-
Line 107: Line 105:
 
|-
 
|-
 
|02:30
 
|02:30
−
|Now I will click on the image and get a grid overlaid on the image.  
+
|Now I will click on the image and get a grid, overlaid on the image.  
  
 
|-
 
|-
Line 115: Line 113:
 
|-
 
|-
 
|02:38
 
|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.   
+
|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.   
  
 
|-
 
|-
Line 131: Line 129:
 
|-
 
|-
 
| 03:02
 
| 03:02
−
| Now I will click on the Rotate button.     
+
| Now, I will click on the '''Rotate''' button.     
  
 
|-
 
|-
 
|03:06
 
|03:06
−
|This will take some time since the image is about 10 mega-pixels  
+
|This will take some time since the image is about 10 mega-pixels.
  
 
|-
 
|-
 
| 03:13
 
| 03:13
−
| And it is done!  
+
| And it is done! The image has rotated.
−
 
+
−
|-
+
−
| 03:14
+
−
| The image has rotated.
+
  
 
|-
 
|-
 
| 03:16
 
| 03:16
−
| Lets have a look at the whole picture. Shift + Ctrl + E brings us back to the image.
+
| Let's have a look at the whole picture. '''Shift + Ctrl + E''' brings us back to the image.
  
 
|-
 
|-
 
| 03:22
 
| 03:22
−
| Next step is Cropping.   
+
| Next step is '''Cropping'''.   
  
 
|-
 
|-
 
| 03:25
 
| 03:25
−
|I chose the Crop tool by clicking here.  
+
|I chose the '''Crop''' tool by clicking here.  
  
 
|-
 
|-
 
| 03:28
 
| 03:28
−
|I want to keep the aspect ratio of the image as 3:2.   
+
|I want to keep the '''aspect ratio''' of the image as 3:2.   
  
 
|-
 
|-
−
| 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.  
+
| And now I have to decide how far to drag.  
  
 
|-
 
|-
Line 195: Line 189:
 
|-
 
|-
 
| 04:18
 
| 04:18
−
|Let’s checks the borders.  
+
|Let’s check the borders.  
  
 
|-
 
|-
Line 207: Line 201:
 
|-
 
|-
 
| 04:35
 
| 04:35
−
| So I will leave it that way since it looks nice.   
+
| So, I will leave it that way since it looks nice.   
  
 
|-
 
|-
 
| 04:41
 
| 04:41
−
|There are windows here on the top.  
+
|There are windows here, on the top.  
  
 
|-
 
|-
 
| 04:44
 
| 04:44
−
|And there is enough of them in the image to see them as windows.  
+
|And there are enough of them in the image, to see them as windows.  
  
 
|-
 
|-
−
| 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 is 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 here. Perhaps you can see it.
+
|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:11
+
|06:11
−
|But I will try doing this with layers.  
+
|But I will try doing this with '''Layers'''.  
  
 
|-
 
|-
Line 295: Line 289:
 
|-
 
|-
 
| 06:23
 
| 06:23
−
| And change the layer mode to Overlay.  
+
| And change the '''Layers''' mode to '''Overlay'''.  
  
 
|-
 
|-
 
| 06:30
 
| 06:30
−
|And you can see its a very strong effect. I don’t want to have it that much.  
+
|And you can see, its a very strong effect. I don’t want to have it that much.  
  
 
|-
 
|-
−
| 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 315: Line 309:
 
|-
 
|-
 
| 06:50
 
| 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'.  
+
|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
 
| 07:01
−
|Then all the changes become permanent.
+
|Then all the changes become permanent
  
 
|-
 
|-
 
| 07:03
 
| 07:03
−
|Except if I go into History here and go back and undo the history.  
+
|except if I go into '''History''' here and go back and '''undo''' the '''history'''.  
  
 
|-
 
|-
Line 335: Line 329:
 
|-
 
|-
 
| 07:16
 
| 07:16
−
|I will click on the Image menu & select Scale Image option.  
+
|I will click on the '''Image''' menu & select '''Scale Image''' option.  
  
 
|-
 
|-
 
| 07:27
 
| 07:27
−
|Here I will just type in 800 pixels.
+
|Here, I will just type in '''800 pixels''' 
  
 
|-
 
|-
 
| 07:32
 
| 07:32
−
|And I get the value for the height automatically.  
+
|and I get the value for the '''Height''' automatically.  
  
 
|-
 
|-
Line 351: 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.
−
 
+
−
|-
+
−
| 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
 
| 08:02
−
|  Now, Click on Scale
+
|  Now, click on '''Scale'''.
  
 
|-
 
|-
 
| 08:04
 
| 08:04
−
| And we’ll look at the result  
+
| And we’ll look at the result.
  
 
|-
 
|-
 
| 08:08
 
| 08:08
−
|Shift + Ctrl + E gets us the whole image
+
|'''Shift + Ctrl + E''' gets us the whole image.
  
 
|-
 
|-
Line 387: Line 377:
 
|-
 
|-
 
| 08:49
 
| 08:49
−
|I will select Filters  
+
|I will select '''Filters'''
  
 
|-
 
|-
 
| 08:53
 
| 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.  
+
| 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.  
 
   
 
   
 
|-
 
|-
Line 411: Line 401:
 
|-
 
|-
 
| 09:46
 
| 09:46
−
|So we will slide it down and this is better.  
+
|So, we will slide it down and this is better.  
  
 
|-
 
|-
Line 423: Line 413:
 
|-
 
|-
 
| 10:06
 
| 10:06
−
|So lets look at the result.  
+
|So, let's look at the result.  
  
 
|-
 
|-
Line 435: Line 425:
 
|-
 
|-
 
| 10:15
 
| 10:15
−
|I will go to File and click on Save As and just change the original file extension ‘tif’ to ‘jpg’  
+
|I will go to '''File''' and click on '''Save As''' and just change the original file extension ‘tif’ to ‘jpg’  
  
 
|-
 
|-
 
| 10:29
 
| 10:29
−
|and Click on the Save button.  
+
|and click on the '''Save''' button.  
  
 
|-
 
|-
Line 459: Line 449:
 
|-
 
|-
 
| 11:04
 
| 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.   
+
|  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.   
  
 
|-
 
|-
Line 475: Line 465:
 
|-
 
|-
 
| 11:41
 
| 11:41
−
|This is Hemant Waidande dubbing for the Spoken Tutorial project
+
|This is Hemant Waidande, dubbing for the Spoken Tutorial project.

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

Retrieved from "https://script.spoken-tutorial.org/index.php?title=GIMP/C2/An-Image-For-The-Web/English-timed&oldid=34411"