GIMP/C2/Easy-Animation/English-timed
From Script | Spoken-Tutorial
Revision as of 15:43, 9 July 2014 by PoojaMoolya (Talk | contribs)
Time | Narration |
00:23 | Today we'll talk about simple animation. |
00:28 | The package of GIMP animation is called GAP or GIMP animation package which can do a lot about Animations, Films and Movies |
00:43 | But we'll cover that later. |
00:46 | The oldest animations in Germany are called Daumenkio or Front Cinema. |
00:55 | And in English its called Flip Book or Flick Book. |
01:02 | This book contains a lot of images which are nearly the same but slide modifications from page to page and if you flick through them, you get little moving picture. |
01:20 | This video here is a animation too and you are looking at a slide show with 25 images per second. |
01:36 | Here are two advertise, this is mine and this one from Rob which show animated gif. |
01:51 | I want to improve my advertise here. |
01:56 | I want to show in my advertise the Meet The GIMP logo. |
02:04 | Now I have to save this image to my desktop and I have to successfully create an animation. |
02:15 | So now I steal my own image and save it on my desktop. |
02:24 | I open this image with the GIMP. |
02:28 | Just pull it over to the tool box and here it is. |
02:35 | Let me enlarge this a bit here. |
02:43 | Basically there is no animation in this image but there is a stack of eight layers in the layer dialog. |
02:56 | And on the top you can see that this is a gif image which is indexed and has eight layers of 80 by 80 pixels. |
03:13 | This image is made out of 256 different colours. |
03:19 | And to look at these colours go to Dialog and ColorMap. |
03:27 | Here you can see the colours which are used in this image and there is lot of blue and some other colours and each colour has a index and the HTML notation. |
03:50 | So gif images are indexed and not rgb images and so they have only one limited colours available. |
04:05 | Now let's look at the frames here. |
04:10 | You can see that the 1st layer is named as background and in bracket it is in milliseconds i.e 5 Seconds. |
04:25 | So this image is shown for 5 seconds and then follows the frames 2,3,4 with 100 milliseconds and there is an option of replace. |
04:42 | To see the frames I just press the shift key and hold and click on the eye here and all the other frames are made invisible. |
04:55 | And now I can stack them on the top here. |
05:03 | There is a draw back of using the index colours. |
05:07 | You can see lot of spots in here because these tile has only 256 different colours available. |
05:18 | So this here is my background image. |
05:23 | And this is the other one and also the other image I used in this animation and this drawing was made by the people instead of following the lesson and I have used it with his permission. |
05:44 | And the rest of these images are simply mixtures of the other images to get a smooth way from one to the other. |
05:56 | To recreate this animation I have to take two images out of this stack which is very easy. |
06:06 | Just click on the thumbnail here and hold the mouse button and draw it up to the tool box. |
06:15 | And here is my 1st image. |
06:18 | Now click here and this one here is my 2nd image. |
06:24 | So I have these two images here and I can close my original animation and I don’t want to save anything of it. |
06:40 | Now I wanted to include the Meet the GIMP logo. |
06:46 | Just pull it over to the tool box and here it is. |
06:53 | I have to rescale it down to 80 by 80 pixels and then I have to include white colour as my background because black would be too harsh with this image. |
07:12 | And to do that I just add a new layer, fill it with white and pull it down and now I have white as my background. |
07:25 | Right click into the layer dialog and select Flatten Image. |
07:33 | Now I have a flat Meet The GIMP logo on white. |
07:39 | Now go to Image, Scale Image and I want to have 80 pixels, and in Interpolation, cubic is good. Click on Scale. |
07:51 | And now the image is rescaled but it is way to soft. |
07:58 | After rescaling you have to sharpen it. |
08:03 | So I go to Filters, Enhance, Sharpen. |
08:09 | I think I should go fairly high with the sharpness. |
08:15 | I think this is good. |
08:22 | Now I have 3 images waiting for becoming one animation. |
08:29 | One thing I have nearly forgotten is saving these basic images. |
08:37 | The 1st one is this here, Meet The GIMP and I Save it as mtg80.xcf. |
08:55 | And this one here too. |
08:58 | Other way to access menu is right click into the image and go to Image, Mode and RGB. |
09:11 | Then go to File and Save As. |
09:21 | I’ll use this image as my base. |
09:26 | So, I save it again and this time as the copy. |
09:33 | And I call it avatar.xcf. |
09:41 | Yes I want to replace it, I have done that before. |
09:48 | Go to File, Open. |
09:52 | So here this is my basic image. |
09:56 | And the 1st thing I want to do is blend this image with Meet The GIMP Logo. |
10:05 | And for that I make a copy of this one and mix it with the logo. |
10:14 | I select this image by clicking and pulling this into my tool box and here I have my layer and now I select the logo and pull it over to this image and you get a scrap layer which is untitled and it will never be saved. |
10:40 | Now I have here two layers with my images. |
10:46 | And I want to have 3 steps between these 2 layers. |
10:51 | For doing that I choose a transparency of lets say about 25%. |
11:01 | Now I flatten this image and pull it to my avatar.xcf image. |
11:11 | I'll change these names later on. |
11:18 | I go back to the untitled image, go to Edit and Undo. |
11:27 | Now I set the transparency to about 50%. |
11:36 | Right click on the layer and select Flatten Image, and before pulling this, I just rename the layer as Frame X and in bracket I type 100 milliseconds. |
12:02 | Now I pull this to avatar.xcf and go back to my image. |
12:14 | I press ctrl + Z and change the opacity of the top layer to say something about 75%. |
12:26 | Right click on the layer and select Flatten Image. |
12:34 | I pull this layer to this image. |
12:39 | And that’s it for this animation step. |
12:45 | Now I have to pull the logo to this image and here I have my 1st 3 layers of blending. |
12:57 | And now I just close the scrap layer here and don’t save it. |
13:05 | Now we’ll look how this has worked out. |
13:10 | But before that I save my work here. |
13:15 | And now I go to Filters, Animation and Playback. |
13:26 | Here is my animation. |
13:29 | I click on play. |
13:33 | 1st I have to change the names of these layers before playing it. |
13:43 | You can rename the layers the same way as with the lot of other image word processing option. |
13:56 | Just mark the text, press Ctrl + C and double click on the next layer and press Ctrl + V and change the necessary stuff. |
14:14 | Now all the frames have their proper names. |
14:22 | So I go back to my image select Filter, Animation, Playback and lets look at this here. |
14:34 | You see the basic image. |
14:38 | And it is transformed to the other image but it is very quick. |
14:50 | It could be little bit slower. |
14:55 | So I’ll change the timing to say 200 milli seconds. |
15:02 | So again Filters, Animation, Playback. |
15:15 | I think this is better. |
15:18 | The last thing to do is index this image and save it as a gif image. And this is easily done. |
15:30 | Just go to File, Save As and then change the name extention to GIF and click on Save. |
15:43 | Then I get an option dialog |
15:47 | And gif cannot handle these layers here. |
15:52 | And it can only handle animation frames. |
15:57 | So I want to save it as Animation. |
16:04 | GIF can handle only Grey Scale or Index Images. |
16:10 | So i want to convert it to index result. |
16:15 | These are the default setting I found they are good enough for my stuff and I can change it but I don’t think it's necessary. |
16:26 | So I click on Export. |
16:29 | Here you see Created With The GIMP and Loop forever. |
16:36 | In Frame disposal I want to replace frame from frame. |
16:43 | And these other options are unchecked so I leave them unchecked because, if I want to change the timings to 5000 or 2000 milliseconds then i can do it. |
17:01 | Now click on Save and we’ll look at the result. |
17:07 | And for that we'll not use GIMP but Mozilla. |
17:13 | In Mozilla it works as expected. |
17:18 | Good bye upto next week. |
17:22 | This is Hemant Waidande dubbing for the Spoken Tutorial project. |