Make an animated gif with Midora's Plugin

[Pixey]

This tutorial is available as a PDF. Click here to view or download it

 

 

 

Plugin used:  Midora's Plugin Animate

 

1.  Open PDN and start to add the layers. I used a canvas size of 333 x 275 pixels for this example.

 

2.  For a moving object you will need to change the position slightly on each layer.  To do this, first draw or add your image.  Then Copy & Paste.  Add to a new layer and  move it slightly.  Keep on going until you have the desired layers.

 

3.  The settings for the layers are available in @midora's Read Me in his Plugin.

 

     i.e. For the Background you can name it, then the settings follow //

 

           1.   Background would be;  bouncy ball // Background

            2.  Next layer will have the speed; i.e. // 80ms

             

 

 

 

4.  Then, when you are finished and ready to animate, go to Save As and choose the setting for AGIF - GIF Animations and Images

 

 

5.  Close PDN after saving.

 

6.  To view your wonderful movie, open PDN again and go to Tools – Animate It and navigate to where you saved your movie.

 

 

Note:  If you have updated to @Midora's 'Look At It' on 16th April, 2015, it will now look like this:

 

 

7.  Save your .agif and then upload it to Imgur or Photobucket and copy the URL for posting on the forum.

 

 

For Water

 

1.  Cut out a piece of water from a picture for the Background layer and call it that after the slashes //

 

2.  Copy and paste into a new layer and with the rectangle tool pull the nubs slightly to stretch it.  Mark the 2nd layer with the time of // 60ms.

 

3.  Continue as above and stretch again.

 

4.  Make a few layers as above.

 

5.  Follow step 4 in above bouncy ball to finish.

 

 

 

 

 

[midora]

Thanks for taking the time to set this up Pixey. I guess we will need and maybe get more of these tutorials in the future.

 

But you put pressure on me to get this filetype out of the developer zone ;-)

[Pixey]

Thanks for taking the time to set this up Pixey. I guess we will need and maybe get more of these tutorials in the future.

 

But you put pressure on me to get this filetype out of the developer zone ;-)

 

I hope I didn't cause you any problems Midora .  In hindsight, I should have asked you first if it was OK to do this.

[midora]

All fine. I know this tut will help others like requested in developer zone.

And it is not the case that the current version of the plugin is unstable or not usable.

[johnnysdream]

I dont have animate it..whats that?If its only for pdn4 I am out of luck.

[Pixey]

I dont have animate it..whats that?If its only for pdn4 I am out of luck.

 

• This also works in 3.5.11.  You have to download the Plugins - it's high lighted in blue at the top of the tutorial.  You can read the instructions on the page where Midora's Plugin is situated.

Basically, there are two Plugins.  One to make the animation and the second to view the animation.

[Seerose]

Dear Pixey! I tried but I'm not sure whether this is correct.   

Excellent work from you and Midora.

 

   for both of you and for the effort.   

 

 

Edited March 25, 2015 by Seerose

[racerx]

Great job on this tutorial Pixey! I was thinking of doing a tut on this, now I don't have to.

 

Nice job on the illustrations also.... 

[Pixey]

@Seerose - what a beautiful flower you made with the colors changing too

 

 

 

@Racerx - Thanks for the compliment, but you are so much more cognizant (as is, of course @Midora) of how the settings work, that another one or two tutorials will not go amiss .

[Seerose]

@Seerose - what a beautiful flower you made with the colors changing too

 

Dear    !

Thank you so much. I have a question? This sign in the Layers (// 60 // or 80) what does this mean? Is perhaps the speed? 

[racerx]

Its the frame duration in milliseconds. Example // 50ms.

[Seerose]

Its the frame duration in milliseconds. Example // 50ms.

 

racerx! Thank you so much. I'm still premature. Read incorrectly. 

[Goonfella]

Great tutorial Pixey. Helped me make this -

 

 

Now to work out how to add it to the Amplifier image.

[racerx]

I actually made your amp animation using Aviutl. It has a wav form generator that can sync the bars with the music. However you probably want to do this all in Paint.net.

 

It's possible, but will take multiple passes. here's what I would do and experiment as I go along:

 

Layer 1 = Amp with meters

layers 2,3 = needles at various positions. Add  // transition  

then render out gif

 

Import gif, add new layer above all and put in your meter lenses. add " // foreground"  

then render out gif.

[Pixey]

That's really cool @Gooney - it looks so real

[doughty]

Here's my try.

 

[Pixey]

Oh Doughty - what a wonderful result!  It warms my heart .

[midora]

Good timing. Maybe I would add one intermediate face between the two used in the moment.

[doughty]

Thanks Pixey for your tutorial.

Thanks to all who liked my gif and I know it's a little rough.

 

Everyone has some great examples. Gave me confidence to give it a try.

@ Midora: i did try for another face just before the bounce, but it somehow wasn't looking right. I'll try again. 

[doughty]

Good timing. Maybe I would add one intermediate face between the two used in the moment.

 

OK, I put several more layers in for the bounce. it isn't so abrupt now. Thank you for the suggestion.

 

[midora]

Yeah, that's it. Not so easy to get the intermediate steps right.

Who is writing a simple morph plugin?

[TechnoRobbo]

How about this

 

[updated in subsequent Post]

 

 

[midora]

 

How about this

 

Useful to create intermediate frames. Maybe 'Show Paths' should show the current frame too.

I'm using something like this with an 'Spirit Level' like UI.

 

Now just do the same for a mesh of points which maps to a different mesh. ;-)

[TechnoRobbo]

Like this?? (it's not the Morph Plugin)

http://forums.getpaint.net/index.php?/topic/32090-trs-keyframe/?p=429141

[midora]

I'm thinking about if the animation tool could use a layer which contains the curve that defines the transition.