5.7 Sync
One day the customer asked you to make the company's role logo across the page on the site. You use several keyframes and tweens to animate their characters (nested in components) along the guide line, as the final version is delivered to your customers and then wait for their reply. Unfortunately, your client changed his mind and asked if you could replace the bee role into a running dog. Do you have to recreate the whole animation? No, because you can exchange bee components with other components at any time. But you need to swap bee instances for each key frame in the animation. That's a problem! There are many keyframes on the timeline, and the job is very frustrating. Then there was a savior-sync!
1. Let's start with an animation that contains a nested role diagram component that moves along the path of the guide line. Adds a motion tween from the tween drop-down menu in the property panel so that the Sync option is turned on by default. There's nothing too complicated about it here. The Bee component contains some nested animations (flying wings, eye movements and bee sneezes).