<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="https://script.spoken-tutorial.org/skins/common/feed.css?303"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
		<id>https://script.spoken-tutorial.org/index.php?action=history&amp;feed=atom&amp;title=GIMP%2FC2%2FAn-Image-For-The-Web%2FEnglish</id>
		<title>GIMP/C2/An-Image-For-The-Web/English - Revision history</title>
		<link rel="self" type="application/atom+xml" href="https://script.spoken-tutorial.org/index.php?action=history&amp;feed=atom&amp;title=GIMP%2FC2%2FAn-Image-For-The-Web%2FEnglish"/>
		<link rel="alternate" type="text/html" href="https://script.spoken-tutorial.org/index.php?title=GIMP/C2/An-Image-For-The-Web/English&amp;action=history"/>
		<updated>2026-05-13T20:24:03Z</updated>
		<subtitle>Revision history for this page on the wiki</subtitle>
		<generator>MediaWiki 1.23.17</generator>

	<entry>
		<id>https://script.spoken-tutorial.org/index.php?title=GIMP/C2/An-Image-For-The-Web/English&amp;diff=41&amp;oldid=prev</id>
		<title>Chandrika: Created page with '{| border=1 !Time !Narration |- |00:22 |Welcome to Meet the GIMP. |- |00:24 |My name is Rolf Steinort and I am recording this in Bremen, Northern Germany. |- |00:30 |I wanted to …'</title>
		<link rel="alternate" type="text/html" href="https://script.spoken-tutorial.org/index.php?title=GIMP/C2/An-Image-For-The-Web/English&amp;diff=41&amp;oldid=prev"/>
				<updated>2012-11-27T08:42:44Z</updated>
		
		<summary type="html">&lt;p&gt;Created page with &amp;#039;{| border=1 !Time !Narration |- |00:22 |Welcome to Meet the GIMP. |- |00:24 |My name is Rolf Steinort and I am recording this in Bremen, Northern Germany. |- |00:30 |I wanted to …&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{| border=1&lt;br /&gt;
