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

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

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

Latest revision as of 17:23, 27 March 2017

Contributors and Content Editors

Navigation menu

Personal tools

Namespaces

Variants

Views

Actions

Search

Navigation

Tools

@@ Line 1: / Line 1: @@
 {| border = 1
 |'''Time'''
 |'''Narration'''
 |-
-| 00.23
+| 00:23
-| Welcome to Meet the GIMP.
+| Welcome to '''Meet the GIMP'''.
 |-
-| 00.25
+| 00:25
 | My name is Rolf Steinort and I am recording this in Bremen, Northern Germany.
 |-
-| 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.
 |-
-| 00.48
+| 00:48
 |To open an image, I will just drag and drop the image on to the tool box.
 |-
-| 00.53
+| 00:53
 |And here it is!
 |-
-|00.55
+|00:55
 | Let’s have a look at this image.
 |-
-|00.57
+|00:57
 |I want to make this image ready for the web.
 |-
-| 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.
 |-
-| 01.09
+| 01:09
 |Then I want to crop it to remove this part - the back of a person.
 |-
-| 01.16
+| 01:16
 |The 3rd thing I want to do is to bring in more colors and contrast.
 |-
-| 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.
 |-
-|01.31
+|01:31
 |And then I want to sharpen it and save it as a JPEG image.
 |-
-| 01.38
+| 01:38
 |Let’s start with rotating.
 |-
-| 01.40
+| 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
+| 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 grid I choose Grid instead of the Image.
+| And in the '''Preview''',  I choose '''Grid''' instead of the '''Image'''.
 |-
-| 02.22
+| 02:22
 |I shall increase the no. of grid lines by moving the slider. You will see it soon.
 |-
-|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.
 |-
-|02.36
+|02:36
 |This grid is straight.
 |-
-|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.
 |-
-| 02.51
+| 02:51
 |Let me demonstrate. I will rotate the grid like this.
 |-
-| 02.56
+| 02:56
 |I will check the other part of the image to make sure.
 |-
-| 03.00
+| 03:00
 |Looks good to me.
-|-
-| 03.02
-| Now I will click on the Rotate button.
 |-
-|03.06
+| 03:02
-|This will take some time since the image is about 10 mega-pixels
+| Now, I will click on the '''Rotate''' button.
 |-
-| 03.13
+|03:06
-| And it is done!
+|This will take some time since the image is about 10 mega-pixels.
 |-
-| 03.14
+| 03:13
-| The image has rotated.
+| And it is done! 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.
 |-
-| 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.
 |-
-| 04.12
+| 04:12
 |I think this is quite good.
 |-
-| 04.18
+| 04:18
-|Let’s checks the borders.
+|Let’s check the borders.
 |-
-| 04.21
+| 04:21
 |We have excluded this part. There is a person sitting here.
 |-
-| 04.28
+| 04:28
 |I think there is enough room here for the person to be in the picture.
 |-
-| 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.
 |-
-| 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.
 |-
-| 05.38
+|05:38
 |Not so far.
 |-
-| 05.40
+|05:40
 |I think this is quite good.
 |-
-| 05.44
+|05:44
 |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.
 |-
-| 06.11
+|06:11
-|But I will try doing this with layers.
+|But I will try doing this with '''Layers'''.
 |-
-| 06.18
+| 06:18
 |I simply make a copy of this layer here.
 |-
-| 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.
 |-
-| 06.46
+| 06:46
 |Ok, I think this is good enough.
 |-
-| 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'''.
 |-
-| 07.10
+| 07:10
 |But we’ll cover that later.
 |-
-| 07.13
+| 07:13
 |Next step is Resizing.
 |-
-| 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.
 |-
-| 07.36
+| 07:36
 |When I unlock this link here, I could distort the image while re-sizing it.
 |-
-| 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
+| 08:02
-|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.
+|  Now, click on '''Scale'''.
 |-
-| 08.02
+| 08:04
-|  Now, Click on Scale
+| And we’ll look at the result.
 |-
-| 08.04
+| 08:08
-| And we’ll look at the result
+|'''Shift + Ctrl + E''' gets us the whole image.
 |-
-| 08.08
+| 08:13
-|Shift + Ctrl + E gets us the whole image
-|-
-| 08.13
 |And when I press 1, I get 100% zoom.
 |-
-| 08.19
+| 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
+| 08:32
 |Next step is Sharpening.
 |-
-| 08.35
+| 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
+| 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.
 |-
-| 09.06
+| 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
+| 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
+| 09:31
 |I think for this image this value is good.
 |-
-| 09.38
+| 09:38
 |The hair looks clearer now but here you can see some blending or distortion.
 |-
-| 09.46
+| 09:46
-|So we will slide it down and this is better.
+|So, we will slide it down and this is better.
 |-
-| 09.52
+| 09:52
 |I would like to go for soft effects rather than have any distortion in the image.
 |-
-| 10.00
+| 10:00
 |They are the proof that you have manipulated the image.
 |-
-| 10.06
+| 10:06
-|So lets look at the result.
+|So, let's look at the result.
 |-
-| 10.09
+| 10:09
 |It looks quite good.
 |-
-| 10.11
+| 10:11
 |And now the last step is Saving this image.
 |-
-| 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.
 |-
-| 10.32
+| 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
+| 10:44
 |I think 85%is a good standard value for this image.
 |-
-| 10.53
+| 10:53
 |So I have saved this image as JPEG image here.
 |-
-| 11.01
+| 11:01
 | You can look at it in full screen.
 |-
-| 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.
 |-
-| 11.17
+| 11:17
 | If you want to send a comment, please write to info@meetthegimp.org
 |-
-| 11.25
+| 11:25
 |More information is available at http://meetthegimp.org
 |-
-| 11.31
+| 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
+| 11:41
-|This is Hemant Waidande dubbing for the Spoken Tutorial project
+|This is Hemant Waidande, dubbing for the Spoken Tutorial project.