LATEST AWESOMNESS

How to Replace One Object With Another Keeping Animation

Want to replace a cute cat with a cute puppy in your animated sequence, without starting over from scratch? I will explain it in a few easy steps!

Our users said it is the feature they want the most … so, our developers came up with this intuitive UI. I really enjoy it myself!

Often during a project, we create effects that we would like to keep, but we decide to change the character. Let’s say we want to replace one animated character with another: here’s a way to keep the animation and replace only one object.

Here is an example of a project with a cute kitten. The picture appears with rotation, easing and shear tweens.

If I wanted to use all the tweens, but change the picture of the kitten, all I need to do is to right click, and select the “Replace with” option in the Context menu. (Right Click > Context menu > Replace with) This dialog box will open, with possible replacement options from the Library:

For this tutorial, I will choose the stretching cat (click on the first image in the second row) And here we go! Now we have a different cat going through all of the rotation and scaling effects.

How easy!

All my tweens are saved and now I can publish the updated animation in HTML5 format with a click of the Publish button!

Want to try it? To replace my animated cute cat with picture of your favorite pet,

Click here: http://editor.animatron.com/#p=2d35d0549603f1a58ad0cbb2

Copy my project (Main menu > Project > Duplicate Project)

Import your favorite picture: (Main Menu > Import)

Now, replace my cute stretching cat with the picture of your choice! Meow! Meow! (or will it be Woof! Woof!?).

Have fun working in Animatron!