!Time&lt;br /&gt;
!Narration&lt;br /&gt;
|-&lt;br /&gt;
|00:22&lt;br /&gt;
|Welcome to Meet the GIMP.&lt;br /&gt;
|-&lt;br /&gt;
|00:24&lt;br /&gt;
|My name is Rolf Steinort and I am recording this in Bremen, Northern Germany.&lt;br /&gt;
|-&lt;br /&gt;
|00:30&lt;br /&gt;
|I wanted to do a video podcast about the GIMP.&lt;br /&gt;
|-&lt;br /&gt;
|00:33&lt;br /&gt;
|The GIMP is the very powerful image manipulation program.&lt;br /&gt;
|-&lt;br /&gt;
|00:36&lt;br /&gt;
|It is a free and open source software and it runs on Linux, Windows and Mac Operating Systems.&lt;br /&gt;
|-&lt;br /&gt;
|00:46&lt;br /&gt;
|It is an open source equivalent of the popular graphics editing program - Photoshop.&lt;br /&gt;
|-&lt;br /&gt;
|00:54&lt;br /&gt;
|The GIMP is maintained and enhanced by a group of dedicated volunteers and has provided me with the means to post and process my photographs on the Linux computer.&lt;br /&gt;
|-&lt;br /&gt;
|1:05&lt;br /&gt;
|Now I want to give something back.&lt;br /&gt;
|-&lt;br /&gt;
|1:07&lt;br /&gt;
|I am not very good at coding and hence cannot contribute on that way. &lt;br /&gt;
|-&lt;br /&gt;
|1:13&lt;br /&gt;
|But I am a teacher by profession and hence I can teach others to use GIMP.&lt;br /&gt;
|-&lt;br /&gt;
|1:18&lt;br /&gt;
|First I thought about writing tutorials.  But John Arnold's ‘Photo Walks Through’ inspired me to use screen-casting to create video tutorials.&lt;br /&gt;
|-&lt;br /&gt;
|1:27&lt;br /&gt;
|In this 1st tutorial, I want to give you a small tour of GIMP and its features.  I will briefly demonstrate how to prepare an image for the web.&lt;br /&gt;
|-&lt;br /&gt;
|1:35&lt;br /&gt;
|I will give detailed explanations in future tutorials.&lt;br /&gt;
|-&lt;br /&gt;
|1:40&lt;br /&gt;
|To open an image, I will just drag and drop the image on the tool box.&lt;br /&gt;
|-&lt;br /&gt;
|1:45&lt;br /&gt;
|And here it is!&lt;br /&gt;
|-&lt;br /&gt;
|1:49&lt;br /&gt;
|Let’s have a look at this image.&lt;br /&gt;
|-&lt;br /&gt;
|1:52&lt;br /&gt;
|I shot this at the market place in Bremen. You saw other images of that during the introduction.&lt;br /&gt;
|-&lt;br /&gt;
|1:59&lt;br /&gt;
|There are always tourist shooting pictures of our town hall. &lt;br /&gt;
|-&lt;br /&gt;
|2:03&lt;br /&gt;
|And I caught this funny moment where 3 people were shooting the town hall with cameras in front of their faces.&lt;br /&gt;
|-&lt;br /&gt;
|2:13&lt;br /&gt;
|I want to make this image ready for the web.&lt;br /&gt;
|-&lt;br /&gt;
|2:18&lt;br /&gt;
|Lets see what I can do with it.&lt;br /&gt;
|-&lt;br /&gt;
|2:20&lt;br /&gt;
|First the image is tilted so I have to rotate it a bit. &lt;br /&gt;
|-&lt;br /&gt;
|2:25&lt;br /&gt;
|Then I want to crop it to remove this part - the back of a person.&lt;br /&gt;
|-&lt;br /&gt;
|2:32&lt;br /&gt;
|The 3rd thing I want to do is to bring in more colors and contrast.&lt;br /&gt;
|-&lt;br /&gt;
|2:41&lt;br /&gt;
|I also want to re-size the image because now its nearly 4000 pixels wide, which is far too much.&lt;br /&gt;
|-&lt;br /&gt;
|2:50&lt;br /&gt;
|And then I want to sharpen it and save it as a JPEG image.&lt;br /&gt;
|-&lt;br /&gt;
|2:57&lt;br /&gt;
|Let’s start with rotating. &lt;br /&gt;
|-&lt;br /&gt;
|2:59&lt;br /&gt;
|I zoom into the part of the image where it is most obvious that the image is tilted. You can see it here.&lt;br /&gt;
|-&lt;br /&gt;
|3:08&lt;br /&gt;
|By the way, you can move around in the image by pressing Space and just moving the cursor.&lt;br /&gt;
|-&lt;br /&gt;
|3:18&lt;br /&gt;
|And now I choose the Rotate tool by clicking here.&lt;br /&gt;
|-&lt;br /&gt;
|3:22&lt;br /&gt;
|In the Rotate tool, there are some options set by default to values suited for graphical work and not for photographic work.&lt;br /&gt;
|-&lt;br /&gt;
|3:34&lt;br /&gt;
|So here Direction is set to Normal(Forward) but I will set it to Corrective(Backward).  &lt;br /&gt;
|-&lt;br /&gt;
|3:38&lt;br /&gt;
|I check if I have the best Interpolation.  So that's fine.&lt;br /&gt;
|-&lt;br /&gt;
|3:43&lt;br /&gt;
|And in the Preview grid I choose Grid instead of Image.&lt;br /&gt;
|-&lt;br /&gt;
|3:49&lt;br /&gt;
|I shall increase the no. of grid lines by moving the slider.  You will see it soon. &lt;br /&gt;
|-&lt;br /&gt;
|3:57&lt;br /&gt;
|Now I will click on the image and get a grid overlaid over the image.&lt;br /&gt;
|-&lt;br /&gt;
|4:05&lt;br /&gt;
|This grid is straight.&lt;br /&gt;
|-&lt;br /&gt;
|4:10&lt;br /&gt;
|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.&lt;br /&gt;
|-&lt;br /&gt;
|4:23&lt;br /&gt;
|Let me demonstrate.  I will rotate the grid like this. &lt;br /&gt;
|-&lt;br /&gt;
|4:28&lt;br /&gt;
|I will check the other part of the image to make sure.&lt;br /&gt;
|-&lt;br /&gt;
|4:32&lt;br /&gt;
|Looks good to me.&lt;br /&gt;
|-&lt;br /&gt;
|4:36&lt;br /&gt;
|Now I will click on the Rotate button.&lt;br /&gt;
|-&lt;br /&gt;
|4:40&lt;br /&gt;
|This will take some time since the image is about 10 mega-pixels&lt;br /&gt;
|-&lt;br /&gt;
|4:49&lt;br /&gt;
|And its done!&lt;br /&gt;
|-&lt;br /&gt;
|4:54&lt;br /&gt;
|The image has rotated.&lt;br /&gt;
|-&lt;br /&gt;
|4:56&lt;br /&gt;
|Lets have a look at the whole picture. Shift + Ctrl + E brings us back to the image. And here it is!&lt;br /&gt;
|-&lt;br /&gt;
|5:05&lt;br /&gt;
|Next step is Cropping.&lt;br /&gt;
|-&lt;br /&gt;
|5:07&lt;br /&gt;
|I chose the Crop tool by clicking here.&lt;br /&gt;
|-&lt;br /&gt;
|5:11&lt;br /&gt;
|I want to keep the aspect ratio of the image as 3:2.&lt;br /&gt;
|-&lt;br /&gt;
|5:16&lt;br /&gt;
|For that I check Fixed Aspect ratio here and type in 3:2.&lt;br /&gt;
|-&lt;br /&gt;
|5:26&lt;br /&gt;
|Just clicking to come out of that box.&lt;br /&gt;
|-&lt;br /&gt;
|5:29&lt;br /&gt;
|And now, I can start cropping.&lt;br /&gt;
|-&lt;br /&gt;
|5:35&lt;br /&gt;
|I want to include the feet of this person here but exclude this part of the image.&lt;br /&gt;
|-&lt;br /&gt;
|5:42&lt;br /&gt;
|So I start here at this point and pressing the left mouse button, I drag upward towards the left to select the area.&lt;br /&gt;
|-&lt;br /&gt;
|5:51&lt;br /&gt;
|Note that the aspect ratio is constant.&lt;br /&gt;
|-&lt;br /&gt;
|5:56&lt;br /&gt;
|And now I have to decide how far to drag.&lt;br /&gt;
|-&lt;br /&gt;
|6:02&lt;br /&gt;
|I think this is quite good. &lt;br /&gt;
|-&lt;br /&gt;
|6:08&lt;br /&gt;
|Let’s checks the borders. &lt;br /&gt;
|-&lt;br /&gt;
|6:11&lt;br /&gt;
|We have excluded this part.  There is a person sitting here.&lt;br /&gt;
|-&lt;br /&gt;
|6:18&lt;br /&gt;
|I think there is enough room here for the person to be in the picture. &lt;br /&gt;
|-&lt;br /&gt;
|6:25&lt;br /&gt;
|So I will leave it that way since it looks nice.&lt;br /&gt;
|-&lt;br /&gt;
|6:31&lt;br /&gt;
|There are windows here on the top. &lt;br /&gt;
|-&lt;br /&gt;
|6:34&lt;br /&gt;
|And there is enough of them in the image to see them as windows.&lt;br /&gt;
|-&lt;br /&gt;
|6:40&lt;br /&gt;
|But I think there is not enough room around here at the feet.&lt;br /&gt;
|-&lt;br /&gt;
|6:43&lt;br /&gt;
|So I'll just click on the image, left-click on the mouse and drag it a bit down.&lt;br /&gt;
|-&lt;br /&gt;
|6:50&lt;br /&gt;
|I think this is good now. &lt;br /&gt;
|-&lt;br /&gt;
|6:53&lt;br /&gt;
|But now there is not enough windows seen here and the person seated here is very near to the border.&lt;br /&gt;
|-&lt;br /&gt;
|7:00&lt;br /&gt;
|So lets make the image a bit larger.&lt;br /&gt;
|-&lt;br /&gt;
|7:06&lt;br /&gt;
|We are running into a problem here. Perhaps you can see it. &lt;br /&gt;
|-&lt;br /&gt;
|7:13&lt;br /&gt;
|This happened during the rotation.&lt;br /&gt;
|-&lt;br /&gt;
|7:19&lt;br /&gt;
|There is a small part here which is transparent now.&lt;br /&gt;
|-&lt;br /&gt;
|7:24&lt;br /&gt;
|I don’t want to include that, so lets go back to Crop tool. &lt;br /&gt;
|-&lt;br /&gt;
|7:33&lt;br /&gt;
|I want a bit more room here; so I am dragging this up.&lt;br /&gt;
|-&lt;br /&gt;
|7:41&lt;br /&gt;
|Not so far.&lt;br /&gt;
|-&lt;br /&gt;
|7:46&lt;br /&gt;
|I think this is quite good.&lt;br /&gt;
|-&lt;br /&gt;
|7:49&lt;br /&gt;
|Now just click on the image and here we have the cropped &amp;amp; rotated image. &lt;br /&gt;
|-&lt;br /&gt;
|7:56&lt;br /&gt;
|Shift + Ctrl + E brings us back to the full view.&lt;br /&gt;
|-&lt;br /&gt;
|8:03&lt;br /&gt;
|Next step is to boost the colors &amp;amp; contrast a bit.&lt;br /&gt;
|-&lt;br /&gt;
|8:09&lt;br /&gt;
|There are several ways here. I could use the color levels - here it is, the curves or some sliders.&lt;br /&gt;
|-&lt;br /&gt;
|8:22&lt;br /&gt;
|But I will try doing this with layers.&lt;br /&gt;
|-&lt;br /&gt;
|8:27&lt;br /&gt;
|I simply make a copy of this layer here. &lt;br /&gt;
|-&lt;br /&gt;
|8:32&lt;br /&gt;
|And change the layer mode to Overlay.&lt;br /&gt;
|-&lt;br /&gt;
|8:39&lt;br /&gt;
|And you can see its a very strong effect. I don’t want to have it that much.&lt;br /&gt;
|-&lt;br /&gt;
|8:45&lt;br /&gt;
|So I slide the opacity slider down to a value where I think its looking good.&lt;br /&gt;
|-&lt;br /&gt;
|8:59&lt;br /&gt;
|Little more perhaps. &lt;br /&gt;
|-&lt;br /&gt;
|9:02&lt;br /&gt;
|Ok, I think this is good enough. &lt;br /&gt;
|-&lt;br /&gt;
|9:06&lt;br /&gt;
|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'. &lt;br /&gt;
|-&lt;br /&gt;
|9:20&lt;br /&gt;
|Then all the changes become permanent.&lt;br /&gt;
|-&lt;br /&gt;
|9:23&lt;br /&gt;
|Except if I go into History here and go back and undo the history.&lt;br /&gt;
|-&lt;br /&gt;
|9:30&lt;br /&gt;
|But we’ll cover that later.&lt;br /&gt;
|-&lt;br /&gt;
|9:34&lt;br /&gt;
|Next step is Resizing.&lt;br /&gt;
|-&lt;br /&gt;
|9:37&lt;br /&gt;
|I will click on the Image menu &amp;amp; select Scale Image option.&lt;br /&gt;
|-&lt;br /&gt;
|9:48&lt;br /&gt;
|Here I will just type in 800 pixels.&lt;br /&gt;
|-&lt;br /&gt;
|9:59&lt;br /&gt;
|And I get the value for the height automatically.&lt;br /&gt;
|-&lt;br /&gt;
|10:04&lt;br /&gt;
|When I unlock this link here, I could distort the image while re-sizing it.&lt;br /&gt;
|-&lt;br /&gt;
|10:11&lt;br /&gt;
|Interpolation. &lt;br /&gt;
|-&lt;br /&gt;
|10:14&lt;br /&gt;
|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.&lt;br /&gt;
|-&lt;br /&gt;
|10:31&lt;br /&gt;
|Now click on Scale.&lt;br /&gt;
|-&lt;br /&gt;
|10:35&lt;br /&gt;
|And we’ll look at the result &lt;br /&gt;
|-&lt;br /&gt;
|10:39&lt;br /&gt;
|Shift + Ctrl + E gets us the whole image.&lt;br /&gt;
|-&lt;br /&gt;
|10:44&lt;br /&gt;
|And when I press 1, I get 100% zoom. &lt;br /&gt;
|-&lt;br /&gt;
|10:51&lt;br /&gt;
|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.  &lt;br /&gt;
|-&lt;br /&gt;
|11:10&lt;br /&gt;
|Next step is Sharpening.&lt;br /&gt;
|-&lt;br /&gt;
|11:17&lt;br /&gt;
|My lens is quite good and my camera too. But we have manipulated the image.  So it has to be sharpened a bit.&lt;br /&gt;
|-&lt;br /&gt;
|11:28&lt;br /&gt;
|I will select Filters and click on Enhance and here is Sharpen.  I could also use the Unsharp mask which is very powerful sharpening tool.  But for now, Sharpen is enough.&lt;br /&gt;
|-&lt;br /&gt;
|11:49&lt;br /&gt;
|This tool has basically only one option which is the sharpness slider. It can be adjusted and its enough for such an image.&lt;br /&gt;
|-&lt;br /&gt;
|12:07&lt;br /&gt;
|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.&lt;br /&gt;
|-&lt;br /&gt;
|12:23&lt;br /&gt;
|I think for this image this value is good.&lt;br /&gt;
|-&lt;br /&gt;
|12:30&lt;br /&gt;
|The hair looks clearer now but here you can see some bleeding or distortion.&lt;br /&gt;
|-&lt;br /&gt;
|12:38&lt;br /&gt;
|So we will slide it down and this is better.&lt;br /&gt;
|-&lt;br /&gt;
|12:44&lt;br /&gt;
|I would like to go for soft effects rather than have any distortion in the image.&lt;br /&gt;
|-&lt;br /&gt;
|12:52&lt;br /&gt;
|They are proof that you have manipulated the image.&lt;br /&gt;
|-&lt;br /&gt;
|12:58&lt;br /&gt;
|So lets look at the result.&lt;br /&gt;
|-&lt;br /&gt;
|13:05&lt;br /&gt;
|It looks quite good.&lt;br /&gt;
|-&lt;br /&gt;
|13:09&lt;br /&gt;
|And now the last step is Saving this image.&lt;br /&gt;
|-&lt;br /&gt;
|13:13&lt;br /&gt;
|I will go to File and click on Save As and just change the original file extension ‘tif’ to ‘jpg’&lt;br /&gt;
|-&lt;br /&gt;
|13:27&lt;br /&gt;
|and Click on the Save button.&lt;br /&gt;
|-&lt;br /&gt;
|13:30&lt;br /&gt;
|I get a warning that the JPEG can't handle images with multiple layers.  Ok. So we have to export them.&lt;br /&gt;
|-&lt;br /&gt;
|13:42&lt;br /&gt;
|I think 85%is a good standard value for this image.&lt;br /&gt;
|-&lt;br /&gt;
|13:51&lt;br /&gt;
|So I have saved this image as JPEG image here.&lt;br /&gt;
|-&lt;br /&gt;
|13:59&lt;br /&gt;
|You can look at it in full screen.&lt;br /&gt;
|-&lt;br /&gt;
|14:03&lt;br /&gt;
|Here it is.&lt;br /&gt;
|-&lt;br /&gt;
|14:05&lt;br /&gt;
|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.&lt;br /&gt;
|-&lt;br /&gt;
|14:13&lt;br /&gt;
|If you want to send a comment, please write to info@meetthegimp.org&lt;br /&gt;
|-&lt;br /&gt;
|14:20&lt;br /&gt;
|More information is available at http://meetthegimp.org&lt;br /&gt;
|-&lt;br /&gt;
|14:30&lt;br /&gt;
|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.&lt;br /&gt;
|-&lt;br /&gt;
|15:00&lt;br /&gt;
|This is Hemant Waidande dubbing for the Spoken Tutorial project.&lt;br /&gt;
|-&lt;/div&gt;</summary>
		<author><name>Chandrika</name></author>	</entry>

	</feed>