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:

Alt

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.

Alt

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)

Alt

Import your favorite picture: (Main Menu > Import)

Alt

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!

We’ll keep you in the loop!

Join 5,000 marketers who read our articles first