Difference between revisions of "GIMP/C2/Easy-Animation/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{| border = 1
 
{| border = 1
−
 
 
|'''Time'''
 
|'''Time'''
−
 
 
|'''Narration'''
 
|'''Narration'''
−
 
  
 
|-
 
|-
−
| 00.23
+
| 00:23
−
|Today we'll talk about simple animation.  
+
|Today we'll talk about simple animation.  
  
 
|-
 
|-
−
| 00.28
+
| 00:28
−
|The package of GIMP animation is called GAP or GIMP animation package which can do a lot about Animations, Films and Movies
+
|The package of GIMP animation is called GAP or '''GIMP Animation Package''' which can do a lot about Animations, Films and Movies.
  
 
|-
 
|-
−
| 00.43
+
| 00:43
 
| But we'll cover that later.  
 
| But we'll cover that later.  
−
 
  
 
|-
 
|-
−
| 00.46
+
| 00:46
−
| The oldest animations in Germany are called Daumenkio or Front Cinema.   
+
| The oldest animations in Germany are called Daumenkino or Front Cinema.   
  
 
|-
 
|-
−
| 00.55
+
| 00:55
−
|And in English its called Flip Book or Flick Book.
+
|And in English it's called Flip Book or Flick Book.
  
 
|-
 
|-
−
| 01.02
+
| 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.
 
| 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
+
| 01:20
−
|This video here is a animation too and you are looking at a slide show with 25 images per second.  
+
|This video here, is an animation too and you are looking at a slide show with 25 images per second.  
  
 
|-
 
|-
−
| 01.36
+
| 01:36
 
|Here are two advertise, this is mine and this one from Rob which show animated gif.  
 
|Here are two advertise, this is mine and this one from Rob which show animated gif.  
  
 
|-
 
|-
−
|01.51
+
|01:51
−
| I want to improve my advertise here.  
+
| I want to improve my advertisement here.  
  
 
|-
 
|-
−
|01.56
+
|01:56
−
|I want to show in my advertise the Meet The GIMP logo.  
+
|I want to show in my advertisement the '''Meet The GIMP''' logo.  
−
 
+
  
 
|-
 
|-
−
|02.04
+
|02:04
−
|Now I have to save this image to my desktop and I have to successfully create an animation.  
+
|Now, I have to save this image to my desktop and I have to successfully create an animation.  
  
 
|-
 
|-
−
|02.15
+
|02:15
−
|So now I steal my own image and save it on my desktop.
+
|So, now I steal my own image and '''save''' it on my desktop.
  
 
|-
 
|-
−
|02.24
+
|02:24
 
| I open this image with the GIMP.  
 
| I open this image with the GIMP.  
−
 
  
 
|-
 
|-
−
|02.28
+
|02:28
 
|Just pull it over to the tool box and here it is.  
 
|Just pull it over to the tool box and here it is.  
  
 
|-
 
|-
−
| 02.35
+
| 02:35
 
|Let me enlarge this a bit here.  
 
|Let me enlarge this a bit here.  
  
 
|-
 
|-
−
| 02.43
+
| 02:43
−
|Basically there is no animation in this image but there is a stack of eight layers in the layer dialog.  
+
|Basically there is no animation in this image but there is a stack of eight '''layers''' in the '''layer dialog'''.  
  
 
|-
 
|-
−
| 02.56
+
| 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.   
+
|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
+
| 03:13
 
|This image is made out of 256 different colours.  
 
|This image is made out of 256 different colours.  
  
 
|-
 
|-
−
| 03.19
+
| 03:19
−
|And to look at these colours go to Dialog and ColorMap.  
+
|And to look at these colours go to '''Dialogs''' and '''Colormap'''.  
  
 
|-
 
|-
−
| 03.27
+
| 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.  
+
|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 an '''index''' and the '''HTML notation'''.  
  
 
|-
 
|-
−
| 03.50
+
| 03:50
−
|So gif images are indexed and not rgb images and so they have only one limited colours available.  
+
|So, 'gif' images are indexed and not 'rgb' images and so they have only one limited colour available.  
  
 
|-
 
|-
−
| 04.05
+
| 04:05
 
|Now let's look at the frames here.  
 
|Now let's look at the frames here.  
  
 
|-
 
|-
−
| 04.10
+
| 04:10
−
|You can see that the 1st layer is named as background and in bracket it is in milliseconds i.e 5 Seconds.  
+
|You can see that the 1st layer is named as '''Background''' and in bracket it is in milliseconds i.e 5 Seconds.  
  
 
|-
 
|-
−
| 04.25
+
| 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.  
+
|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
+
| 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.  
+
|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
+
| 04:55
−
|And now I can stack them on the top here.  
+
|And now I can stack them on the top, here.  
−
 
+
  
 
|-
 
|-
−
| 05.03
+
| 05:03
−
|There is a draw back of using the index colours.  
+
|There is a draw back of using the '''index colours'''.  
  
 
|-
 
|-
−
| 05.07
+
| 05:07
 
|You can see lot of spots in here because these tile has only 256 different colours available.  
 
|You can see lot of spots in here because these tile has only 256 different colours available.  
  
 
|-
 
|-
−
|05.18
+
|05:18
−
|So this here is my background image.  
+
|So, this here is my background image.  
  
 
|-
 
|-
−
|05.23
+
|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.  
 
|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
+
| 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.  
+
|And the rest of the images are simply mixtures of the other images to get a smooth way from one to the other.  
  
 
|-
 
|-
−
| 05.56
+
| 05:56
−
|To recreate this animation I have to take two images out of this stack which is very easy.
+
|To recreate this animation, I have to take two images out of this stack which is very easy.
  
 
|-
 
|-
−
| 06.06
+
| 06:06
−
|Just click on the thumbnail here and hold the mouse button and draw it up to the tool box.
+
|Just click on the thumbnail here and hold the mouse button and draw it up to the toolbox.
  
 
|-
 
|-
−
| 06.15
+
| 06:15
−
|  And here is my 1st image.   
+
|  And here is my first image.   
  
 
|-
 
|-
−
| 06.18
+
| 06:18
−
|  Now click here and this one here is my 2nd image.
+
|  Now click here and this one here is my second image.
  
 
|-
 
|-
−
| 06.24
+
| 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.
+
|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
+
| 06:40
−
| Now I wanted to include the Meet the GIMP logo.  
+
| Now I wanted to include the '''Meet the GIMP''' logo.  
  
−
 
 
|-
 
|-
−
| 06.46
+
| 06:46
 
|Just pull it over to the tool box and here it is.  
 
|Just pull it over to the tool box and here it is.  
  
 
|-
 
|-
−
| 06.53
+
| 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.
 
| 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
+
| 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.
+
|  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
+
| 07:25
−
|Right click into the layer dialog and select Flatten Image.  
+
|Right click into the '''layer dialog'''  and select '''Flatten image'''.  
  
 
|-
 
|-
−
| 07.33
+
| 07:33
−
|Now I have a flat Meet The GIMP logo on white.  
+
|Now I have a flat '''Meet The GIMP'''  logo on white.  
  
 
|-
 
|-
−
| 07.39
+
| 07:39
−
|Now go to Image, Scale Image and I want to have 80 pixels, and in Interpolation, cubic is good. Click on Scale.  
+
|Now, go to '''Image, Scale Image'''  and I want to have '''80 pixels''' and in '''Interpolation''', '''Cubic'''  is good. Click on ''' Scale'''.  
  
 
|-
 
|-
−
|07.51
+
|07:51
−
|And now the image is rescaled but it is way to soft.
+
|And now the image is rescaled but it is way too soft.
  
 
|-
 
|-
−
|07.58
+
|07:58
−
| After rescaling you have to sharpen it.  
+
| After rescaling, you have to sharpen it.  
  
 
|-
 
|-
−
|08.03
+
|08:03
−
| So I go to Filters, Enhance, Sharpen.  
+
| So, I go to '''Filters''' >> '''Enhance'''  >> '''Sharpen'''.  
−
 
+
  
 
|-
 
|-
−
| 08.09
+
| 08:09
−
|I think I should go fairly high with the sharpness.  
+
|I think, I should go fairly high with the sharpness.  
  
 
|-
 
|-
−
| 08.15
+
| 08:15
 
|I think this is good.  
 
|I think this is good.  
−
 
  
 
|-
 
|-
−
| 08.22
+
| 08:22
−
|Now I have 3 images waiting for becoming one animation.  
+
|Now I have three images waiting for becoming one animation.  
  
 
|-
 
|-
−
| 08.29
+
| 08:29
 
|One thing I have nearly forgotten is saving these basic images.
 
|One thing I have nearly forgotten is saving these basic images.
  
 
|-
 
|-
−
| 08.37
+
| 08:37
−
|The 1st one is this here, Meet The GIMP and I Save it as mtg80.xcf.  
+
|The 1st one is this here, '''Meet The GIMP''' and I '''Save''' it as "mtg80.xcf".  
−
 
+
  
 
|-
 
|-
−
| 08.55
+
| 08:55
 
|And this one here too.   
 
|And this one here too.   
  
 
|-
 
|-
−
| 08.58
+
| 08:58
−
|Other way to access  menu is right click into the image and go to Image, Mode and RGB.
+
|Other way to access  menu is, right click into the image and go to '''Image''' >> '''Mode''' and '''RGB'''.
  
 
|-
 
|-
−
|09.11
+
|09:11
−
| Then go to File and Save As.  
+
| Then go to '''File''' and '''Save As'''.  
  
 
|-
 
|-
−
|09.21
+
|09:21
−
|I’ll use this image as my base.  
+
|I will use this image as my base.  
  
 
|-
 
|-
−
|09.26
+
|09:26
 
|So, I save it again and this time as the copy.  
 
|So, I save it again and this time as the copy.  
  
 
|-
 
|-
−
|09.33
+
|09:33
−
| And I call it avatar.xcf.
+
| And I call it "avatar.xcf".
  
 
|-
 
|-
−
|09.41
+
|09:41
−
|Yes I want to replace it, I have done that before.
+
|Yes, I want to replace it, I have done that before.
  
 
|-
 
|-
−
|09.48
+
|09:48
−
| Go to File, Open.  
+
| Go to '''File''', '''Open'''.  
  
 
|-
 
|-
−
| 09.52
+
| 09:52
−
|So here this is my basic image.  
+
|So, here this is my basic image.  
  
 
|-
 
|-
−
| 09.56
+
| 09:56
−
|And the 1st thing I want to do is blend this image with Meet The GIMP Logo.  
+
|And the 1st thing I want to do is, blend this image with '''Meet The GIMP''' Logo.  
  
 
|-
 
|-
−
| 10.05
+
| 10:05
−
|And for that I make a copy of this one and mix it with the logo.  
+
|And for that, I make a copy of this one and mix it with the logo.  
  
 
|-
 
|-
−
| 10.14
+
| 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.
+
|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
+
| 10:40
 
| Now I have here two layers with my images.
 
| Now I have here two layers with my images.
  
 
|-
 
|-
−
| 10.46
+
| 10:46
 
|  And I want to have 3 steps between these 2 layers.
 
|  And I want to have 3 steps between these 2 layers.
−
 
  
 
|-
 
|-
−
| 10.51
+
| 10:51
−
|  For doing that I choose a transparency of lets say about 25%.  
+
|  For doing that I choose a transparency of let's say about 25%.  
  
 
|-
 
|-
−
| 11.01
+
| 11:01
−
|Now I flatten this image and pull it to my avatar.xcf image.  
+
|Now, I flatten this image and pull it to my "avatar.xcf" image.  
  
 
|-
 
|-
−
| 11.11
+
| 11:11
 
|I'll change these names later on.  
 
|I'll change these names later on.  
−
 
  
 
|-
 
|-
−
|11.18
+
|11:18
−
|I go back to the untitled image, go to Edit and Undo.  
+
|I go back to the untitled image, go to '''Edit''' and '''Undo'''.  
  
 
|-
 
|-
−
|11.27
+
|11:27
 
|Now I set the transparency to about 50%.  
 
|Now I set the transparency to about 50%.  
  
 
|-
 
|-
−
| 11.36
+
| 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.  
+
| 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
+
| 12:02
−
|Now I pull this to avatar.xcf and go back to my image.  
+
|Now I pull this to "avatar.xcf" and go back to my image.  
  
 
|-
 
|-
−
| 12.14
+
| 12:14
−
|I press ctrl + Z and change the opacity of the top layer to say something about 75%.  
+
|I press '''Ctrl + Z''' and change the '''Opacity''' of the top layer to say something about 75%.  
  
 
|-
 
|-
−
| 12.26
+
| 12:26
−
|Right click on the layer and select Flatten Image.  
+
|Right click on the layer and select '''Flatten image'''.  
  
 
|-
 
|-
−
| 12.34
+
| 12:34
 
| I pull this layer to this image.   
 
| I pull this layer to this image.   
  
 
|-
 
|-
−
| 12.39
+
| 12:39
−
|And that’s it for this animation step.  
+
|And that’s it for this '''animation''' step.  
  
 
|-
 
|-
−
| 12.45
+
| 12:45
−
| Now I have to pull the logo to this image and here I have my 1st 3 layers of blending.
+
| Now, I have to pull the logo to this image and here I have my first 3 layers of blending.
  
 
|-
 
|-
−
| 12.57
+
| 12:57
 
|And now I just close the scrap layer here and don’t save it.  
 
|And now I just close the scrap layer here and don’t save it.  
  
 
|-
 
|-
−
| 13.05
+
| 13:05
 
|Now we’ll look how this has worked out.
 
|Now we’ll look how this has worked out.
−
 
−
 
  
 
|-
 
|-
−
| 13.10
+
| 13:10
−
|But before that I save my work here.  
+
|But before that I '''save''' my work here.  
  
 
|-
 
|-
−
| 13.15
+
| 13:15
−
|And now I go to Filters, Animation and Playback.  
+
|And now I go to '''Filters''' >> '''Animation''' and '''Playback'''.  
−
 
+
  
 
|-
 
|-
−
| 13.26
+
| 13:26
 
| Here is my animation.  
 
| Here is my animation.  
  
 
|-
 
|-
−
| 13.29
+
| 13:29
−
| I click on play.  
+
| I click on '''Play'''.  
−
 
+
  
 
|-
 
|-
−
| 13.33
+
| 13:33
−
|1st I have to change the names of these layers before playing it.  
+
|First I have to change the names of these layers before playing it.  
  
 
|-
 
|-
−
| 13.43
+
| 13:43
−
|You can rename the layers the same way as with the lot of other image word processing option.  
+
|You can rename the layers the same way as with the lot of other image word processing options.  
  
 
|-
 
|-
−
| 13.56
+
| 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.  
+
|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
+
| 14:14
−
|Now all the frames have their proper names.  
+
|Now all the '''frames''' have their proper names.  
  
 
|-
 
|-
−
| 14.22
+
| 14:22
−
|So I go back to my image select Filter, Animation, Playback and lets look at this here.  
+
|So I go back to my image, select '''Filters''' >> '''Animation''' >> '''Playback''' and let's look at this here.  
  
 
|-
 
|-
−
| 14.34
+
| 14:34
 
|You see the basic image.  
 
|You see the basic image.  
  
 
|-
 
|-
−
| 14.38
+
| 14:38
 
| And it is transformed to the other image but it is very quick.  
 
| And it is transformed to the other image but it is very quick.  
  
 
|-
 
|-
−
| 14.50
+
| 14:50
 
|It could be little bit slower.  
 
|It could be little bit slower.  
  
 
|-
 
|-
−
| 14.55
+
| 14:55
−
|So I’ll change the timing to say 200 milli seconds.   
+
|So I’ll change the timing to say 200 milliseconds.   
  
 
|-
 
|-
−
| 15.02
+
| 15:02
−
|So again Filters, Animation, Playback.  
+
|So again '''Filters''' >> '''Animation''' >> '''Playback'''.  
  
 
|-
 
|-
−
| 15.15
+
| 15:15
 
|I think this is better.  
 
|I think this is better.  
  
 
|-
 
|-
−
| 15.18
+
| 15:18
−
|The last thing to do is index this image and save it as a gif image. And this is easily done.  
+
|The last thing to do is '''index''' this image and save it as a 'gif' image. And this is easily done.  
  
 
|-
 
|-
−
| 15.30
+
| 15:30
−
|Just go to File, Save As and then change the name extention to GIF and click on Save.  
+
|Just go to '''File''' >> '''Save As''' and then change the '''Name''' extension to 'gif' and click on '''Save'''.  
  
 
|-
 
|-
−
| 15.43
+
| 15:43
−
|Then I get an option dialog  
+
|Then I get an option dialog.
  
 
|-
 
|-
−
| 15.47
+
| 15:47
−
|And gif cannot handle these layers here.  
+
|And 'gif' cannot handle these layers here.  
  
 
|-
 
|-
−
| 15.52
+
| 15:52
−
|And it can only handle animation frames.
+
|And it can only handle '''animation frames'''.
  
 
|-
 
|-
−
| 15.57
+
| 15:57
−
|So I want to save it as Animation.  
+
|So, I want to '''save''' it as '''Animation'''.  
  
 
|-
 
|-
−
| 16.04
+
| 16:04
−
|GIF can handle only Grey Scale or Index Images.  
+
|'gif' can handle only '''greyscale''' or '''indexed''' images.  
  
 
|-
 
|-
−
| 16.10
+
| 16:10
−
|So i want to convert it to index result.
+
|So, I want to convert it to '''index result'''.
  
 
|-
 
|-
−
| 16.15
+
| 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.  
+
|These are the default settings I found. They are good enough for my stuff and I can change it but I don’t think it's necessary.  
  
 
|-
 
|-
−
| 16.26
+
| 16:26
−
| So I click on Export.  
+
| So, I click on '''Export'''.  
  
 
|-
 
|-
−
| 16.29
+
| 16:29
−
|Here you see Created With The GIMP and Loop forever.
+
|Here you can see '''Created With GIMP''' and '''Loop forever'''.
  
 
|-
 
|-
−
| 16.36
+
| 16:36
−
|In Frame disposal I want to replace frame from frame.  
+
|In '''Frame disposal''', I want to replace '''One frame per layer'''.  
  
 
|-
 
|-
−
| 16.43
+
| 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.
+
| 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
+
| 17:01
−
|  Now click on Save and we’ll look at the result.  
+
|  Now click on '''Save''' and we will look at the result.  
  
 
|-
 
|-
−
| 17.07
+
| 17:07
−
| And for that we'll not use GIMP but Mozilla.  
+
| And for that, we'll not use GIMP but Mozilla.  
  
 
|-
 
|-
−
| 17.13
+
| 17:13
 
|In Mozilla it works as expected.  
 
|In Mozilla it works as expected.  
  
 
|-
 
|-
−
| 17.18
+
| 17:18
−
|Good bye upto next week.  
+
|Good bye up to next week.  
  
 
|-
 
|-
−
| 17.22
+
| 17:22
−
|This is Hemant Waidande dubbing for the Spoken Tutorial project.
+
|This is Hemant Waidande, dubbing for the Spoken Tutorial project.

Latest revision as of 16:42, 9 May 2015

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 Daumenkino or Front Cinema.
00:55 And in English it's 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 an 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 advertisement here.
01:56 I want to show in my advertisement 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 Dialogs 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 an index and the HTML notation.
03:50 So, 'gif' images are indexed and not 'rgb' images and so they have only one limited colour 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 the 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 toolbox.
06:15 And here is my first image.
06:18 Now click here and this one here is my second 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 too 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 three 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 will 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 let's 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 first 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 First 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 options.
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 Filters >> Animation >> Playback and let's 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 milliseconds.
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 extension 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 greyscale or indexed images.
16:10 So, I want to convert it to index result.
16:15 These are the default settings 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 can see Created With GIMP and Loop forever.
16:36 In Frame disposal, I want to replace One frame per layer.
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 will 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 up to next week.
17:22 This is Hemant Waidande, dubbing for the Spoken Tutorial project.

Contributors and Content Editors

Kavita salve, Minal, PoojaMoolya, Priyacst, Sandhya.np14

Retrieved from "https://script.spoken-tutorial.org/index.php?title=GIMP/C2/Easy-Animation/English-timed&oldid=21897"