GIMP/C2/Easy-Animation/English-timed
From Script | Spoken-Tutorial
Revision as of 16:46, 29 January 2014 by Kavita salve (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 notification. |
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 advertise.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 advertise.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 advertise.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. |